@fugood/bricks-project 2.21.0-beta.17-1 → 2.21.0-beta.18-1

package/api/instance.ts

@@ -51,10 +51,11 @@ export const pullApp = async (stage: Stage, appId: string) => {
   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',
-    )
+  // TODO: Uncomment it on leaving experimental
+  // if (!app.dev_ref.is_dev)
+  //   throw new Error(
+  //     'Currently BRICKS Project is experimental, please use the fork version of the app',
+  //   )
   return app
 }
 

package/compile/index.ts

@@ -26,6 +26,7 @@ import type {
   Generator,
   Canvas,
   Subspace,
+  EventActionForItem,
 } from '../types'
 
 const compileProperty = (property, errorReference: string, result = {}) => {
@@ -91,7 +92,7 @@ const compileActionParam = (templateKey: string, actionName: string, paramName:
 
 const compileEvents = (
   templateKey: string,
-  eventMap: { [key: string]: Array<EventAction> },
+  eventMap: { [key: string]: Array<any> },
   options = { camelCase: false, errorReference: '' },
 ) => {
   const { camelCase, errorReference } = options
@@ -106,8 +107,14 @@ const compileEvents = (
         else handlerKey = handler.toUpperCase()
         if (handlerKey === 'SYSTEM') handlerTemplateKey = 'SYSTEM'
       } else if (typeof handler === 'function') {
-        const instance = handler() as Brick | Generator
-        handlerKey = instance?.id
+        let instance = handler()
+        if (instance?.id) {
+          instance = instance as { id: string }
+          handlerKey = instance?.id
+        } else if (instance?.brickId) {
+          instance = instance as { brickId: string; templateKey: string }
+          handlerKey = instance.brickId
+        }
         handlerTemplateKey = instance?.templateKey
       }
       if (!handlerKey) throw new Error(`Invalid handler: ${handler} ${errorReference}`)

package/package.json

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

package/types/bricks.ts

@@ -1,7 +1,14 @@
 import type { SwitchCondInnerStateCurrentCanvas, SwitchCondData, SwitchDef } from './switch'
 import type { Data, DataLink } from './data'
 import type { Animation, AnimationBasicEvents } from './animation'
-import type { Brick, EventAction, ActionWithDataParams, ActionWithParams, Action } from './common'
+import type {
+  Brick,
+  EventAction,
+  EventActionForItem,
+  ActionWithDataParams,
+  ActionWithParams,
+  Action,
+} from './common'
 
 interface BrickBasicProperty {
   /* The brick opacity (0 ~ 1) */
@@ -62,6 +69,12 @@ interface BrickBasicEvents {
   standby?: Array<EventAction>
 }
 
+interface BrickBasicEventsForItem {
+  showStart?: Array<EventActionForItem>
+  switchUpdate?: Array<EventActionForItem>
+  standby?: Array<EventActionForItem>
+}
+
 interface BrickRectDef {
   /*
 Default property:
@@ -2080,7 +2093,46 @@ Default property:
                   standbyOpacity?: number | DataLink
                   standbyDelay?: number | DataLink
                   standbyDelayRandom?: number | DataLink
-                  standbyEasing?: string | DataLink
+                  standbyEasing?:
+                    | DataLink
+                    | {
+                        default?:
+                          | DataLink
+                          | {
+                              method?: string | DataLink
+                              duration?: number | DataLink
+                            }
+                        x?:
+                          | DataLink
+                          | {
+                              method?: string | DataLink
+                              duration?: number | DataLink
+                            }
+                        y?:
+                          | DataLink
+                          | {
+                              method?: string | DataLink
+                              duration?: number | DataLink
+                            }
+                        width?:
+                          | DataLink
+                          | {
+                              method?: string | DataLink
+                              duration?: number | DataLink
+                            }
+                        height?:
+                          | DataLink
+                          | {
+                              method?: string | DataLink
+                              duration?: number | DataLink
+                            }
+                        opacity?:
+                          | DataLink
+                          | {
+                              method?: string | DataLink
+                              duration?: number | DataLink
+                            }
+                      }
                   showingDelay?: number | DataLink
                   renderOutOfViewport?: boolean | DataLink
                 }
@@ -2118,7 +2170,46 @@ Default property:
                   standbyOpacity?: number | DataLink
                   standbyDelay?: number | DataLink
                   standbyDelayRandom?: number | DataLink
-                  standbyEasing?: string | DataLink
+                  standbyEasing?:
+                    | DataLink
+                    | {
+                        default?:
+                          | DataLink
+                          | {
+                              method?: string | DataLink
+                              duration?: number | DataLink
+                            }
+                        x?:
+                          | DataLink
+                          | {
+                              method?: string | DataLink
+                              duration?: number | DataLink
+                            }
+                        y?:
+                          | DataLink
+                          | {
+                              method?: string | DataLink
+                              duration?: number | DataLink
+                            }
+                        width?:
+                          | DataLink
+                          | {
+                              method?: string | DataLink
+                              duration?: number | DataLink
+                            }
+                        height?:
+                          | DataLink
+                          | {
+                              method?: string | DataLink
+                              duration?: number | DataLink
+                            }
+                        opacity?:
+                          | DataLink
+                          | {
+                              method?: string | DataLink
+                              duration?: number | DataLink
+                            }
+                      }
                   showingDelay?: number | DataLink
                   renderOutOfViewport?: boolean | DataLink
                 }
@@ -2127,10 +2218,10 @@ Default property:
           }
       >
     | DataLink
-  events?: BrickBasicEvents & {
+  events?: BrickBasicEventsForItem & {
     /* Event on page render finished */
     onPageRender?: Array<
-      EventAction & {
+      EventActionForItem & {
         eventPropertyMapping?: {
           pageIndex: {
             type: 'number'
@@ -2145,7 +2236,7 @@ Default property:
     >
     /* Event on page change. */
     onPageChange?: Array<
-      EventAction & {
+      EventActionForItem & {
         eventPropertyMapping?: {
           pageIndex: {
             type: 'number'
@@ -2160,7 +2251,7 @@ Default property:
     >
     /* Event on page index out of bound. */
     onPageOutOfBound?: Array<
-      EventAction & {
+      EventActionForItem & {
         eventPropertyMapping?: {
           pageIndex: {
             type: 'number'
@@ -2175,7 +2266,7 @@ Default property:
     >
     /* Event on into `detail` mode */
     onIntoDetailMode?: Array<
-      EventAction & {
+      EventActionForItem & {
         eventPropertyMapping?: {
           pageIndex: {
             type: 'number'
@@ -2194,7 +2285,7 @@ Default property:
     >
     /* Event on into `list` mode. */
     onIntoListMode?: Array<
-      EventAction & {
+      EventActionForItem & {
         eventPropertyMapping?: {
           pageIndex: {
             type: 'number'
@@ -2209,7 +2300,7 @@ Default property:
     >
     /* Event on render error */
     onError?: Array<
-      EventAction & {
+      EventActionForItem & {
         eventPropertyMapping?: {
           errorMessage: {
             type: 'string'

package/types/common.ts

@@ -68,6 +68,18 @@ export type EventAction = {
   eventPropertyMapping?: object
 }
 
+export type EventActionForItem = {
+  handler:
+    | 'system'
+    | (() => Brick | Generator | { brickId: string; templateKey: string })
+    | SubspaceID
+    | ItemBrickID
+  action: Action
+  waitAsync?: boolean
+  // Event Property Definition mapping to params (use path to replace)
+  eventPropertyMapping?: object
+}
+
 export type ApplicationFont = {
   name: string
   url: string