@fugood/bricks-ctor 2.25.0-beta.60 → 2.25.0-beta.62

package/tools/simulator-main.mjs

@@ -1,488 +0,0 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-import { app, BrowserWindow, ipcMain } from 'electron'
-import { mkdir, readdir, readFile, rm, writeFile } from 'fs/promises'
-import { watchFile } from 'fs'
-import { createServer } from 'http'
-import path from 'node:path'
-import { fileURLToPath } from 'node:url'
-import { parseArgs } from 'util'
-import * as TOON from '@toon-format/toon'
-
-for (const stream of [process.stdout, process.stderr]) {
-  stream.on('error', (err) => {
-    if (err.code !== 'EPIPE') throw err
-  })
-}
-
-const { values } = parseArgs({
-  args: process.argv,
-  options: {
-    'clear-cache': { type: 'boolean' },
-    'take-screenshot': { type: 'string' },
-    'show-menu': { type: 'boolean' },
-    'test-id': { type: 'string' },
-    'test-title-like': { type: 'string' },
-    'no-keep-open': { type: 'boolean' },
-    'cdp-port': { type: 'string' },
-  },
-  strict: true,
-  allowPositionals: true,
-})
-
-const cwd = process.cwd()
-const __dirname = path.dirname(fileURLToPath(import.meta.url))
-const AUTOMATION_SCREENSHOT_PROJECT_DIR = path.join('.bricks', 'automation_screenshots')
-const DEFAULT_SIMULATOR_SECURITY_SETTINGS = Object.freeze({
-  allowedInsecureHosts: [],
-})
-
-const isObject = (value) => !!value && typeof value === 'object' && !Array.isArray(value)
-
-const resolveAutomationScreenshotPath = (requestedPath = '') => {
-  const baseDir = path.resolve(cwd, AUTOMATION_SCREENSHOT_PROJECT_DIR)
-  const raw = String(requestedPath || AUTOMATION_SCREENSHOT_PROJECT_DIR)
-  const fromProject = path.resolve(cwd, raw)
-  const target =
-    fromProject === baseDir || fromProject.startsWith(`${baseDir}${path.sep}`)
-      ? fromProject
-      : path.resolve(baseDir, raw)
-
-  if (target !== baseDir && !target.startsWith(`${baseDir}${path.sep}`)) {
-    throw new Error('Automation screenshot path must stay inside the project screenshot directory.')
-  }
-  return target
-}
-
-const normalizeAutomationScreenshotEncoding = (encoding) =>
-  encoding === 'base64' ? 'base64' : 'utf8'
-
-const registerAutomationScreenshotIpc = () => {
-  ipcMain.handle('bricks-automation-screenshots:exists', async (_event, filePath) => {
-    try {
-      await readFile(resolveAutomationScreenshotPath(filePath))
-      return true
-    } catch {
-      return false
-    }
-  })
-  ipcMain.handle('bricks-automation-screenshots:readdir', async (_event, dirPath) => {
-    try {
-      return await readdir(resolveAutomationScreenshotPath(dirPath))
-    } catch {
-      return []
-    }
-  })
-  ipcMain.handle('bricks-automation-screenshots:mkdir', async (_event, dirPath) => {
-    await mkdir(resolveAutomationScreenshotPath(dirPath), { recursive: true })
-  })
-  ipcMain.handle('bricks-automation-screenshots:unlink', async (_event, filePath) => {
-    await rm(resolveAutomationScreenshotPath(filePath), { recursive: true, force: true })
-  })
-  ipcMain.handle('bricks-automation-screenshots:read-file', async (_event, filePath, encoding) =>
-    readFile(
-      resolveAutomationScreenshotPath(filePath),
-      normalizeAutomationScreenshotEncoding(encoding),
-    ),
-  )
-  ipcMain.handle(
-    'bricks-automation-screenshots:write-file',
-    async (_event, filePath, contents, encoding) => {
-      const target = resolveAutomationScreenshotPath(filePath)
-      await mkdir(path.dirname(target), { recursive: true })
-      await writeFile(target, contents, normalizeAutomationScreenshotEncoding(encoding))
-    },
-  )
-}
-
-const normalizeSimulatorSecuritySettings = (settings = {}) => {
-  const source = isObject(settings) ? settings : {}
-  const allowedHosts = Array.isArray(source.allowedInsecureHosts)
-    ? source.allowedInsecureHosts
-    : DEFAULT_SIMULATOR_SECURITY_SETTINGS.allowedInsecureHosts
-
-  return {
-    allowedInsecureHosts: allowedHosts
-      .filter((host) => typeof host === 'string')
-      .map((host) => host.trim().toLowerCase())
-      .filter(Boolean),
-  }
-}
-
-const normalizeAllowedConnection = (value) => {
-  const raw = String(value || '')
-    .trim()
-    .toLowerCase()
-  if (!raw) return null
-  if (!/^[a-z][a-z0-9+.-]*:\/\//i.test(raw)) return { host: raw, protocol: null }
-  try {
-    const url = new URL(raw)
-    return {
-      host: url.host.toLowerCase(),
-      protocol: url.protocol,
-    }
-  } catch {
-    return null
-  }
-}
-
-const shouldBlockInsecureConnection = (rawUrl, settings = {}) => {
-  const normalized = normalizeSimulatorSecuritySettings(settings)
-
-  try {
-    const url = new URL(String(rawUrl || ''))
-    if (url.protocol !== 'http:' && url.protocol !== 'ws:') return false
-    const host = url.host.toLowerCase()
-    const hostname = url.hostname.toLowerCase().replace(/^\[|\]$/g, '')
-    return !normalized.allowedInsecureHosts.some((allowedHost) => {
-      const allowed = normalizeAllowedConnection(allowedHost)
-      if (!allowed) return false
-      if (allowed.protocol && allowed.protocol !== url.protocol) return false
-      return allowed.host === host || allowed.host === hostname
-    })
-  } catch {
-    return false
-  }
-}
-
-const getUnsecureConnectionHost = (rawUrl) => {
-  try {
-    const url = new URL(String(rawUrl || ''))
-    if (url.protocol !== 'http:' && url.protocol !== 'ws:') return null
-    return url.host.toLowerCase()
-  } catch {
-    return null
-  }
-}
-
-const readSimulatorProjectSettings = async () => {
-  try {
-    return normalizeSimulatorSecuritySettings(
-      JSON.parse(await readFile(`${cwd}/simulator.json`, 'utf8')),
-    )
-  } catch {
-    return normalizeSimulatorSecuritySettings()
-  }
-}
-
-let takeScreenshotConfig = null
-try {
-  if (values['take-screenshot']) {
-    takeScreenshotConfig = JSON.parse(values['take-screenshot'])
-    if (!takeScreenshotConfig.path) takeScreenshotConfig.path = `${cwd}/screenshot.jpg`
-    if (!takeScreenshotConfig.width) takeScreenshotConfig.width = 1280
-    if (!takeScreenshotConfig.height) takeScreenshotConfig.height = 768
-    if (!takeScreenshotConfig.delay) takeScreenshotConfig.delay = 1000
-  }
-} catch (e) {
-  console.error('Invalid take-screenshot config', e)
-  // eslint-disable-next-line unicorn/no-process-exit
-  process.exit(1)
-}
-
-let config = JSON.parse(await readFile(`${cwd}/.bricks/build/application-config.json`))
-let simulatorSettings = await readSimulatorProjectSettings()
-
-// Resolve testId from testTitleLike
-let testId = values['test-id'] || null
-if (!testId && values['test-title-like']) {
-  const titleLike = values['test-title-like'].toLowerCase()
-  const automationMap = config.automation_map || {}
-  for (const group of Object.values(automationMap)) {
-    const found = Object.entries(group.map || {}).find(([, test]) =>
-      test.title?.toLowerCase().includes(titleLike),
-    )
-    if (found) {
-      ;[testId] = found
-      break
-    }
-  }
-  if (!testId) {
-    throw new Error(`No automation found matching title: ${values['test-title-like']}`)
-  }
-}
-
-const noKeepOpen = values['no-keep-open'] ?? false
-
-const stage = process.env.BRICKS_STAGE || 'production'
-
-const previewUrlMap = {
-  production: 'https://control.bricks.tools/applicationPreview.html',
-  beta: 'https://control-beta.bricks.tools/applicationPreview.html',
-  development: 'http://localhost:3006/dev-applicationPreview.html',
-}
-
-const previewUrl = previewUrlMap[stage]
-if (!previewUrl) throw new Error(`Invalid BRICKS_STAGE: ${stage}`)
-simulatorSettings = normalizeSimulatorSecuritySettings({
-  ...simulatorSettings,
-  allowedInsecureHosts: [
-    ...simulatorSettings.allowedInsecureHosts,
-    getUnsecureConnectionHost(previewUrl),
-  ].filter(Boolean),
-})
-
-// --- CDP WebSocket Server ---
-// Bridges external CDP clients to the preview's postMessage-based CDP bridge.
-// Usage: --cdp-port 9222
-
-const startCdpServer = async (mainWindow, port) => {
-  const { WebSocketServer } = await import('ws')
-  const clients = new Set()
-
-  // Inject a listener in the preview that forwards CDP responses/events via console
-  const injectCdpRelay = () =>
-    mainWindow.webContents.executeJavaScript(`
-      if (!window.__cdpRelayInstalled) {
-        window.__cdpRelayInstalled = true
-        window.addEventListener('message', (evt) => {
-          try {
-            const d = typeof evt.data === 'string' ? JSON.parse(evt.data) : evt.data
-            if (d && (d.type === 'cdp-response' || d.type === 'cdp-event'))
-              console.log('[CDP]' + JSON.stringify(d))
-          } catch {}
-        })
-      }
-    `)
-
-  // Capture CDP messages from the preview's console output
-  mainWindow.webContents.on('console-message', (_event, ...rest) => {
-    const message = typeof rest[0] === 'object' ? rest[0].message : rest[1]
-    if (!message?.startsWith('[CDP]')) return
-    try {
-      const data = JSON.parse(message.slice(5))
-      // Translate to standard CDP wire format (strip internal type field)
-      const wireMsg =
-        data.type === 'cdp-response'
-          ? { id: data.id, result: data.result, error: data.error }
-          : { method: data.method, params: data.params }
-      if (data.sessionId) wireMsg.sessionId = data.sessionId
-      const payload = JSON.stringify(wireMsg)
-      for (const c of clients) if (c.readyState === 1) c.send(payload)
-    } catch {}
-  })
-
-  // Find an available port before binding
-  const findPort = (p) =>
-    new Promise((resolve) => {
-      const probe = createServer()
-      probe.once('error', () => {
-        if (p < port + 100) resolve(findPort(p + 1))
-        else resolve(null)
-      })
-      probe.listen(p, () => probe.close(() => resolve(p)))
-    })
-
-  const actualPort = await findPort(port)
-  if (!actualPort) {
-    console.warn(`CDP server: no available port in range ${port}-${port + 99}`)
-    return
-  }
-
-  // HTTP discovery endpoints (chrome://inspect, Playwright, etc.)
-  const httpServer = createServer((req, res) => {
-    if (req.url === '/json/list' || req.url === '/json') {
-      res.writeHead(200, { 'Content-Type': 'application/json' })
-      res.end(
-        JSON.stringify([
-          {
-            description: 'BRICKS Simulator',
-            id: 'bricks-simulator',
-            title: 'BRICKS Simulator',
-            type: 'page',
-            url: previewUrl,
-            webSocketDebuggerUrl: `ws://localhost:${actualPort}/ws`,
-          },
-        ]),
-      )
-      return
-    }
-    if (req.url === '/json/version') {
-      res.writeHead(200, { 'Content-Type': 'application/json' })
-      res.end(JSON.stringify({ Browser: 'BRICKS Simulator', 'Protocol-Version': '1.3' }))
-      return
-    }
-    // bricks-cli discovery endpoint
-    if (req.url === '/devtools/info') {
-      res.writeHead(200, { 'Content-Type': 'application/json' })
-      res.end(
-        JSON.stringify({
-          name: 'BRICKS Simulator',
-          port: actualPort,
-          protocols: ['cdp'],
-          hasPasscode: false,
-        }),
-      )
-      return
-    }
-    res.writeHead(404)
-    res.end()
-  })
-
-  const wss = new WebSocketServer({ server: httpServer, path: '/ws' })
-  wss.on('connection', (ws) => {
-    clients.add(ws)
-    injectCdpRelay()
-
-    ws.on('message', (raw) => {
-      try {
-        const req = JSON.parse(raw.toString())
-        const cdpReq = JSON.stringify({
-          type: 'cdp-request',
-          id: req.id,
-          method: req.method,
-          params: req.params || {},
-          sessionId: req.sessionId,
-        })
-        mainWindow.webContents.executeJavaScript(`window.postMessage(${JSON.stringify(cdpReq)})`)
-      } catch {}
-    })
-
-    ws.on('close', () => clients.delete(ws))
-  })
-
-  httpServer.listen(actualPort, () => {
-    console.log(`CDP server: ws://localhost:${actualPort}/ws`)
-    console.log(
-      `Inspect:   devtools://devtools/bundled/inspector.html?ws=localhost:${actualPort}/ws`,
-    )
-  })
-}
-
-app.on('ready', () => {
-  registerAutomationScreenshotIpc()
-  let show = true
-  if (takeScreenshotConfig && !takeScreenshotConfig.noHeadless) show = false
-  const mainWindow = new BrowserWindow({
-    width: takeScreenshotConfig?.width || 1280,
-    height: takeScreenshotConfig?.height || 768,
-    frame: !takeScreenshotConfig,
-    show,
-    webPreferences: {
-      preload: path.join(__dirname, 'simulator-preload.cjs'),
-      contextIsolation: true,
-      nodeIntegration: false,
-    },
-  })
-  mainWindow.setBackgroundColor('#333')
-  mainWindow.webContents.session.webRequest.onBeforeRequest(
-    { urls: ['http://*/*', 'ws://*/*'] },
-    (details, callback) => {
-      callback({ cancel: shouldBlockInsecureConnection(details.url, simulatorSettings) })
-    },
-  )
-  mainWindow.loadURL(previewUrl)
-
-  const sendConfig = () => {
-    const payload = {
-      type: 'config',
-      configFile: { _originTitle: 'Test', ...config, title: Math.random().toString() },
-      workspace: { billing: { lock: {}, plan: 'free' } },
-      showMenu: values['show-menu'] || false,
-      testId,
-    }
-    mainWindow.webContents.executeJavaScript(
-      `window.postMessage(JSON.stringify(${JSON.stringify(payload)}))`,
-    )
-    if (takeScreenshotConfig) {
-      const { delay, width, height, path } = takeScreenshotConfig
-      setTimeout(async () => {
-        let screenshotFailed = false
-        console.log('Taking screenshot')
-        try {
-          const image = await mainWindow.webContents.capturePage()
-          console.log('Writing screenshot to', path)
-          await writeFile(path, image.resize({ width, height }).toJPEG(75))
-        } catch (err) {
-          screenshotFailed = true
-          console.error('Screenshot capture/write failed', err)
-        } finally {
-          if (noKeepOpen) {
-            console.log('Closing app')
-            if (screenshotFailed) app.exit(1)
-            else app.quit()
-          }
-        }
-      }, delay)
-    }
-  }
-
-  mainWindow.webContents.once('dom-ready', () => {
-    sendConfig()
-    // Listen for test result messages from the preview
-    if (testId) {
-      mainWindow.webContents.executeJavaScript(`
-        window.addEventListener('message', (evt) => {
-          try {
-            const data = JSON.parse(evt.data)
-            if (data.type === 'bricks-preview-test-result') {
-              console.log('[TEST_RESULT]' + JSON.stringify(data))
-            }
-          } catch (e) {}
-        })
-      `)
-    }
-    // Start CDP WebSocket server if requested
-    const cdpPort = values['cdp-port'] ? parseInt(values['cdp-port'], 10) : null
-    if (cdpPort) startCdpServer(mainWindow, cdpPort)
-  })
-
-  // Capture console messages from the preview
-  if (testId) {
-    mainWindow.webContents.on('console-message', (_event, ...rest) => {
-      const message = typeof rest[0] === 'object' ? rest[0].message : rest[1]
-      if (message?.startsWith('[TEST_RESULT]')) {
-        const data = JSON.parse(message.replace('[TEST_RESULT]', ''))
-        console.log(`[TEST_RESULT_TOON]${TOON.encode(data.result)}`)
-        if (!takeScreenshotConfig && noKeepOpen) app.quit()
-      }
-    })
-  }
-
-  if (values['clear-cache']) {
-    console.log('Clearing cache')
-    mainWindow.webContents.session.clearCache()
-  }
-
-  mainWindow.on('close', () => app.quit())
-
-  watchFile(
-    `${cwd}/.bricks/build/application-config.json`,
-    {
-      bigint: false,
-      persistent: true,
-      interval: 1000,
-    },
-    async () => {
-      console.log('Detected config changed')
-      config = JSON.parse(await readFile(`${cwd}/.bricks/build/application-config.json`))
-      const nextSimulatorSettings = await readSimulatorProjectSettings()
-      simulatorSettings = normalizeSimulatorSecuritySettings({
-        ...nextSimulatorSettings,
-        allowedInsecureHosts: [
-          ...nextSimulatorSettings.allowedInsecureHosts,
-          getUnsecureConnectionHost(previewUrl),
-        ].filter(Boolean),
-      })
-      sendConfig()
-    },
-  )
-  watchFile(
-    `${cwd}/simulator.json`,
-    {
-      bigint: false,
-      persistent: true,
-      interval: 1000,
-    },
-    async () => {
-      console.log('Detected simulator settings changed')
-      const nextSimulatorSettings = await readSimulatorProjectSettings()
-      simulatorSettings = normalizeSimulatorSecuritySettings({
-        ...nextSimulatorSettings,
-        allowedInsecureHosts: [
-          ...nextSimulatorSettings.allowedInsecureHosts,
-          getUnsecureConnectionHost(previewUrl),
-        ].filter(Boolean),
-      })
-    },
-  )
-})

package/tools/simulator-preload.cjs

@@ -1,16 +0,0 @@
-const { contextBridge, ipcRenderer } = require('electron')
-
-const AUTOMATION_SCREENSHOT_ROOT = '.bricks/automation_screenshots'
-
-contextBridge.exposeInMainWorld('BRICKS_AUTOMATION_SCREENSHOTS', {
-  rootDir: AUTOMATION_SCREENSHOT_ROOT,
-  exists: (filePath) => ipcRenderer.invoke('bricks-automation-screenshots:exists', filePath),
-  readdir: (dirPath) => ipcRenderer.invoke('bricks-automation-screenshots:readdir', dirPath),
-  readDir: (dirPath) => ipcRenderer.invoke('bricks-automation-screenshots:readdir', dirPath),
-  mkdir: (dirPath) => ipcRenderer.invoke('bricks-automation-screenshots:mkdir', dirPath),
-  unlink: (filePath) => ipcRenderer.invoke('bricks-automation-screenshots:unlink', filePath),
-  readFile: (filePath, encoding) =>
-    ipcRenderer.invoke('bricks-automation-screenshots:read-file', filePath, encoding),
-  writeFile: (filePath, contents, encoding) =>
-    ipcRenderer.invoke('bricks-automation-screenshots:write-file', filePath, contents, encoding),
-})

package/types/animation.d.ts

@@ -1,116 +0,0 @@
-export type Easing =
-  | ''
-  | 'easeInSine'
-  | 'easeOutSine'
-  | 'easeInOutSine'
-  | 'easeInQuad'
-  | 'easeOutQuad'
-  | 'easeInOutQuad'
-  | 'easeInCubic'
-  | 'easeOutCubic'
-  | 'easeInOutCubic'
-  | 'easeInQuart'
-  | 'easeOutQuart'
-  | 'easeInOutQuart'
-  | 'easeInQuint'
-  | 'easeOutQuint'
-  | 'easeInOutQuint'
-  | 'easeInExpo'
-  | 'easeOutExpo'
-  | 'easeInOutExpo'
-  | 'easeInCirc'
-  | 'easeOutCirc'
-  | 'easeInOutCirc'
-  | 'easeInBack'
-  | 'easeOutBack'
-  | 'easeInOutBack'
-  | 'easeInElastic'
-  | 'easeOutElastic'
-  | 'easeInOutElastic'
-  | 'easeInBounce'
-  | 'easeOutBounce'
-  | 'easeInOutBounce'
-  | string // Support format like 'cubic-bezier(x1, y1, x2, y2)'
-
-export interface AnimationTimingConfig {
-  __type: 'AnimationTimingConfig'
-  toValue: number // BRICKS Grid unit
-  duration: number // ms
-  easing: Easing
-  delay: number // ms
-  isInteraction: boolean
-}
-
-export interface AnimationSpringConfig {
-  __type: 'AnimationSpringConfig'
-  toValue: number // BRICKS Grid unit
-  // Use one spring parameter family: tension/friction, speed/bounciness,
-  // or stiffness/damping/mass.
-  friction?: number
-  tension?: number
-  speed?: number
-  bounciness?: number
-  stiffness?: number
-  damping?: number
-  mass?: number
-  velocity?: number
-  delay?: number
-  isInteraction?: boolean
-  overshootClamping?: boolean
-  restDisplacementThreshold?: number
-  restSpeedThreshold?: number
-}
-
-export interface AnimationDecayConfig {
-  __type: 'AnimationDecayConfig'
-  toValue: number // BRICKS Grid unit
-  velocity: number
-  deceleration: number
-  isInteraction: boolean
-}
-
-export interface AnimationDef {
-  __typename: 'Animation'
-  id: string
-  alias?: string
-  title?: string
-  description?: string
-  hideShortRef?: boolean
-  runType?: 'once' | 'loop'
-  property:
-    | 'transform.translateX'
-    | 'transform.translateY'
-    | 'transform.scale'
-    | 'transform.scaleX'
-    | 'transform.scaleY'
-    | 'transform.rotate'
-    | 'transform.rotateX'
-    | 'transform.rotateY'
-    | 'opacity'
-  config: AnimationTimingConfig | AnimationSpringConfig | AnimationDecayConfig
-}
-
-export interface AnimationComposeDef {
-  __typename: 'AnimationCompose'
-  id: string
-  alias?: string
-  title: string
-  description?: string
-  hideShortRef?: boolean
-  runType?: 'once' | 'loop'
-  composeType: 'parallel' | 'sequence'
-  items: Array<() => Animation>
-}
-
-export type Animation = AnimationDef | AnimationComposeDef
-
-// Animation event handlers accept either a direct Animation or a getter that
-// returns one. The getter form is useful for lazy/forward references between
-// animations defined across files.
-export type AnimationOrGetter = Animation | (() => Animation)
-
-export interface AnimationBasicEvents {
-  showStart?: AnimationOrGetter
-  standby?: AnimationOrGetter
-  breatheStart?: AnimationOrGetter
-}