@fugood/bricks-project 2.22.0-beta.0 → 2.22.0-beta.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fugood/bricks-project",
-  "version": "2.22.0-beta.0",
+  "version": "2.22.0-beta.2",
   "main": "index.ts",
   "scripts": {
     "build": "node scripts/build.js"
@@ -13,5 +13,5 @@
     "lodash": "^4.17.4",
     "uuid": "^8.3.1"
   },
-  "gitHead": "43f9ee596a089c0e7fa511c0d9d25251cde09d5f"
+  "gitHead": "a230efafdd33bc1dd02ed6397cf5741b318e172f"
 }

package/tools/preview-main.mjs

@@ -1,6 +1,6 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { app, BrowserWindow } from 'electron'
-import { readFile } from 'fs/promises'
+import { readFile, writeFile } from 'fs/promises'
 import { watchFile } from 'fs'
 import { parseArgs } from 'util'
 
@@ -8,6 +8,7 @@ const { values } = parseArgs({
   args: process.argv,
   options: {
     'clear-cache': { type: 'boolean' },
+    'take-screenshot': { type: 'string' },
   },
   strict: true,
   allowPositionals: true,
@@ -15,6 +16,21 @@ const { values } = parseArgs({
 
 const cwd = process.cwd()
 
+let takeScreenshotConfig = null
+try {
+  if (values['take-screenshot']) {
+    takeScreenshotConfig = JSON.parse(values['take-screenshot'])
+    if (!takeScreenshotConfig.path) takeScreenshotConfig.path = `${cwd}/screenshot.png`
+    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`))
 
 const stage = process.env.BRICKS_STAGE || 'production'
@@ -29,7 +45,9 @@ const previewUrl = previewUrlMap[stage]
 if (!previewUrl) throw new Error(`Invalid BRICKS_STAGE: ${stage}`)
 
 app.on('ready', () => {
-  const mainWindow = new BrowserWindow({ width: 1280, height: 768 })
+  let show = true
+  if (takeScreenshotConfig?.headless) show = false
+  const mainWindow = new BrowserWindow({ width: 1280, height: 768, show })
   mainWindow.setBackgroundColor('#333')
   mainWindow.loadURL(previewUrl)
 
@@ -42,6 +60,20 @@ app.on('ready', () => {
     mainWindow.webContents.executeJavaScript(
       `window.postMessage(JSON.stringify(${JSON.stringify(payload)}))`,
     )
+    if (takeScreenshotConfig) {
+      const { delay, width, height, path, closeAfter } = takeScreenshotConfig
+      setTimeout(() => {
+        console.log('Taking screenshot')
+        mainWindow.webContents.capturePage({ width, height }).then((image) => {
+          console.log('Writing screenshot to', path)
+          writeFile(path, image.toPNG())
+          if (closeAfter) {
+            console.log('Closing app')
+            app.quit()
+          }
+        })
+      }, delay)
+    }
   }
 
   mainWindow.webContents.once('dom-ready', sendConfig)

package/tools/preview.ts

@@ -6,12 +6,15 @@ import { debounce } from 'lodash'
 const { values } = parseArgs({
   args: Bun.argv,
   options: {
-    'skip-typecheck': {
-      type: 'boolean',
-    },
-    'clear-cache': {
-      type: 'boolean',
-    },
+    'skip-typecheck': { type: 'boolean' },
+    'clear-cache': { type: 'boolean' },
+    'screenshot': { type: 'boolean' },
+    'screenshot-delay': { type: 'string' },
+    'screenshot-width': { type: 'string' },
+    'screenshot-height': { type: 'string' },
+    'screenshot-path': { type: 'string' },
+    'screenshot-close-after': { type: 'boolean' },
+    'screenshot-headless': { type: 'boolean' },
   },
   strict: true,
   allowPositionals: true,
@@ -37,11 +40,23 @@ const watcher = watch(`${cwd}/subspaces`, { recursive: true }, async (event, fil
 
 const app = await Bun.file(`${cwd}/application.json`).json()
 
-
-if (values['clear-cache']) {
-  await $`BRICKS_STAGE=${app.stage || 'production'} bunx --bun electron ${__dirname}/preview-main.mjs --clear-cache`
-} else {
-  await $`BRICKS_STAGE=${app.stage || 'production'} bunx --bun electron ${__dirname}/preview-main.mjs`
+let args: string[] = []
+if (values['clear-cache']) args.push('--clear-cache')
+
+if (values['screenshot']) {
+  args.push(`--take-screenshot`)
+  args.push(
+    JSON.stringify({
+      delay: Number(values['screenshot-delay']) || 1000,
+      width: Number(values['screenshot-width']) || 1920,
+      height: Number(values['screenshot-height']) || 1080,
+      path: values['screenshot-path'] || `${cwd}/screenshot.png`,
+      closeAfter: values['screenshot-close-after'] ?? true,
+      headless: values['screenshot-headless'] ?? true,
+    }),
+  )
 }
 
+await $`BRICKS_STAGE=${app.stage || 'production'} bunx --bun electron ${__dirname}/preview-main.mjs ${args}`
+
 watcher.close()

package/types/generators.ts

@@ -3183,6 +3183,7 @@ Default property:
   "cameraType": "back",
   "cameraPosition": "top",
   "selectColumns": 3,
+  "selectAutoColumns": true,
   "sizeFactor": 1,
   "containerBackgroundColor": "#ffffff",
   "titleColor": "#000000",
@@ -3447,6 +3448,8 @@ Default property:
     doneButtonText?: string | DataLink
     /* Select columns */
     selectColumns?: number | DataLink
+    /* Select auto calculate columns */
+    selectAutoColumns?: boolean | DataLink
     /* Fixed model width, default is auto */
     fixedModelWidth?: number | DataLink
     /* Fixed model height, default is auto */

package/utils/event-props.ts

@@ -221,10 +221,6 @@ export const templateEventPropsMap = {
       'BRICK_GENERATIVE_MEDIA_ERROR', // type: string
     ],
   },
-  BRICK_CHART_LINE: {},
-  BRICK_CHART_BAR: {},
-  BRICK_CHART_PIE: {},
-  BRICK_CHART_PROGRESS: {},
   GENERATOR_TICK: {
     ticking: [
       'GENERATOR_TICK_COUNTDOWN', // type: number
@@ -332,7 +328,6 @@ export const templateEventPropsMap = {
       'GENERATOR_FILE_LIST_PATHS', // type: array
     ],
   },
-  GENERATOR_URL_FILE_SYNC: {},
   GENERATOR_MEDIA_FLOW: {
     fetchError: [
       'GENERATOR_MEDIA_FLOW_ERROR', // type: string
@@ -548,11 +543,6 @@ export const templateEventPropsMap = {
       'GENERATOR_WEBRTC_TEXT_MESSAGE', // type: string
     ],
   },
-  GENERATOR_TENSORFLOW_INFERENCE: {
-    onError: [
-      'GENERATOR_TENSORFLOW_INFERENCE_ERROR_MESSAGE', // type: string
-    ],
-  },
   GENERATOR_WEB_CRAWLER: {},
   GENERATOR_SOUND_RECORDER: {
     chunk: [
@@ -563,11 +553,6 @@ export const templateEventPropsMap = {
     ],
   },
   GENERATOR_BLE_PERIPHERAL: {},
-  GENERATOR_PROMPT: {
-    onError: [
-      'GENERATOR_PROMPT_ERROR_MESSAGE', // type: string
-    ],
-  },
   GENERATOR_QUESTION: {
     onError: [
       'GENERATOR_QUESTION_ERROR_MESSAGE', // type: string