@symbo.ls/cli 2.11.288 → 2.11.305

package/bin/fetch.js

@@ -7,33 +7,39 @@ import { program } from './program.js'
 import * as fetch from '@symbo.ls/fetch'
 import * as utils from '@domql/utils'
 import { convertFromCli } from './convert.js'
+import { createDirs } from './fs.js'
 
 const { isObjectLike } = utils.default
 const { fetchRemote } = fetch.default
 
 const RC_PATH = process.cwd() + '/symbols.json'
-const LOCAL_CONFIG_PATH = process.cwd() + '/node_modules/@symbo.ls/init/dynamic.json'
+const LOCAL_CONFIG_PATH =
+  process.cwd() + '/node_modules/@symbo.ls/init/dynamic.json'
 const DEFAULT_REMOTE_REPOSITORY = 'https://github.com/symbo-ls/default-config/'
-const DEFAULT_REMOTE_CONFIG_PATH = 'https://api.symbols.app/' // eslint-disable-line
+const DEFAULT_REMOTE_CONFIG_PATH = "https://api.symbols.app/"; // eslint-disable-line
 
-const API_URL_LOCAL = 'http://localhost:13335/'
+const API_URL_LOCAL = 'http://localhost:13335/get/'
 const API_URL = 'https://api.symbols.app/get/'
 
-const rcFile = loadModule(RC_PATH) // eslint-disable-line
-const localConfig = loadModule(LOCAL_CONFIG_PATH) // eslint-disable-line
+const rcFile = loadModule(RC_PATH); // eslint-disable-line
+const localConfig = loadModule(LOCAL_CONFIG_PATH); // eslint-disable-line
 
-const debugMsg = chalk.dim('Use --verbose to debug the error or open the issue at https://github.com/symbo-ls/smbls')
+const debugMsg = chalk.dim(
+  'Use --verbose to debug the error or open the issue at https://github.com/symbo-ls/smbls'
+)
 
 let rc = {}
 try {
-  rc = loadModule(RC_PATH) // eslint-disable-line
-} catch (e) { console.error('Please include symbols.json to your root of respository') }
+  rc = loadModule(RC_PATH); // eslint-disable-line
+} catch (e) {
+  console.error('Please include symbols.json to your root of respository')
+}
 
 export const fetchFromCli = async (opts) => {
   const { dev, verbose, prettify, convert: convertOpt } = opts
 
-  await rc.then(async data => {
-    const { key, framework } = data
+  await rc.then(async (data) => {
+    const { key, framework, distDir } = data
 
     const endpoint = dev ? API_URL_LOCAL : API_URL
 
@@ -54,7 +60,11 @@ export const fetchFromCli = async (opts) => {
 
     if (verbose) {
       if (key) {
-        console.log(chalk.bold('Symbols'), 'data fetched for', chalk.green(body.name))
+        console.log(
+          chalk.bold('Symbols'),
+          'data fetched for',
+          chalk.green(body.name)
+        )
       } else {
         console.log(
           chalk.bold('Symbols'),
@@ -85,33 +95,30 @@ export const fetchFromCli = async (opts) => {
       delete body.designsystem
     }
 
-    const monetized = false
-    if (!monetized) {
-      const bodyString = JSON.stringify(body, null, prettify ?? 2)
-
-      try {
-        await fs.writeFileSync(LOCAL_CONFIG_PATH, bodyString)
+    const bodyString = JSON.stringify(body, null, prettify ?? 2)
 
-        if (verbose) {
-          console.log(chalk.dim('\ndynamic.json has been updated:'))
-          console.log(chalk.dim.underline(LOCAL_CONFIG_PATH))
-        }
+    try {
+      await fs.writeFileSync(LOCAL_CONFIG_PATH, bodyString)
 
-        console.log(chalk.bold.green('\nSuccessfully wrote file'))
-      } catch (e) {
-        console.log(chalk.bold.red('\nError writing file'))
-        if (verbose) console.error(e)
-        else console.log(debugMsg)
+      if (verbose) {
+        console.log(chalk.dim('\ndynamic.json has been updated:'))
+        console.log(chalk.dim.underline(LOCAL_CONFIG_PATH))
       }
-    } else {
-      // tokos magic here
-      console.log(body)
+
+      console.log(chalk.bold.green('\nSuccessfully wrote file'))
+    } catch (e) {
+      console.log(chalk.bold.red('\nError writing file'))
+      if (verbose) console.error(e)
+      else console.log(debugMsg)
     }
 
     console.log(convertOpt)
     if (body.components && convertOpt && framework) {
       convertFromCli(body.components, { ...opts, framework })
     }
+
+    console.log(Object.keys(body))
+    createDirs(body, distDir)
   })
 }
 

package/bin/fs.js

@@ -0,0 +1,97 @@
+'use strict'
+
+import fs from 'fs'
+import path from 'path'
+import utils from '@domql/utils'
+const { deepDestringify, objectToString, joinArrays } = utils
+
+const keys = ['components', 'snippets', 'pages']
+const singleFileKeys = ['designSystem', 'state']
+
+export function createDirs (body, distDir) {
+  if (!body) {
+    console.error('No JSON object provided. Exiting.')
+    return
+  }
+
+  distDir = distDir || path.join(process.cwd(), 'dist')
+
+  keys.forEach((key) => {
+    createKeyDirectoryAndFiles(key, body, distDir)
+  })
+
+  singleFileKeys.forEach((key) => {
+    if (body[key] && typeof body[key] === 'object') {
+      createSingleFileFolderAndFile(key, body[key], distDir)
+    }
+  })
+
+  generateRootIndexjsFile(joinArrays(keys, singleFileKeys), distDir)
+}
+
+async function generateIndexjsFile (dirs, dirPath) {
+  const indexContent = dirs.map(d => `export * from './${d}'`).join('\n') + '\n'
+  const indexFilePath = path.join(dirPath, 'index.js')
+  const fh = await fs.promises.open(indexFilePath, 'w')
+  await fh.writeFile(indexContent, 'utf8')
+  await fh.close()
+}
+
+async function generateRootIndexjsFile (dirs, dirPath) {
+  const indexContent = dirs.map(d => {
+    const isSingleFile = singleFileKeys.includes(d)
+    if (isSingleFile) return `export { default as ${d} } from './${d}'`
+    return `export * as ${d} from './${d}'`
+  }).join('\n') + '\n'
+  const indexFilePath = path.join(dirPath, 'index.js')
+  const fh = await fs.promises.open(indexFilePath, 'w')
+  await fh.writeFile(indexContent, 'utf8')
+  await fh.close()
+}
+
+async function createKeyDirectoryAndFiles (key, body, distDir) {
+  const dirPath = path.join(distDir, key)
+  fs.existsSync(dirPath) || fs.mkdirSync(dirPath, { recursive: true })
+  console.log(
+    `${fs.existsSync(dirPath) ? 'Found' : 'Created'} directory: ${dirPath}`
+  )
+
+  const dirs = []
+  if (body[key] && typeof body[key] === 'object') {
+    Object.entries(body[key]).forEach(([entryKey, value]) => {
+      let childKey = entryKey
+      if (childKey.startsWith('/')) {
+        childKey = childKey.slice(1)
+        if (!childKey.length) childKey = 'main'
+      }
+      createOrUpdateFile(dirPath, childKey, value)
+      dirs.push(childKey)
+    })
+  }
+
+  generateIndexjsFile(dirs, dirPath, key)
+}
+
+function createOrUpdateFile (dirPath, childKey, value) {
+  const filePath = path.join(dirPath, `${childKey}.js`)
+
+  const content = deepDestringify(value)
+  const stringifiedContent = `export const ${childKey} = ${objectToString(content)}`
+
+  const fileExists = fs.existsSync(filePath)
+
+  console.log(`${fileExists ? 'Updating' : 'Creating new'} file: ${filePath}`);
+  (fileExists && fs.readFileSync(filePath, 'utf8') === content) ||
+    fs.writeFileSync(filePath, stringifiedContent)
+}
+
+function createSingleFileFolderAndFile (key, data, distDir) {
+  const filePath = path.join(distDir, `${key}.js`)
+  const content = deepDestringify(data)
+  const stringifiedContent = `export default ${objectToString(content)}`
+  const fileExists = fs.existsSync(filePath)
+
+  console.log(`${fileExists ? 'Updating' : 'Creating new'} file: ${filePath}`);
+  (fileExists && fs.readFileSync(filePath, 'utf8') === content) ||
+    fs.writeFileSync(filePath, stringifiedContent)
+}

package/bin/linking/packages.js

@@ -1,12 +1,12 @@
 export default [
+  '@symbo.ls/create',
+  '@symbo.ls/convert',
   'attrs-in-props',
   '@symbo.ls/cli',
-  '@symbo.ls/convert',
-  '@symbo.ls/create',
-  '@symbo.ls/default-config',
   'css-in-props',
-  '@symbo.ls/fetch',
+  '@symbo.ls/default-config',
   '@symbo.ls/emotion',
+  '@symbo.ls/fetch',
   '@symbo.ls/init',
   '@symbo.ls/preview',
   '@symbo.ls/scratch',
@@ -17,12 +17,12 @@ export default [
   '@symbo.ls/utils',
   '@symbo.ls/default-icons',
   '@symbo.ls/feather-icons',
-  '@symbo.ls/material-icons',
   '@symbo.ls/fluent-icons',
+  '@symbo.ls/material-icons',
   '@symbo.ls/editorjs',
   '@symbo.ls/google-maps',
-  '@symbo.ls/markdown',
   '@symbo.ls/helmet',
+  '@symbo.ls/markdown',
   '@symbo.ls/atoms',
   '@symbo.ls/avatar',
   '@symbo.ls/banner',
@@ -31,35 +31,35 @@ export default [
   '@symbo.ls/card',
   '@symbo.ls/datepicker',
   '@symbo.ls/dialog',
-  '@symbo.ls/dropdown',
   '@symbo.ls/doublehr',
+  '@symbo.ls/dropdown',
   '@symbo.ls/field',
   '@symbo.ls/form',
   '@symbo.ls/hgroup',
   '@symbo.ls/icon',
-  '@symbo.ls/input',
-  '@symbo.ls/label',
   '@symbo.ls/indicator',
+  '@symbo.ls/input',
   '@symbo.ls/link',
+  '@symbo.ls/label',
   '@symbo.ls/list',
   '@symbo.ls/modal',
-  '@symbo.ls/notification',
   '@symbo.ls/paragraphbutton',
-  '@symbo.ls/pills',
+  '@symbo.ls/notification',
   '@symbo.ls/progress',
-  '@symbo.ls/select',
+  '@symbo.ls/pills',
   '@symbo.ls/range',
+  '@symbo.ls/select',
   '@symbo.ls/sidebar',
   '@symbo.ls/slider',
-  '@symbo.ls/steps',
+  '@symbo.ls/sociallink',
   '@symbo.ls/tab',
+  '@symbo.ls/steps',
   '@symbo.ls/table',
-  '@symbo.ls/sociallink',
   '@symbo.ls/threejs',
-  '@symbo.ls/timepicker',
   '@symbo.ls/tooltip',
-  '@symbo.ls/unitvalue',
+  '@symbo.ls/timepicker',
   '@symbo.ls/upload',
+  '@symbo.ls/unitvalue',
   '@symbo.ls/user',
   '@symbo.ls/video'
 ]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symbo.ls/cli",
-  "version": "2.11.288",
+  "version": "2.11.305",
   "description": "Fetch your Symbols configuration",
   "main": "bin/fetch.js",
   "author": "Symbols",
@@ -27,5 +27,5 @@
   "peerDependencies": {
     "@symbo.ls/convert": "latest"
   },
-  "gitHead": "2793d8d6b6903041e9d988b292ee6fdf7ed67176"
+  "gitHead": "14569e713ad6d47a3be207df9f23dc0338a2d562"
 }