feat(init): create fusumarc.yml

Author: hiroppy

packages/client/src/components/ContentView/Base.js

@@ -7,6 +7,12 @@ import { useMermaid } from '../../hooks/useMermaid';
 
 const articleClass = process.env.IS_VERTICAL ? 'vertical' : undefined;
 
+// don't move to useEffect
+if (!getSearchParams().get('ssr')) {
+  // don't run when creating html
+  import(/* webpackPreload: true  */ '../../setup/prism');
+}
+
 export const Base = memo(
   ({ slides, onChangeSlideIndex, hash, showIndex }) => {
     const [mermaid] = useMermaid();
@@ -27,10 +33,6 @@ export const Base = memo(
     useEffect(() => {
       setupSlides();
 
-      if (!getSearchParams().get('ssr')) {
-        // don't run when creating html
-        import(/* webpackPreload: true */ '../../setup/prism');
-      }
       if (slides.some(({ fusumaProps }) => !!fusumaProps.hasExecutableCode)) {
         createVMEnv();
       }

packages/client/src/setup/prism.js

@@ -1,6 +1,7 @@
 import Prism from 'prismjs';
 import '../../assets/style/code.css';
 
+// check https://github.com/PrismJS/prism/issues/1487
 Prism.highlightAll();
 
 export { Prism };

packages/fusuma/src/configs/babelrc.js

@@ -25,9 +25,6 @@ function babelrc({ languages = [], plugins = [], theme = 'default' } = {}) {
       ],
     ],
     plugins: [
-      '@babel/plugin-syntax-dynamic-import',
-      '@babel/plugin-proposal-class-properties',
-      '@babel/plugin-proposal-object-rest-spread',
       [
         'prismjs',
         {

packages/fusuma/src/configs/fusumarc.js

@@ -6,6 +6,7 @@ const { promisify } = require('util');
 const yaml = require('js-yaml');
 const pSearch = require('preferred-search');
 const { all: mergeAll } = require('deepmerge');
+const { info } = require('../cli/log');
 
 const mkdirAsync = promisify(mkdir);
 const readFileAsync = promisify(readFile);
@@ -60,25 +61,29 @@ function getConfigYaml() {
 }
 
 async function init(baseDir) {
-  await writeFileAsync(join(baseDir, '.fusumarc.yml'), getConfigYaml());
-  console.info('Created .fusumarc.yml');
+  {
+    const data = await readFileAsync(join(__dirname, 'templates', 'fusumarc.yml'), 'utf8');
+
+    await writeFileAsync(join(baseDir, '.fusumarc.yml'), data);
+    info('init', 'Created .fusumarc.yml');
+  }
 
   // scaffold
   await mkdirAsync(join(baseDir, 'slides'));
-  console.info('Created slides directory');
+  info('init', 'Created slides directory');
 
   {
     const data = await readFileAsync(join(__dirname, 'templates', '0-title.md'), 'utf8');
 
     await writeFileAsync(join(baseDir, 'slides', '0-title.md'), data);
-    console.info('Created slides/0-title.md');
+    info('init', 'Created slides/0-title.md');
   }
 
   {
     const data = await readFileAsync(join(__dirname, 'templates', 'style.css'), 'utf8');
 
     await writeFileAsync(join(baseDir, 'style.css'), data);
-    console.info('Created style.css');
+    info('init', 'Created style.css');
   }
 }
 

packages/fusuma/src/configs/templates/fusumarc.yml

@@ -0,0 +1,19 @@
+meta:
+  url:
+  title:
+  description:
+  siteName:
+  sns: ['twitter']
+slide:
+  loop: true
+  sidebar: true
+  targetBlank: true
+  showIndex: true
+  code:
+    languages:
+      - json
+      - markdown
+      - javascript
+      - css
+    plugins: []
+    theme: default

samples/debug/.fusumarc.yml

@@ -2,7 +2,6 @@ meta:
   url: https://hiroppy.github.io/fusuma/debug
   title: debug
   description: A place which produces to resolve issues
-  # thumbnail: https://avatars0.githubusercontent.com/u/3367801?s=400&v=4
   siteName: hiroppy.me
   sns: ['twitter']
 slide:
@@ -18,4 +17,5 @@ slide:
       - python
 extends:
   js: main.js
-  css: style.css
+build:
+  useCache: false

samples/debug/style.css

@@ -1,7 +1,3 @@
-__body {
-  background: #666;
-}
-
 @font-face {
   font-family: Stratum;
   src: url('./assets/StratumNo1.ttf');

samples/intro/.fusumarc.yml

@@ -15,4 +15,3 @@ slide:
       - css
 extends:
   js: index.js
-  css: style.css