@fugood/bricks-project 2.21.0-beta.14.test5 → 2.21.0-beta.14.test6

package/api/instance.ts

@@ -1,19 +1,19 @@
-const stage = process.env.BRICKS_STAGE || 'production'
-
 const apiUrlMap = {
   production: 'https://display.bricks.tools/api/graphql-workspace',
   beta: 'https://display-beta.bricks.tools/api/graphql-workspace',
   dev: 'http://localhost:3001/api/graphql-workspace',
 }
 
-const apiURL = apiUrlMap[stage]
-if (!apiURL) throw new Error(`Invalid BRICKS_STAGE: ${stage}`)
-
 const workspaceToken = process.env.BRICKS_WORKSPACE_TOKEN
 
-const doGQL = async (query: string, variables: Record<string, any>) => {
+type Stage = 'production' | 'beta' | 'dev'
+
+const doGQL = async (stage: Stage, query: string, variables: Record<string, any>) => {
   if (!workspaceToken) throw new Error('env BRICKS_WORKSPACE_TOKEN is not set')
 
+  const apiURL = apiUrlMap[stage]
+  if (!apiURL) throw new Error(`Invalid stage: ${stage}`)
+
   const data = await fetch(apiURL, {
     method: 'POST',
     headers: {
@@ -25,9 +25,47 @@ const doGQL = async (query: string, variables: Record<string, any>) => {
   return data
 }
 
-export const deployApp = async (appId: string, config: {}, lastCommitId: string) => {
+export const pullApp = async (stage: Stage, appId: string) => {
+  const { data, errors } = await doGQL(
+    stage,
+    `query BRICKS_PROJECT_application($id: ID!) {
+      application(id: $id) {
+        _id
+        name
+        description
+        config
+        lock {
+          enabled
+        }
+        dev_ref {
+          is_dev
+        }
+      }
+    }`,
+    { id: appId },
+  )
+  if (errors) throw new Error(errors[0].message)
+
+  const app = data.application
+  if (!app) throw new Error('App not found')
+  if (app.lock.enabled) throw new Error('App is locked')
+  if (!app.dev_ref.is_dev)
+    throw new Error(
+      'Currently BRICKS Project is experimental, please use the fork version of the app',
+    )
+  return app
+}
+
+type Config = { title?: string }
+
+export const deployApp = async (stage: Stage, appId: string, config: Config, lastCommitId: string) => {
+  const app = await pullApp(stage, appId)
+  if (app.config?.bricks_project_last_commit_id === lastCommitId)
+    throw new Error('No changes to deploy')
+
   const { errors } = await doGQL(
-    `mutation BRICKS_PROJECT_updateApplication($id: ID!, $config: JSON) {
+    stage,
+    `mutation BRICKS_PROJECT_updateApplication($id: ID!, $config: String) {
       updateApplication(
         id: $id,
         config: $config
@@ -38,19 +76,62 @@ export const deployApp = async (appId: string, config: {}, lastCommitId: string)
     }`,
     {
       id: appId,
-      config: {
+      config: JSON.stringify({
         ...config,
+        title: `${config.title || app.name || 'Untitled'} (${Date.now()})`,
         bricks_project_last_commit_id: lastCommitId,
-      },
+      }),
     },
   )
   if (errors) throw new Error(errors[0].message)
   return true
 }
 
-export const deployModule = async (modId: string, config: {}, lastCommitId: string) => {
+export const pullApplicationProject = async (stage: Stage, appId: string) => {
+  const { data, errors } = await doGQL(
+    stage,
+    `query BRICKS_PROJECT_applicationProject($id: ID!) {
+      UNSTABLE_applicationProject(id: $id, buildApplicationOnly: true)
+    }`,
+    { id: appId },
+  )
+  if (errors) throw new Error(errors[0].message)
+  if (!data.UNSTABLE_applicationProject) throw new Error('Application not found')
+  return data.UNSTABLE_applicationProject
+}
+
+export const pullModule = async (stage: Stage, modId: string) => {
+  const { data, errors } = await doGQL(
+    stage,
+    `query BRICKS_PROJECT_module($id: ID!) {
+      module(id: $id) {
+        _id
+        name
+        description
+        is_public
+        config
+      }
+    }`,
+    { id: modId },
+  )
+  if (errors) throw new Error(errors[0].message)
+  const mod = data.module
+  if (!mod) throw new Error('Module not found')
+  if (mod.is_public)
+    throw new Error(
+      'Currently BRICKS Project is experimental, public module deployment is temporary not recommended',
+    )
+  return mod
+}
+
+export const deployModule = async (stage: Stage, modId: string, config: Config, lastCommitId: string) => {
+  const mod = await pullModule(stage, modId)
+  if (mod.config?.bricks_project_last_commit_id === lastCommitId)
+    throw new Error('No changes to deploy')
+
   const { errors } = await doGQL(
-    `mutation BRICKS_PROJECT_updateModule($id: ID!, $config: JSON) {
+    stage,
+    `mutation BRICKS_PROJECT_updateModule($id: ID!, $config: String) {
       updateModule(
         id: $id
         config: $config
@@ -62,44 +143,26 @@ export const deployModule = async (modId: string, config: {}, lastCommitId: stri
     }`,
     {
       id: modId,
-      config: {
+      config: JSON.stringify({
         ...config,
+        title: `${(config.title || mod.name || 'Untitled')} (${Date.now()})`,
         bricks_project_last_commit_id: lastCommitId,
-      },
+      }),
     },
   )
   if (errors) throw new Error(errors[0].message)
   return true
 }
 
-export const pullApp = async (appId: string) => {
-  const { data, errors } = await doGQL(
-    `query BRICKS_PROJECT_application($id: ID!) {
-      application(id: $id) {
-        _id
-        name
-        description
-        config
-      }
-    }`,
-    { id: appId },
-  )
-  if (errors) throw new Error(errors[0].message)
-  return data.application
-}
-
-export const pullModule = async (modId: string) => {
+export const pullModuleProject = async (stage: Stage, modId: string) => {
   const { data, errors } = await doGQL(
-    `query BRICKS_PROJECT_module($id: ID!) {
-      module(id: $id) {
-        _id
-        name
-        description
-        config
-      }
+    stage,
+    `query BRICKS_PROJECT_moduleProject($id: ID!) {
+      UNSTABLE_moduleProject(id: $id, buildApplicationOnly: true)
     }`,
     { id: modId },
   )
   if (errors) throw new Error(errors[0].message)
-  return data.module
+  if (!data.UNSTABLE_moduleProject) throw new Error('Module not found')
+  return data.UNSTABLE_moduleProject
 }

package/compile/index.ts

@@ -58,10 +58,10 @@ const convertEventKey = (templateKey: string, key: string) => {
 
 const basicAnimationEvents = ['show', 'standby', 'breatheStart']
 
-const compileAnimations = (templateKey: string, animations: { [key: string]: () => Animation }) => {
+const compileAnimations = (templateKey: string, animations: { [key: string]: Animation }) => {
   return Object.entries(animations).reduce((acc, [key, animation]) => {
     acc[convertEventKey(basicAnimationEvents.includes(key) ? 'BRICK' : templateKey, key)] =
-      `ANIMATION#${animation().id}`
+      `ANIMATION#${animation.id}`
     return acc
   }, {})
 }
@@ -318,7 +318,7 @@ export const compile = (app: Application) => {
             animation: compileAnimations(brick.templateKey, brick.animation || {}),
             event_map: compileEvents(brick.templateKey, brick.events || {}),
             outlet: compileOutlets(brick.templateKey, brick.outlets || {}),
-            state_group: brick.switches.reduce((acc, switchCase) => {
+            state_group: brick.switches?.reduce((acc, switchCase) => {
               acc[switchCase.id] = {
                 title: switchCase.title,
                 description: switchCase.description,
@@ -343,7 +343,7 @@ export const compile = (app: Application) => {
             description: canvas.description,
             property: compileProperty(canvas.property),
             event_map: compileEvents('CANVAS', canvas.events || {}),
-            state_group: canvas.switches.reduce((acc, switchCase) => {
+            state_group: canvas.switches?.reduce((acc, switchCase) => {
               acc[switchCase.id] = {
                 title: switchCase.title,
                 description: switchCase.description,
@@ -380,7 +380,7 @@ export const compile = (app: Application) => {
             property: compileProperty(generator.property || {}),
             event_map: compileEvents(generator.templateKey, generator.events || {}),
             outlet: compileOutlets(generator.templateKey, generator.outlets || {}),
-            state_group: generator.switches.reduce((acc, switchCase) => {
+            state_group: generator.switches?.reduce((acc, switchCase) => {
               acc[switchCase.id] = {
                 title: switchCase.title,
                 description: switchCase.description,
@@ -429,7 +429,7 @@ export const compile = (app: Application) => {
             calc.type = 'general'
             const mapCalc = dataCalc as DataCalculationMap
 
-            const generateInputPorts = (inputs, outputs) =>
+            const generateInputPorts = (inputs) =>
               inputs.reduce((acc, port) => {
                 if (!acc[port.key]) acc[port.key] = null
 
@@ -442,18 +442,10 @@ export const compile = (app: Application) => {
                 if (!sourceId) return acc
                 if (!acc[port.key]) acc[port.key] = []
 
-                const firstOutput = outputs[0]
-                let disableTriggerCommandIn
-                let firstOutputTargetNode = firstOutput?.target()
-                if (!port.trigger && firstOutputTargetNode?.__typename === 'DataCalculationData')
-                  disableTriggerCommandIn = (firstOutputTargetNode as DataCalculationData).data().id
-                if (!port.trigger && firstOutputTargetNode?.__typename === 'DataCommand')
-                  disableTriggerCommandIn = firstOutputTargetNode.id
-
                 acc[port.key].push({
                   id: sourceId,
                   port: port.sourceKey,
-                  disable_trigger_command_in: disableTriggerCommandIn,
+                  disable_trigger_command: !port.trigger ? true : undefined,
                 })
                 return acc
               }, {})
@@ -492,7 +484,7 @@ export const compile = (app: Application) => {
                   description: dataNode.description,
                   type: 'data-node',
                   properties: {},
-                  in: generateInputPorts(dataNode.inputs, dataNode.outputs),
+                  in: generateInputPorts(dataNode.inputs),
                   out: generateOutputPorts(dataNode.outputs),
                 }
               } else if (node.__typename === 'DataCommand') {
@@ -523,7 +515,7 @@ export const compile = (app: Application) => {
                       return acc
                     }, {}),
                   },
-                  in: generateInputPorts(inputs, commandNode.outputs),
+                  in: generateInputPorts(inputs),
                   out: generateOutputPorts(commandNode.outputs),
                 }
               }

package/compile/util.ts

@@ -1,4 +1,4 @@
-import { makeId } from '../uuid'
+import { makeId } from '../utils/id'
 
 type ScriptConfig = {
   inputs: Record<string, string>
@@ -87,7 +87,7 @@ export const generateCalulationMap = (config: ScriptConfig, opts?: { snapshotMod
             {
               id: key,
               port: 'value',
-              disable_trigger_command_in: config.disabled_triggers?.[key] ? sandboxId : undefined,
+              disable_trigger_command: config.disabled_triggers?.[key] ? true : undefined,
             },
           ],
         },

package/index.ts

@@ -1,10 +1,5 @@
 export type * from './types'
 
-import type { DataLink, Data } from './types'
-
-export { makeId } from './uuid'
-
-export const linkData: ((dataGetter: () => Data) => DataLink) = (dataGetter) => ({
-  __typename: 'DataLink',
-  data: dataGetter,
-})
+export { makeId } from './utils/id'
+export { generateDataCalculationMapEditorInfo } from './utils/calc'
+export { linkData, useSystemData } from './utils/data'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fugood/bricks-project",
-  "version": "2.21.0-beta.14.test5",
+  "version": "2.21.0-beta.14.test6",
   "main": "index.ts",
   "scripts": {
     "build": "node scripts/build.js"

package/tools/deploy.ts

@@ -0,0 +1,24 @@
+import { $ } from 'bun'
+import { deployApp, deployModule } from '../api'
+
+const cwd = process.cwd()
+
+const unstagedChanges = await $`cd ${cwd} && git diff --name-only --diff-filter=ACMR`.text()
+if (unstagedChanges) throw new Error('Unstaged changes found, please commit or stash your changes before deploying')
+
+const commitId = await $`cd ${cwd} && git rev-parse HEAD`.text()
+const app = await Bun.file(`${cwd}/application.json`).json()
+const stage = app.stage || 'production'
+const config = await Bun.file(`${cwd}/.bricks/build/application-config.json`).json()
+
+// ask for confirmation
+const confirm = prompt('Are you sure you want to deploy? (y/n)')
+if (confirm !== 'y') throw new Error('Deployment cancelled')
+
+if (!app.type || app.type === 'application') {
+  await deployApp(stage, app._id, config, commitId)
+  console.log('App deployed')
+} else if (app.type === 'module') {
+  await deployModule(stage, app._id, config, commitId)
+  console.log('Module deployed')
+}

package/tools/postinstall.ts

@@ -0,0 +1,12 @@
+import { $ } from 'bun'
+
+const cwd = process.cwd()
+
+const libFiles = ['types', 'utils', 'index.ts']
+
+await $`mkdir -p ${cwd}/project`
+for (const file of libFiles) {
+  await $`cp -r ${__dirname}/../${file} ${cwd}/project`
+}
+
+console.log('Copied files to project/')

package/tools/preview-main.mjs

@@ -1,15 +1,18 @@
+// eslint-disable-next-line import/no-extraneous-dependencies
 import { app, BrowserWindow } from 'electron'
 import { readFile } from 'fs/promises'
 import { watchFile } from 'fs'
 
-let config = JSON.parse(await readFile(process.cwd() + '/.bricks/build/application-config.json'))
+const cwd = process.cwd()
+
+let config = JSON.parse(await readFile(`${cwd}/.bricks/build/application-config.json`))
 
 const stage = process.env.BRICKS_STAGE || 'production'
 
 const previewUrlMap = {
   production: 'https://control.bricks.tools/applicationPreview.html',
   beta: 'https://control-beta.bricks.tools/applicationPreview.html',
-  dev: 'http://localhost:3006/dev-applicationPreview.html',
+  development: 'http://localhost:3006/dev-applicationPreview.html',
 }
 
 const previewUrl = previewUrlMap[stage]
@@ -33,7 +36,7 @@ app.on('ready', () => {
   mainWindow.webContents.once('dom-ready', sendConfig)
 
   watchFile(
-    process.cwd() + '/.bricks/build/application-config.json',
+    `${cwd}/.bricks/build/application-config.json`,
     {
       bigint: false,
       persistent: true,
@@ -41,7 +44,7 @@ app.on('ready', () => {
     },
     async () => {
       console.log('Detected config changed')
-      config = JSON.parse(await readFile(process.cwd() + '/.bricks/build/application-config.json'))
+      config = JSON.parse(await readFile(`${cwd}/.bricks/build/application-config.json`))
       sendConfig()
     },
   )

package/tools/preview.ts

@@ -1,20 +1,37 @@
-import { $, main } from 'bun'
-import { watch, readFile } from 'fs'
+import { $ } from 'bun'
+import { watch } from 'fs'
+import { parseArgs } from 'util'
 import { debounce } from 'lodash'
 
-const app = await Bun.file(process.cwd() + '/application.json').json()
+const { values } = parseArgs({
+  args: Bun.argv,
+  options: {
+    'skip-typecheck': {
+      type: 'boolean',
+    },
+  },
+  strict: true,
+  allowPositionals: true,
+})
+
+const useTypecheck = !values['skip-typecheck']
 
-const compile = debounce(async () => {
+const compile = async () => {
+  if (useTypecheck) await $`bun typecheck`
   await $`bun compile`
-}, 500)
-
-watch(
-  process.cwd() + '/subspaces',
-  { recursive: true },
-  async (event, filename) => {
-    console.log(`Detected ${event} in ${filename}`)
-    compile()
-  },
-)
+}
+
+await compile()
+
+const compileDebounced = debounce(compile, 500)
+
+const cwd = process.cwd()
+
+watch(`${cwd}/subspaces`, { recursive: true }, async (event, filename) => {
+  console.log(`Detected ${event} in ${filename}`)
+  compileDebounced()
+})
+
+const app = await Bun.file(`${cwd}/application.json`).json()
 
 await $`BRICKS_STAGE=${app.stage || 'production'} bunx electron ${__dirname}/preview-main.mjs`

package/tools/pull.ts

@@ -0,0 +1,37 @@
+import { $ } from 'bun'
+import { pullApplicationProject, pullModuleProject } from '../api'
+
+const cwd = process.cwd()
+
+const unstagedChanges = await $`cd ${cwd} && git diff --name-only --diff-filter=ACMR`.text()
+if (unstagedChanges)
+  throw new Error('Unstaged changes found, please commit or stash your changes before deploying')
+
+const app = await Bun.file(`${cwd}/application.json`).json()
+const stage = app.stage || 'production'
+const { files, lastCommitId } =
+  app.type === 'module'
+    ? await pullModuleProject(stage, app._id)
+    : await pullApplicationProject(stage, app._id)
+
+const branchName = 'BRICKS_PROJECT_try-pull-application'
+
+await $`cd ${cwd} && git branch -d ${branchName}`.nothrow()
+
+const { exitCode } = await $`cd ${cwd} && git checkout -b ${branchName} ${lastCommitId}`.nothrow()
+
+let useMain = false
+if (exitCode !== 0) {
+  console.log(`Commit ${lastCommitId} not found, using main`)
+  // If last commit hash not found in local, use main
+  await $`cd ${cwd} && git checkout -b ${branchName}`
+  useMain = true
+}
+
+await Promise.all(files.map((file) => Bun.write(`${cwd}/${file.name}`, file.input)))
+
+await $`cd ${cwd} && git add .`
+await $`cd ${cwd} && git commit -m 'Apply ${app.name} file changes'`
+if (!useMain) {
+  await $`cd ${cwd} && git merge main`
+}

package/types/common.ts

@@ -12,7 +12,7 @@ export interface Brick {
   events: {}
   outlets?: {}
   animation?: {}
-  switches: Array<SwitchDef>
+  switches?: Array<SwitchDef>
 }
 
 export enum LocalSyncStrategy {
@@ -30,7 +30,7 @@ export interface Generator {
   property?: {}
   events: {}
   outlets?: {}
-  switches: Array<SwitchDef>
+  switches?: Array<SwitchDef>
 }
 
 export type SubspaceID = string
@@ -103,7 +103,7 @@ export type ApplicationSettings = {
       borderBottomLeftRadius?: number
       borderBottomRightRadius?: number
     }
-  },
+  }
 }
 
 export type Application = {

package/types/switch.ts

@@ -36,10 +36,13 @@ export interface SwitchDef {
   animation?: {}
   conds?: Array<{
     method: '==' | '!=' | '>' | '<' | '>=' | '<='
-    cond: SwitchCondInnerStateCurrentCanvas | SwitchCondData | {
-      __typename: 'SwitchCondInnerStateOutlet'
-      outlet: string
-      value: any
-    }
+    cond:
+      | SwitchCondInnerStateCurrentCanvas
+      | SwitchCondData
+      | {
+          __typename: 'SwitchCondInnerStateOutlet'
+          outlet: string
+          value: any
+        }
   }>
 }

package/utils/calc.ts

@@ -0,0 +1,118 @@
+import type { DataCalculationMap, DataCalculationData, DataCommand } from '../types/data-calc'
+
+const GRID = {
+  WIDTH: 300, // Distance between columns
+  HEIGHT: 150, // Distance between rows
+  PADDING: 15, // Edge padding
+  COLUMNS: 4, // Max columns in grid
+  ROWS: 3, // Max rows in grid
+}
+
+// TODO: Improve the algorithm to minimize crossing lines
+
+// If we are too lazy to describe nodes in the editing interface,
+// we can let it generate it automatically
+export const generateDataCalculationMapEditorInfo = (
+  nodes: Array<DataCalculationData | DataCommand>,
+) => {
+  const editorInfo: DataCalculationMap['editorInfo'] = []
+
+  // Track node relationships
+  const inputCounts = new Map<DataCalculationData | DataCommand, number>()
+  const outputCounts = new Map<DataCalculationData | DataCommand, number>()
+  const connectedTo = new Map<
+    DataCalculationData | DataCommand,
+    Set<DataCalculationData | DataCommand>
+  >()
+
+  // Analyze node connections
+  nodes.forEach((node) => {
+    // Count and track inputs
+    if ('inputs' in node) {
+      const inputs = node.inputs
+        .filter((input) => input !== null)
+        .map((input) => (Array.isArray(input) ? input.length : 1))
+        .reduce((sum, count) => sum + count, 0)
+      inputCounts.set(node, inputs)
+
+      // Track connections
+      node.inputs.forEach((input) => {
+        if (Array.isArray(input)) {
+          input.forEach((conn) => {
+            if (!connectedTo.has(node)) {
+              connectedTo.set(node, new Set())
+            }
+            const sourceNode = nodes.find((n) => 'id' in n && n.id === conn.id)
+            if (sourceNode) {
+              connectedTo.get(node)!.add(sourceNode)
+            }
+          })
+        }
+      })
+    } else {
+      inputCounts.set(node, 0)
+    }
+
+    // Count outputs
+    if ('outputs' in node) {
+      const outputs = node.outputs
+        .filter((output) => output !== null)
+        .map((output) => (Array.isArray(output) ? output.length : 1))
+        .reduce((sum, count) => sum + count, 0)
+      outputCounts.set(node, outputs)
+    } else {
+      outputCounts.set(node, 0)
+    }
+  })
+
+  // Calculate layers
+  const layers: Array<Array<DataCalculationData | DataCommand>> = [[], [], [], []]
+
+  nodes.forEach((node) => {
+    const inputs = inputCounts.get(node) || 0
+    const outputs = outputCounts.get(node) || 0
+    const connections = connectedTo.get(node)?.size || 0
+
+    if (inputs === 0) {
+      // Input nodes (leftmost)
+      layers[0].push(node)
+    } else if (outputs === 0) {
+      // Output nodes (rightmost)
+      layers[3].push(node)
+    } else if (connections > 1) {
+      // Nodes with multiple connections (middle-right)
+      layers[2].push(node)
+    } else {
+      // Processing nodes (middle-left)
+      layers[1].push(node)
+    }
+  })
+
+  // Position nodes in each layer
+  layers.forEach((layerNodes, layerIndex) => {
+    // Sort nodes by their connections to try to minimize crossing lines
+    layerNodes.sort((a, b) => {
+      const aConns = connectedTo.get(a)?.size || 0
+      const bConns = connectedTo.get(b)?.size || 0
+      return bConns - aConns
+    })
+
+    // Position nodes in the layer
+    layerNodes.forEach((node, nodeIndex) => {
+      // Distribute nodes evenly within their layer
+      const row = nodeIndex % GRID.ROWS
+      const offset = Math.floor(nodeIndex / GRID.ROWS) * (GRID.HEIGHT / 2)
+
+      editorInfo.push({
+        node,
+        position: {
+          x: GRID.PADDING + layerIndex * GRID.WIDTH,
+          y: GRID.PADDING + row * GRID.HEIGHT + offset,
+        },
+        points: [],
+      })
+    })
+  })
+
+  return editorInfo
+}

package/utils/data.ts

@@ -0,0 +1,397 @@
+import type { DataLink, Data } from '../types'
+
+export const linkData: (dataGetter: () => Data) => DataLink = (dataGetter) => ({
+  __typename: 'DataLink',
+  data: dataGetter,
+})
+
+type SystemDataName =
+  | 'isLocalSyncMainDevice'
+  | 'currentCanvasId'
+  | 'previousCanvasId'
+  | 'canvasIdHistory'
+  | 'rootSubspaceInfo'
+  | 'subspaceInfo'
+  | 'uniqueID'
+  | 'appVersion'
+  | 'lastUpdateTime'
+  | 'deviceName'
+  | 'deviceType'
+  | 'operationMode'
+  | 'operationVersion'
+  | 'screenWidth'
+  | 'screenHeight'
+  | 'screenScale'
+  | 'screenFontScale'
+  | 'orientation'
+  | 'touchAvailable'
+  | 'soundAvailable'
+  | 'cameraAvailable'
+  | 'audioInputAvailable'
+  | 'networkType'
+  | 'networkConnected'
+  | 'networkIpAddress'
+  | 'networkDetails'
+  | 'isInternetReachable'
+  | 'isWifiEnabled'
+  | 'deviceDisplayName'
+  | 'workspaceName'
+  | 'applicationName'
+  | 'macAddress'
+  | 'bindDeviceCode'
+  | 'bindDeviceCodeExpire'
+  | 'bindDeviceUrl'
+  | 'bindDeviceUseApplication'
+  | 'isApplicationPreview'
+  | 'isSupportAuthInDevice'
+  | 'env'
+  | 'isViewDebugModeEnabled'
+
+type SystemDataInfo = {
+  name: SystemDataName
+  id: string
+  type: 'string' | 'number' | 'bool' | 'array' | 'object' | 'any'
+  title: string
+  description?: string
+  schema?: object
+  value?: any
+}
+
+export const systemDataList: Array<SystemDataInfo> = [
+  {
+    name: 'isLocalSyncMainDevice',
+    id: 'PROPERTY_BANK_DATA_NODE_325068e3-89b6-4c6a-942b-126d38c84a62',
+    title: 'SYSTEM: Is Local Sync Main Device',
+    description: 'The current device is main for local sync',
+    type: 'bool',
+    value: true,
+  },
+  {
+    name: 'currentCanvasId',
+    id: 'PROPERTY_BANK_DATA_NODE_2dfeb635-deb4-481a-9d17-ea7b1fe19f74',
+    title: 'SYSTEM: Current Canvas ID',
+    description: 'ID for known current canvas',
+    type: 'string',
+    value: '',
+  },
+  {
+    name: 'previousCanvasId',
+    id: 'PROPERTY_BANK_DATA_NODE_2971e463-0b0e-45b7-bbfb-a01d8fd49db3',
+    title: 'SYSTEM: Previous Canvas ID',
+    description: 'ID for known previous canvas',
+    type: 'string',
+    value: '',
+  },
+  {
+    name: 'canvasIdHistory',
+    id: 'PROPERTY_BANK_DATA_NODE_1a086f39-817d-40ed-92f0-5a999535d3dd',
+    title: 'SYSTEM: Change Canvas History',
+    description: 'Change Canvas ID History (Limit: 10)',
+    schema: { type: 'string', allowNewItem: false, allowCustomProperty: false },
+    type: 'array',
+    value: [],
+  },
+  {
+    name: 'rootSubspaceInfo',
+    id: 'PROPERTY_BANK_DATA_NODE_c0817f4a-1ff3-40ed-9cbf-71d8cefd2cd9',
+    title: 'SYSTEM: Root Subspace Info',
+    description: 'Root Subspace Information',
+    type: 'object',
+    value: {},
+  },
+  {
+    name: 'subspaceInfo',
+    id: 'PROPERTY_BANK_DATA_NODE_2657ec09-7323-46c3-a96e-3d8b5a0f79b3',
+    title: 'SYSTEM: Current Subspace Info',
+    description: 'Current Subspace Information',
+    type: 'object',
+    value: {},
+  },
+  {
+    name: 'uniqueID',
+    id: 'PROPERTY_BANK_DATA_NODE_6f4a543f-a88a-4a83-bf53-223259263be3',
+    title: 'SYSTEM: Unique ID',
+    description: 'Unique ID of current device',
+    type: 'string',
+    value: 'unknown',
+  },
+  {
+    name: 'appVersion',
+    id: 'PROPERTY_BANK_DATA_NODE_d614a258-2a45-4f91-9f6b-3936038cb2b1',
+    title: 'SYSTEM: App Version',
+    description: 'App Version of current installed BRICKS Foundation app',
+    type: 'string',
+    value: 'unknown',
+  },
+  {
+    name: 'lastUpdateTime',
+    id: 'PROPERTY_BANK_DATA_NODE_956f3b3e-cb0b-47ca-8119-65663910d110',
+    title: 'SYSTEM: Last Update Time',
+    description: 'Last update time of current installed BRICKS Foundation app',
+    type: 'string',
+    value: '2019-07-09T03:32:27.058Z',
+  },
+  {
+    name: 'deviceName',
+    id: 'PROPERTY_BANK_DATA_NODE_7b9d9ad4-e9a2-47cd-91d3-b64187895c16',
+    title: 'SYSTEM: Device Name',
+    description: 'Name of current device',
+    type: 'string',
+    value: 'Default Device Name',
+  },
+  {
+    name: 'deviceType',
+    id: 'PROPERTY_BANK_DATA_NODE_b0beae12-e45e-4870-ae15-858eeac566fa',
+    title: 'SYSTEM: Device Type',
+    description: 'Type of current device (Handset, Tv, Tablet)',
+    type: 'string',
+    value: 'Tv',
+  },
+  {
+    name: 'operationMode',
+    id: 'PROPERTY_BANK_DATA_NODE_2e715d3b-92bf-4761-b5c0-ca21f7c1ada8',
+    title: 'SYSTEM: Operation Mode',
+    description: 'Operation Mode of current device (android, ios, ...)',
+    type: 'string',
+    value: 'android',
+  },
+  {
+    name: 'operationVersion',
+    id: 'PROPERTY_BANK_DATA_NODE_fa886963-0a16-4b5f-b4ea-6c25b049db03',
+    title: 'SYSTEM: Operation Version',
+    description: 'Operation Version of current device',
+    type: 'string',
+    value: '',
+  },
+  {
+    name: 'screenWidth',
+    id: 'PROPERTY_BANK_DATA_NODE_2942470a-c3bc-413e-8f2c-30a89aded3f8',
+    title: 'SYSTEM: Screen Width',
+    description: 'Width of current device main screen',
+    type: 'number',
+    value: 1280,
+  },
+  {
+    name: 'screenHeight',
+    id: 'PROPERTY_BANK_DATA_NODE_4f031e27-f67b-40e0-a317-9f6c5215d97d',
+    title: 'SYSTEM: Screen Height',
+    description: 'Height of current device main screen',
+    type: 'number',
+    value: 768,
+  },
+  {
+    name: 'screenScale',
+    id: 'PROPERTY_BANK_DATA_NODE_c3c9b7aa-1dc1-4be1-8a4a-d9e299b9eeaa',
+    title: 'SYSTEM: Screen Scale',
+    description: 'Scale of current device main screen',
+    type: 'number',
+    value: 2,
+  },
+  {
+    name: 'screenFontScale',
+    id: 'PROPERTY_BANK_DATA_NODE_0312f380-d525-4938-82d2-5b35ef8ef1e8',
+    title: 'SYSTEM: Screen Font Scale',
+    description: 'Font scale of current device main screen',
+    type: 'number',
+    value: 1,
+  },
+  {
+    name: 'orientation',
+    id: 'PROPERTY_BANK_DATA_NODE_4f584f51-a250-4f97-a2f8-d5e6a3affb4f',
+    title: 'SYSTEM: Orientation',
+    description: 'Orientation of current device main screen',
+    type: 'string',
+    value: 'landspace',
+  },
+  {
+    name: 'touchAvailable',
+    id: 'PROPERTY_BANK_DATA_NODE_1fe7555f-df41-43ce-a268-3ea1b5efda6d',
+    title: 'SYSTEM: Touch Available',
+    description: 'Is touch available of current device main screen?',
+    type: 'bool',
+    value: true,
+  },
+  {
+    name: 'soundAvailable',
+    id: 'PROPERTY_BANK_DATA_NODE_bf839498-f7d6-4212-ac3a-b409e3ad77a5',
+    title: 'SYSTEM: Sound Available',
+    description: 'Is sound available of current device?',
+    type: 'bool',
+    value: true,
+  },
+  {
+    name: 'cameraAvailable',
+    id: 'PROPERTY_BANK_DATA_NODE_4878f3c2-8bb8-4c94-855c-06bda5a287d5',
+    title: 'SYSTEM: Camera Available',
+    description: 'Is camera available of current device?',
+    type: 'bool',
+    value: true,
+  },
+  {
+    name: 'audioInputAvailable',
+    id: 'PROPERTY_BANK_DATA_NODE_4854b259-96c1-40d7-b17b-47156b4698dc',
+    title: 'SYSTEM: Audio Input Available',
+    description: 'Is audio input available of current device?',
+    type: 'bool',
+    value: false,
+  },
+  {
+    name: 'networkType',
+    id: 'PROPERTY_BANK_DATA_NODE_1cbb1756-e53c-45a9-be23-5d84a214e144',
+    title: 'SYSTEM: Network Type',
+    description: 'Network Type of current device',
+    type: 'string',
+    value: 'wifi',
+  },
+  {
+    name: 'networkConnected',
+    id: 'PROPERTY_BANK_DATA_NODE_687b62fe-ead5-417a-b415-9bd5233784a4',
+    title: 'SYSTEM: Network Connected',
+    description: 'Is Network connected of current device?',
+    type: 'bool',
+    value: true,
+  },
+  {
+    name: 'networkIpAddress',
+    id: 'PROPERTY_BANK_DATA_NODE_41971ba7-8294-4aa6-a425-ecd39853c3e6',
+    title: 'SYSTEM: Network IP Address',
+    description: 'Current network IP address',
+    type: 'string',
+    value: '',
+  },
+  {
+    name: 'networkDetails',
+    id: 'PROPERTY_BANK_DATA_NODE_9351fbfc-4ace-477a-b05d-41ac9b05087d',
+    title: 'SYSTEM: Network Details',
+    description: 'Network details, provide different data depends on Network Type',
+    type: 'object',
+    value: null,
+  },
+  {
+    name: 'isInternetReachable',
+    id: 'PROPERTY_BANK_DATA_NODE_e367ae7e-46ec-46d0-b87d-51e544591ff9',
+    title: 'SYSTEM: Internet Reachable',
+    description: 'Is Internet reachable?',
+    type: 'bool',
+    value: true,
+  },
+  {
+    name: 'isWifiEnabled',
+    id: 'PROPERTY_BANK_DATA_NODE_be395305-fb85-4d05-8506-22a4ae8c7b9e',
+    title: 'SYSTEM: Wifi Enabled',
+    description: 'Is WiFi enabled?',
+    type: 'bool',
+    value: true,
+  },
+  {
+    name: 'deviceDisplayName',
+    id: 'PROPERTY_BANK_DATA_NODE_76356a9a-fc46-11ec-9905-db53d6811cb7',
+    title: 'SYSTEM: Device Display Name',
+    description: 'Current device display name',
+    type: 'string',
+    value: '',
+  },
+  {
+    name: 'workspaceName',
+    id: 'PROPERTY_BANK_DATA_NODE_d857125e-0401-40f1-b768-56190aa8e147',
+    title: 'SYSTEM: Workspace Name',
+    description: 'Current workspace name',
+    type: 'string',
+    value: '',
+  },
+  {
+    name: 'applicationName',
+    id: 'PROPERTY_BANK_DATA_NODE_df395fd6-a754-4b60-8bac-1360933e6707',
+    title: 'SYSTEM: Application Name',
+    description: 'Current application name',
+    type: 'string',
+    value: '',
+  },
+  {
+    name: 'macAddress',
+    id: 'PROPERTY_BANK_DATA_NODE_f01fcc78-0723-11ed-ac00-877339de1030',
+    title: 'SYSTEM: MAC Address',
+    description: 'Network adapter MAC address of current device',
+    type: 'string',
+    value: '',
+  },
+  {
+    name: 'bindDeviceCode',
+    id: 'PROPERTY_BANK_DATA_NODE_1ca90262-3584-11ed-8c9a-174949844872',
+    title: 'SYSTEM: Bind Device Code',
+    description: 'The passcode to bind the device',
+    type: 'string',
+    value: '',
+  },
+  {
+    name: 'bindDeviceCodeExpire',
+    id: 'PROPERTY_BANK_DATA_NODE_5b52d204-3584-11ed-bb5e-abb4d270daf1',
+    title: 'SYSTEM: Bind Device Code Expire Time',
+    description: 'The expire time of bind passcode',
+    type: 'string',
+    value: '',
+  },
+  {
+    name: 'bindDeviceUrl',
+    id: 'PROPERTY_BANK_DATA_NODE_833a7db2-3584-11ed-88dd-3b3d3ff58855',
+    title: 'SYSTEM: Bind Device URL',
+    description: 'The URL to bind the device',
+    type: 'string',
+    value: '',
+  },
+  {
+    name: 'bindDeviceUseApplication',
+    id: 'PROPERTY_BANK_DATA_NODE_631bbce8-9c90-4590-b8ec-8b27f4a0e50b',
+    title: 'SYSTEM: Selected Application on Bind Device',
+    description: 'Current selected use application info on Bind Device',
+    type: 'object',
+    value: null,
+  },
+  {
+    name: 'isApplicationPreview',
+    id: 'PROPERTY_BANK_DATA_NODE_c673967a-3996-11ed-96d9-efbc3f7eac53',
+    title: 'SYSTEM: Is Preview Mode',
+    description: 'Is current in preview mode?',
+    type: 'bool',
+    value: '',
+  },
+  {
+    name: 'isSupportAuthInDevice',
+    id: 'PROPERTY_BANK_DATA_NODE_beb2a666-3e18-11ed-bdab-6f0cb082fa67',
+    title: 'SYSTEM: Is Support Auth In Device',
+    description: 'Is current device support auth in device?',
+    type: 'bool',
+    value: '',
+  },
+  {
+    name: 'env',
+    id: 'PROPERTY_BANK_DATA_NODE_74e7a574-1099-4fe5-b193-8a9ea7d20ed0',
+    title: 'SYSTEM: Environment Variables',
+    description: 'Environment Variables of the device',
+    type: 'object',
+    value: {},
+  },
+  {
+    name: 'isViewDebugModeEnabled',
+    id: 'PROPERTY_BANK_DATA_NODE_3f61c4f6-1e02-492e-8e4c-a8dc4a5bc101',
+    title: 'SYSTEM: Is View Debug mode Enabled',
+    description: 'Is View Debug mode enabled?',
+    type: 'bool',
+    value: false,
+  },
+]
+
+export const useSystemData = (name: SystemDataName): Data => {
+  const info = systemDataList.find((data) => data.name === name)
+  if (!info) throw new Error(`System data '${name}' not found`)
+  return {
+    __typename: 'Data',
+    id: info.id,
+    type: info.type,
+    title: info.title,
+    description: info.description,
+    routing: 'read-only',
+    schema: info.schema,
+    value: info.value,
+  }
+}

package/{uuid.ts → utils/id.ts}

@@ -1,4 +1,3 @@
-
 import { v4 as uuid } from 'uuid'
 
 let count = 0
@@ -8,9 +7,29 @@ const countUUID = () => {
   return `00000000-0000-0000-0000-${(count++).toString().padStart(12, '0')}`
 }
 
-export const makeId = (type, opts?: {
-  snapshotMode?: boolean,
-}) => {
+// Make a random id if not want to use fixed id
+export const makeId = (
+  type:
+    | 'animation'
+    | 'brick'
+    | 'canvas'
+    | 'generator'
+    | 'data'
+    | 'switch'
+    | 'property_bank_command'
+    | 'property_bank_calc'
+    | 'dynamic-brick'
+    | 'test'
+    | 'test_case'
+    | 'test_var'
+    | 'subspace',
+  opts?: {
+    snapshotMode?: boolean
+  },
+) => {
+  if (type === 'subspace') {
+    throw new Error('Currently subspace is not supported for ID generation, please use a fixed ID')
+  }
   let prefix = ''
   switch (type) {
     case 'animation':
@@ -22,9 +41,6 @@ export const makeId = (type, opts?: {
     case 'dynamic-brick':
       prefix = 'DYNAMIC_BRICK_'
       break
-    case 'subspace':
-      prefix = 'SUBSPACE_'
-      break
     case 'canvas':
       prefix = 'CANVAS_'
       break
@@ -34,6 +50,9 @@ export const makeId = (type, opts?: {
     case 'data':
       prefix = 'PROPERTY_BANK_DATA_NODE_'
       break
+    case 'switch':
+      prefix = 'BRICK_STATE_GROUP_'
+      break
     case 'property_bank_command':
       prefix = 'PROPERTY_BANK_COMMAND_NODE_'
       break
@@ -49,9 +68,6 @@ export const makeId = (type, opts?: {
     case 'test_var':
       prefix = 'TEST_VAR_'
       break
-    case 'state_group':
-      prefix = 'BRICK_STATE_GROUP_'
-      break
     default:
   }
   return `${prefix}${opts?.snapshotMode ? countUUID() : uuid()}`