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 {}
+ }
+})