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

Add webpack field.

extends:
  js: index.js
  css: style.css
  webpack: webpack.config.js

https://hiroppy.github.io/fusuma/docs/guides/configuring-fusuma#webpack

Components

• Code
• Card
• Flex
• Img

site: https://hiroppy.github.io/fusuma/docs/guides/slide-css#components
slide: https://hiroppy.github.io/fusuma/intro/#slide=23

Doc: https://hiroppy.github.io/fusuma/docs/guides/configuring-fusuma#line-highlight

If you wanna emphasize code places, you'll be able to use this feature.

Syntax is line="xxx", and xxx accepts like 5, 5-10 and 5,10-14.

e.g. javascript line="12-20"

init has had this feature, so if you want to start asap, you should run npx fusuma init.

$ npx fusuma init
$ tree -a

.
├── .fusumarc.yml
├── slides
│   └── 0-title.md
└── style.css

1 directory, 3 files

$npx fusuma start # done!

Math

Support MathJax.

Diagrams and Flowcharts

Server Side Rendering

Fusuma run SSR automatically when running build task.

1.9.0 (2019-07-01)

Bug Fixes

• configs: showIndex is now as a default (bdffa06)
• webpack: add output log (04a3521)

Features

• client: support HMR of mermaid (abee659)
• configs: add chart option (a60a466)
• webpack: don't use webpack-dev-server (dd4a3fb)
• webpack: implement to generate mermaid nodes in MDXAST (bfd73a5)
• webpack: run SSR when running build task (b277517)
• webpack: support MathJax (adeaf00)

Performance Improvements

• client: don't use setTimeout when NODE_ENV=production (dd49411)

1.8.0 (2019-06-26)

Features

• client: implement drawing feature (7a75b09)

1.7.0 (2019-06-25)

Features

• client: implement capturing screen contents (9c98fc0)

1.4.0 (2019-06-19)

Bug Fixes

• some tweaks (821050c)

Features

• client: change sidebar ui (efbaed8)

see https://github.com/hiroppy/fusuma#live-mode

• introduce mdx
  • https://hiroppy.github.io/fusuma/intro/#slide=19
• enable hmr
• delete loading layer
• :smile: -> 😄
• to monorepo

Bug Fixes

• client: move init of ws process to base (b4caaf6)
• deps: update dependency css-loader to v3 (85bbc6e)
• deps: update dependency deepmerge to v3.2.1 (6b390d2)
• deps: update dependency file-loader to v4 (795349e)
• Host: fix note (28974bd)
• presenter: disable lazyload on view mode (91fd6fa)
• webpack: replace a string of image src with cjs (883d007)
• lazyload (ba9669b)

Features

• client: delete loading screen (05230b8)
• client: enable hmr (fc6bd03)
• client: enable mdx (8781843)
• webpack: create webpack-loader to traverse MDAST (1db5281)
• webpack: support emoji (c898581), closes #92