hiroppy/fusuma v2.0.0

on GitHub

features

• generate ogp automatically if you set meta.url without meta.thumbnail when running build task
• verify a11y when running build task
• export css variables
• add themes
• drop webslides
• change rendering method from SSR to dynamic rendering
• add reference on slides when running start task
• generate og:image automatically
• improve building speed using the persistent cache of webpack
• support gzip
• update all deps and support webpack@5
• add start-prod command to check bundle directory

fusumarc

• add meta.url option to generate og:image automatically
• add build.useCache option
• add build.publicPath option for production
  • in most cases, fusuma will be determined automatically so you won't use it

Syntax

• add <!-- background: red --> to change the background color/image
• add <!-- executable-code --> to execute JavaScript code

<!-- executable-code -->

\`\`\`javascript
console.log('hi');
alert('hi!');
\`\`\`

See https://hiroppy.github.io/fusuma/intro/#slide=19.

• add <!-- block-start --> and <!-- block-end --> to wrap children using div tag

<!-- block-start: outer -->

outer

<!-- block-start: inner -->

inner

<!-- block-end -->
<!-- block-end -->

the above code is converted to

<div class="outer">
  <p>outer</p>
  <div class="inner">
    <p>inner</p>
  </div>
</div>

e.g. https://hiroppy.github.io/fusuma/intro/#slide=15.

Breaking Changes

• many arguments are renamed, please run with the --help to confirm them
• mermaid is opt-out so if you want to use chart feature, please install it
• the minimum version is Node@12
• some class names are removed because of replacing