@symbo.ls/cli 2.10.208 → 2.10.209

package/bin/convert.js

@@ -1,7 +1,6 @@
 'use strict'
 
 import * as esbuild from 'esbuild'
-import { loadModule } from './require.js'
 import { program } from './program.js'
 import { convert } from 'domql-to-mitosis'
 import fs from 'fs'
@@ -58,7 +57,7 @@ program
 
     // Bundle components
     await esbuild.build({
-      entryPoints: origFiles.map(file => path.join(srcPath, file, '/index.jsx')),
+      entryPoints: origFiles.map(file => path.join(srcPath, file, './index.js')),
       bundle: true,
       sourcemap: true,
       target: 'node12',
@@ -94,7 +93,7 @@ program
           const component = domqlModule[key]
           component.__name = key
           const out = convert(component, desiredFormat, {
-            verbose: false,
+            verbose: (key === "ParentMode"),
             exportDefault: exportCount === 1,
             returnMitosisIR: true,
             importsToRemove: uniqueImports,

package/bin/create/DesignSystem.js

@@ -0,0 +1,14 @@
+export const CustomDesignSystem = {
+ color: {
+  snowWhite: '#F3F6FB',
+ },
+ theme: {},
+ typography: {},
+ space: {},
+ media: {},
+ icons:{}, 
+ font: {},
+ font_family: {},
+ timing: {},
+ reset: {}
+}

package/bin/create.js

@@ -0,0 +1,60 @@
+'use strict'
+
+import { execSync } from 'child_process'
+import { program } from './program.js'
+import fs from 'fs'
+import path from 'path'
+import { fileURLToPath } from 'url';
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const DESIGN_SYSTEM_FILE_PATH = path.join(
+  __dirname, 'create', 'DesignSystem.js')
+const REPO_URLS = {
+  domql: 'https://github.com/symbo-ls/create-domql-app.git',
+  react: 'https://github.com/symbo-ls/create-react-app.git',
+  angular: 'https://github.com/symbo-ls/create-angular-app.git',
+  vue2: 'https://github.com/symbo-ls/create-vue2-app.git',
+  vue3: 'https://github.com/symbo-ls/create-vue3-app.git',
+}
+
+program
+  .command('create')
+  .description('Create a new project that uses Symbols')
+  .argument('dest', 'Project directory name')
+  .option('--domql', 'Use Domql in the project (default)')
+  .option('--react', 'Use React in the project (default)')
+  .option('--angular', 'Use Angular in the project')
+  .option('--vue2', 'Use Vue2 in the project')
+  .option('--vue3', 'Use Vue3 in the project')
+  .action(async (dest, options) => {
+    // Determine repo to clone
+    let cloneUrl = REPO_URLS.react
+    if (options.domql) {
+      cloneUrl = REPO_URLS.domql
+    } else if (options.angular) {
+      cloneUrl = REPO_URLS.angular
+    } else if (options.vue2) {
+      cloneUrl = REPO_URLS.vue2
+    } else if (options.vue3) {
+      cloneUrl = REPO_URLS.vue3
+    }
+
+    // Clone
+    console.log(`Cloning ${cloneUrl} into ${dest}...`)
+    execSync(`git clone ${cloneUrl} ${dest}`)
+
+    // Install
+    const cwd = process.cwd()
+    console.log('Installing NPM dependencies...')
+    process.chdir(dest)
+    execSync(`npm install`)
+    process.chdir(cwd)
+
+    // Copy design system file
+    const filePath = path.join(dest, 'DesignSystem.js')
+    console.log(`Writing DesignSystem.js to ${filePath}`)
+    await fs.promises.copyFile(DESIGN_SYSTEM_FILE_PATH, filePath)
+
+    console.log('Done!')
+  })

package/bin/fetch.js

@@ -27,13 +27,18 @@ try {
 } catch (e) { console.error('Please include symbols.json to your root of respository') }
 
 program
-  .version(pkg.version)
+  .version(pkg.version ?? 'unknown')
 
 program
   .command('install')
   .description('Install Symbols')
   .option('--framework', 'Which Symbols to install (domql, react)')
   .action(async (framework) => {
+    if (!rc_file || !local_config) {
+      console.error('symbols.json not found in the root of the repository')
+      return;
+    }
+
     // const packageName = `@symbo.ls/${mode || 'uikit'}`
     const packageName = 'smbls'
     console.log('Adding', chalk.green.bold(packageName))

package/bin/index.js

@@ -8,6 +8,7 @@ import './fetch.js'
 import './sync.js'
 import './clean.js'
 import './convert.js'
+import './create.js'
 
 const args = process.argv
 program.parse(args)

package/bin/require.js

@@ -1,8 +1,13 @@
 import { createRequire } from 'module'
+import path from 'path'
+import fs from 'fs'
 
 class ImportError extends Error {} /* Bring in the ability to create the 'require' method */ // eslint-disable-line
 const require = createRequire(import.meta.url) // construct the require method
 
 export const loadModule = async (modulePath) => {
-  return require(modulePath) // use the require method
+  if (fs.existsSync(modulePath))
+    return require(modulePath) // use the require method
+  else
+    return null
 }

package/bin/sync.js

@@ -17,6 +17,10 @@ program
   .option('-l, --live', 'Bypass the local build')
   .option('--key', 'Bypass the local build')
   .action(async (options) => {
+    if (!rc) {
+      console.error('symbols.json not found in the root of the repository')
+      return;
+    }
     rc.then(data => {
       const opts = { ...data, ...options }
       const key = data.key || options.key

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symbo.ls/cli",
-  "version": "2.10.208",
+  "version": "2.10.209",
   "description": "Fetch your Symbols configuration",
   "main": "bin/fetch.js",
   "author": "Symbols",
@@ -24,5 +24,5 @@
     "node-fetch": "^3.1.0",
     "v8-compile-cache": "^2.3.0"
   },
-  "gitHead": "53cfce5a1e7f1d5cb466fcae0a20370eab5eaa2c"
+  "gitHead": "35746d7c15665b6bf65866553b251a4c6fff71bf"
 }