@symbo.ls/cli 2.11.352 → 2.11.353

package/bin/fs.js

@@ -89,9 +89,13 @@ export async function createFs (
       } else {
         await overrideFiles(cacheDir, targetDir)
         console.log('Files overridden successfully.')
+        console.log()
+        console.log(chalk.dim('\n----------------\n'))
       }
     } else {
       console.log('No differences found.')
+      console.log()
+      console.log(chalk.dim('\n----------------\n'))
     }
   }
 

package/bin/linking/packages.js

@@ -6,21 +6,21 @@ export default [
   'css-in-props',
   '@symbo.ls/default-config',
   '@symbo.ls/emotion',
-  '@symbo.ls/fetch',
   '@symbo.ls/init',
+  '@symbo.ls/fetch',
   '@symbo.ls/preview',
   '@symbo.ls/scratch',
-  '@symbo.ls/socket-ui',
   'smbls',
+  '@symbo.ls/socket-ui',
   '@symbo.ls/socket',
-  '@symbo.ls/utils',
   '@symbo.ls/uikit',
+  '@symbo.ls/utils',
   '@symbo.ls/default-icons',
   '@symbo.ls/feather-icons',
   '@symbo.ls/fluent-icons',
   '@symbo.ls/material-icons',
-  '@symbo.ls/editorjs',
   '@symbo.ls/google-maps',
+  '@symbo.ls/editorjs',
   '@symbo.ls/helmet',
   '@symbo.ls/markdown',
   '@symbo.ls/atoms',
@@ -39,13 +39,13 @@ export default [
   '@symbo.ls/icon',
   '@symbo.ls/indicator',
   '@symbo.ls/input',
-  '@symbo.ls/link',
   '@symbo.ls/label',
+  '@symbo.ls/link',
   '@symbo.ls/list',
-  '@symbo.ls/notification',
   '@symbo.ls/modal',
   '@symbo.ls/paragraphbutton',
   '@symbo.ls/pills',
+  '@symbo.ls/notification',
   '@symbo.ls/progress',
   '@symbo.ls/range',
   '@symbo.ls/select',
@@ -53,8 +53,8 @@ export default [
   '@symbo.ls/slider',
   '@symbo.ls/sociallink',
   '@symbo.ls/steps',
-  '@symbo.ls/tab',
   '@symbo.ls/table',
+  '@symbo.ls/tab',
   '@symbo.ls/threejs',
   '@symbo.ls/timepicker',
   '@symbo.ls/tooltip',

package/bin/sync.js

@@ -4,11 +4,14 @@ import chalk from 'chalk'
 import { program } from './program.js'
 import { loadModule } from './require.js'
 import { updateDynamycFile } from '@symbo.ls/socket'
+import * as utils from '@domql/utils'
 
 import * as socketClient from '@symbo.ls/socket/client.js'
 import { fetchFromCli } from './fetch.js'
 import { convertFromCli } from './convert.js'
 
+const { debounce } = utils.default
+
 const SOCKET_API_URL_LOCAL = 'http://localhost:13336/'
 const SOCKET_API_URL = 'https://socket.symbols.app/'
 
@@ -28,6 +31,7 @@ program
   .option('-k, --key', 'Bypass the symbols.json key, overriding the key manually')
   .option('-f, --fetch', 'Verbose errors and warnings', true)
   .option('--convert', 'Verbose errors and warnings', true)
+  .option('--update', 'overriding changes from platform', true)
   .option('--verbose-code', 'Verbose errors and warnings')
   .action(async (opts) => {
     const { dev, verbose, fetch: fetchOpt, convert: convertOpt } = opts
@@ -46,8 +50,8 @@ program
 
     await rc.then(symbolsrc => {
       const options = { ...symbolsrc, ...opts }
-      const { framework } = symbolsrc
-      const key = symbolsrc.key || opts.key
+      const { framework, distDir, prettify, verboseCode } = options
+      const key = options.key || opts.key
       const socketUrl = dev ? SOCKET_API_URL_LOCAL : SOCKET_API_URL
 
       console.log('Connecting to:', chalk.bold(socketUrl))
@@ -61,7 +65,7 @@ program
           console.log('Socket id:', id)
           console.log(chalk.dim('\nListening to updates...\n'))
         },
-        onChange: (event, data) => {
+        onChange: debounce(async (event, data) => {
           if (event === 'clients') {
             console.log(
               'Active clients:',
@@ -70,25 +74,26 @@ program
             return
           }
 
-          data = JSON.parse(data)
-          const d = {}
-          const {
-            PROJECT_DESIGN_SYSTEM,
-            PROJECT_STATE,
-            PROJECT_COMPONENTS,
-            PROJECT_SNIPPETS,
-            PROJECT_PAGES,
-            DATA
-          } = data
-          if (PROJECT_DESIGN_SYSTEM) d.designSystem = PROJECT_DESIGN_SYSTEM
-          if (PROJECT_STATE) d.state = PROJECT_STATE
-          if (PROJECT_COMPONENTS) d.components = PROJECT_COMPONENTS
-          if (DATA && DATA.components) d.components = DATA.components
-          if (PROJECT_SNIPPETS) d.snippets = PROJECT_SNIPPETS
-          if (PROJECT_PAGES) d.pages = PROJECT_PAGES
+          const parseData = JSON.parse(data)
+          const d = parseData && parseData.DATA
+
+          if (!d) return
 
           if (Object.keys(d).length) {
-            updateDynamycFile(d, { framework, ...options })
+            console.log(chalk.dim('\n----------------\n'))
+            console.log(chalk.dim('Received update:'))
+            console.log(Object.keys(d).join(', '))
+            if (verboseCode) console.log(chalk.dim(JSON.stringify(d, null, prettify ?? 2)))
+
+            if (distDir) {
+              if (fetchOpt) {
+                await fetchFromCli(options)
+                console.log(chalk.dim('\n----------------\n'))
+                return
+              }
+            } else {
+              updateDynamycFile(d, { framework, ...options })
+            }
           }
 
           if (d.components && convertOpt && framework) {
@@ -96,7 +101,7 @@ program
               ...options, framework
             })
           }
-        },
+        }, 1500),
         onError: (err, socket) => {
           console.log(chalk.bold.green('Error during connection'))
           if (verbose) console.error(err)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symbo.ls/cli",
-  "version": "2.11.352",
+  "version": "2.11.353",
   "description": "Fetch your Symbols configuration",
   "main": "bin/fetch.js",
   "author": "Symbols",
@@ -26,5 +26,5 @@
     "node-fetch": "^3.1.0",
     "v8-compile-cache": "^2.3.0"
   },
-  "gitHead": "c294479f06e6f576951c7c1cb3df309a08d59dc4"
+  "gitHead": "c5d01a30797fc044b539a5309a879f6b249e3888"
 }