feat(configs): add scaffolding into init command

README.md

@@ -78,6 +78,20 @@ $ tree -a
 
 1 directory, 1 files
 
+# -------- init ---------
+# you can use `init` command
+
+$ npx fusuma init
+$ tree -a
+
+.
+├── .fusumarc.yml
+├── slides
+│   └── 0-title.md
+└── style.css
+
+1 directory, 3 files
+
 # --- executable tasks---
 $ npx fusuma init     # customize fusuma configuration
 $ npx fusuma start    # development

packages/configs/__tests__/__snapshots__/fusumarc.js.snap

@@ -23,7 +23,7 @@ slide:
   math: false
 extends:
   js:
-  css:
+  css: ./style.css
 "
 `;
 

packages/configs/__tests__/style.css

@@ -0,0 +1,27 @@
+:root {
+  --color-white: #f5f5f5;
+  --color-black: #333;
+}
+
+html {
+  /* set the base font-size */
+  font-size: 62.5%;
+}
+
+body {
+  /* set the default background */
+  background: var(--color-white);
+
+  /* set the default font-color */
+  color: var(--color-black);
+}
+
+/* code blocks */
+code[class*='language-'],
+pre[class*='language-'] {
+  font-size: 2rem;
+}
+
+/* https://hiroppy.github.io/fusuma/docs/guides/slide-syntax#declaring-section-title */
+.section-title {
+}

packages/configs/src/fusumarc.js

@@ -1,12 +1,13 @@
 'use strict';
 
-const { readFile, writeFile } = require('fs');
+const { readFile, writeFile, mkdir } = require('fs');
 const { join, extname } = require('path');
 const { promisify } = require('util');
 const yaml = require('js-yaml');
 const pSearch = require('preferred-search');
 const { all: mergeAll } = require('deepmerge');
 
+const mkdirAsync = promisify(mkdir);
 const readFileAsync = promisify(readFile);
 const writeFileAsync = promisify(writeFile);
 
@@ -35,7 +36,7 @@ const config = {
   },
   extends: {
     js: null,
-    css: null
+    css: './style.css'
   }
 };
 
@@ -56,6 +57,25 @@ function getConfigYaml() {
 async function init(baseDir) {
   try {
     await writeFileAsync(join(baseDir, '.fusumarc.yml'), getConfigYaml());
+    console.info('Created .fusumarc.yml');
+
+    // scaffold
+    await mkdirAsync(join(baseDir, 'slides'));
+    console.info('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');
+    }
+
+    {
+      const data = await readFileAsync(join(__dirname, 'templates', 'style.css'), 'utf8');
+
+      await writeFileAsync(join(baseDir, 'style.css'), data);
+      console.info('Created style.css');
+    }
   } catch (e) {
     throw e;
   }

packages/configs/src/templates/0-title.md

@@ -0,0 +1,3 @@
+<!-- classes: title -->
+
+# Title

packages/configs/src/templates/style.css

@@ -0,0 +1,30 @@
+:root {
+  --color-white: #f5f5f5;
+  --color-black: #333;
+}
+
+html {
+  /* set the base font-size */
+  font-size: 62.5%;
+}
+
+body {
+  /* set the default background */
+  background: var(--color-white);
+
+  /* set the default font-color */
+  color: var(--color-black);
+}
+
+/* code blocks */
+code[class*='language-'],
+pre[class*='language-'] {
+  font-size: 2rem;
+}
+
+/* https://hiroppy.github.io/fusuma/docs/guides/slide-syntax#declaring-section-title */
+.section-title {
+}
+
+.title {
+}

packages/webpack/src/webpack.config.js

@@ -2,6 +2,7 @@
 
 // use `let` for rewire
 let path = require('path');
+const { existsSync } = require('fs');
 const webpack = require('webpack');
 const merge = require('webpack-merge');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
@@ -10,11 +11,20 @@ const { babel: babelrc } = require('@fusuma/configs');
 const css = require('./css');
 
 const configsEntryPoint = require.resolve('@fusuma/configs');
-const configsBasePath = configsEntryPoint.split('/src').slice(0, -1).join('/src');
+const configsBasePath = configsEntryPoint
+  .split('/src')
+  .slice(0, -1)
+  .join('/src');
 const clientEntryPoint = require.resolve('@fusuma/client');
-const clientBasePath = clientEntryPoint.split('/src').slice(0, -1).join('/src');
+const clientBasePath = clientEntryPoint
+  .split('/src')
+  .slice(0, -1)
+  .join('/src');
 const mdxLoaderEntryPoint = require.resolve('@fusuma/mdx-loader');
-const mdxLoaderBasePath = mdxLoaderEntryPoint.split('/src').slice(0, -1).join('/src');
+const mdxLoaderBasePath = mdxLoaderEntryPoint
+  .split('/src')
+  .slice(0, -1)
+  .join('/src');
 
 module.exports = (type, { meta, slide, extends: fileExtends, internal = {}, server = {} }) => {
   // name is deprecated TODO: delete
@@ -173,7 +183,8 @@ module.exports = (type, { meta, slide, extends: fileExtends, internal = {}, serv
     if (jsPath && jsPath.match(/\+*.js$/i)) {
       common.entry.push(path.join(basePath, jsPath));
     }
-    if (cssPath && path.extname(cssPath) === '.css') {
+
+    if (cssPath && path.extname(cssPath) === '.css' && existsSync(cssPath)) {
       common.entry.push(path.join(clientBasePath, 'src', 'utils', 'customCss.js'));
     }
   }