issue: https://github.com/hiroppy/fusuma/issues/458 thank you for reporting

and update deps..

Features

Improving output logs

Analyze runtime bundle size and speed performance.

Adding slides list on development env

Adding table and fit-font classes

Supporting video

Allow .mp4 and .webm.

fix https://github.com/hiroppy/fusuma/issues/427

Others

• Using commander instead of caparal

bugs fixed

• fix fragments algorithm for a last page
  • fix https://github.com/hiroppy/fusuma/issues/424
• fix --account-icon-color for themes

<!-- account: twitter, about_hiroppy -->
<!-- account: github, hiroppy -->
<!-- account: facebook, yuta.hiroto0429 -->
<!-- account: linkedin, hiroppy -->

<!-- if you want to use grid -->

<!-- block-start: grid -->
<!-- account: twitter, about_hiroppy -->
<!-- account: github, hiroppy -->
<!-- account: facebook, yuta.hiroto0429 -->
<!-- account: linkedin, hiroppy -->
<!-- block-end -->

You can set these properties using css variables.

:root {
  --account-icon-size: 3rem;
  --account-icon-color: #545454;
}

and attaches these classes

.account {};

.account-twitter,
.account-github,
.account-facebook,
.account-linkedin {}

The Slide: https://hiroppy.github.io/fusuma/intro/#slide-14

Fragments

The Fragment is like steps. The syntax is below.

<!-- fragments-start -->

🙂

😆

🙄

<!-- fragments-end -->

slide -> https://hiroppy.github.io/fusuma/intro/#slide-9

No need to specify Code Block Languages

You write \``jsand it will be colored as JavaScript automatically soslide.code.languages` in fusumarc.yml will be deleted.

- slide
  - code
    - languages: <-- optoinal

Improving output logs

Files under 4.5KiB are hidden.

Adding embed feature on Sidebar

fixes: https://github.com/hiroppy/fusuma/issues/22

Accordingly, the github icon is moved to the top to add the embed icon.

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

Issue: https://github.com/hiroppy/fusuma/issues/198 PR: https://github.com/hiroppy/fusuma/pull/224

Thank you for your contribution.

@arayaryoma

1.15.0 (2019-09-04)

Features

• fusuma: add option of port to the 'start-task'. (3899e49)

$ fusuma start -p 1234 # boot server in localhost:1234
$ fusuma start # boot server in default port (8080)

Fix jsx not replacing all img src. https://github.com/hiroppy/fusuma/pull/186

1.14.0 (2019-07-26)

Features

• add build.ssr option (3e49dde)

build:
  ssr: true

https://hiroppy.github.io/fusuma/docs/guides/configuring-fusuma#server-side-rendering