fusuma

issue: https://github.com/hiroppy/fusuma/issues/85

issue: https://github.com/hiroppy/fusuma/issues/78

deps:

• mini-css-extract-plugin -> v0.7.0
• serve -> v11.0.1

Export prismjs options.
Please add slide.code to .fusumarc.yml or .fusumarc.js.

# .fusumarc.yml

slide:
  code:
    languages:
      - javascript
    plugins:
      - line-numbers
    theme: twilight

Sample Slide: https://hiroppy.github.io/fusuma/intro/#slide=11
README: https://github.com/hiroppy/fusuma#code-syntax-highlighting

fixes: #65

• Drop bespoke.js and use webSlides
• New UI of Presenter Mode
• Refactoring inside

Show page number on slides. PR #24

Thank you @karszawa 😀

Separators

Previously it was necessary to divide pages by file name, but now it is possible to separate them using separators.

<!-- background: title -->

# Title

---

<!-- background: red -->

## Hi😜

This page is the next page of the title.

Sample Repo: https://github.com/hiroppy/fusuma/tree/master/samples/intro-with-separator

Show the development url

https://github.com/hiroppy/fusuma/issues/16

Thanks @zhaozhiming!

Feat

• Lazy-load https://github.com/hiroppy/fusuma/commit/6a18990fede2e2b67c59627215768c0e3e66aa16
• add meta:description https://github.com/hiroppy/fusuma/commit/539f0b5053e1da3781638781f3d26f98d507564a
• add noopener https://github.com/hiroppy/fusuma/commit/f9105ab8b139fda41cfe417b39f5cbec9533fcd9

perf

webpack: change output file names and use runtimeChunk: 'single'

Fusuma can create a table of contents based on sectionTitle automatically.

Sample

Input

## Contents

<!-- contents -->

<!-- sectionTitle: foo! -->
## foo!

This slide is page 5!

Output

<h2>Contents</h2>

<ul>
  <li>
    <a href="#5">foo!</a>
  </li>
</ul>

<h2>foo!</h2>

<p>This slide is page 5!</p>

sample: https://github.com/hiroppy/fusuma/tree/master/samples/intro/slides

also the security problem was solved:)

in: postcss-preset-env, out: postcss-cssnext
in: postcss-url

https://github.com/csstools/postcss-preset-env

Added class alias for bespoke.js so added string-replace-loader before postcss-loader.

__body -> .bespoke-parent
__bg -> .bespoke-backdrop
__section-title -> .bespoke-backdrop.section-title

Sample: https://github.com/hiroppy/fusuma/blob/master/samples/fx/style.css

Also, it will not convert anything other than specific keys, so it has backward compatibility.

Slide Transition Animation

Added support for slide animation.

Demo: https://hiroppy.github.io/fusuma-fx-sample/
Docs: https://github.com/hiroppy/fusuma/blob/master/docs/slide.md#animation

Hide Sidebar

Added an option as hiding sidebar in slide.
Also, it was changed to forcibly hide when outputting as PDF.

webpack

Fixed resolveLoader.module and resolve.modules.

Thanks

Huge thanks to @saadq and @hiloki!