chore: create-cssr-scaffold script

scripts/create-cssr-scaffold.js

@@ -0,0 +1,62 @@
+const fs = require('fs')
+const path = require('path')
+
+const componentName = process.argv[2]
+
+const componentPath = path.resolve(__dirname, '..', 'src', componentName)
+
+if (!fs.existsSync(componentPath)) {
+  console.log(componentPath + ' doesn\'t exists')
+  process.exit(1)
+}
+
+const themeStylesPath = path.resolve(componentPath, 'styles')
+if (!fs.existsSync(themeStylesPath)) {
+  fs.mkdirSync(themeStylesPath)
+}
+fs.writeFileSync(path.resolve(themeStylesPath, 'light.js'), `import create from '../../styles/_utils/create-component-base'
+
+export default create({
+  theme: 'light',
+  name: '',
+  getDerivedVariables ({ base, derived }) {
+    return {}
+  }
+})
+`)
+fs.writeFileSync(path.resolve(themeStylesPath, 'dark.js'), `import create from '../../styles/_utils/create-component-base'
+
+export default create({
+  theme: 'dark',
+  name: '',
+  getDerivedVariables ({ base, derived }) {
+    return {}
+  }
+})
+`)
+
+const cssrPath = path.resolve(componentPath, 'src', 'styles')
+if (!fs.existsSync(cssrPath)) {
+  fs.mkdirSync(cssrPath)
+}
+
+fs.writeFileSync(path.resolve(cssrPath, 'themed-base.cssr.js'), `import { c, cTB, cB, cE, cM, cNotM } from '../../../_utils/cssr'
+
+export default c([
+  ({ props }) => {
+  }
+])
+`)
+
+fs.writeFileSync(path.resolve(cssrPath, 'index.js'), `import baseStyle from './themed-base.cssr.js'
+
+export default [
+  {
+    key: 'syntheticTheme',
+    watch: [
+      'syntheticTheme'
+    ],
+    CNode: baseStyle
+  }
+]
+`)

src/alert/src/styles/index.js

@@ -0,0 +1,11 @@
+import baseStyle from './themed-base.cssr.js'
+
+export default [
+  {
+    key: 'syntheticTheme',
+    watch: [
+      'syntheticTheme'
+    ],
+    CNode: baseStyle
+  }
+]

src/alert/src/styles/themed-base.cssr.js

@@ -0,0 +1,6 @@
+import { c, cTB, cB, cE, cM, cNotM } from '../../../_utils/cssr'
+
+export default c([
+  ({ props }) => {
+  }
+])

src/alert/styles/dark.js

@@ -0,0 +1,9 @@
+import create from '../../styles/_utils/create-component-base'
+
+export default create({
+  theme: 'dark',
+  name: '',
+  getDerivedVariables ({ base, derived }) {
+    return {}
+  }
+})

src/alert/styles/light.js

@@ -0,0 +1,9 @@
+import create from '../../styles/_utils/create-component-base'
+
+export default create({
+  theme: 'light',
+  name: '',
+  getDerivedVariables ({ base, derived }) {
+    return {}
+  }
+})