@_unit/unit 1.0.7 → 1.0.8

package/src/system/core/unit/MergeInput/spec.json

@@ -1,5 +1,5 @@
 {
-  "type": "`U`&`G`&`C`",
+  "type": "`U`&`G`",
   "name": "merge input",
   "units": {
     "foreachkeyvalue": {

package/src/system/globalComponent.ts

@@ -1,3 +1,4 @@
+import { NOOP } from '../NOOP'
 import { Component } from '../client/component'
 import { System } from '../system'
 import { Callback } from '../types/Callback'
@@ -30,3 +31,31 @@ export function listenGlobalComponent(
     emitter.removeListener(id, listener)
   }
 }
+
+export function awaitGlobalComponent(
+  system: System,
+  id: string,
+  callback: Callback<Component>
+): Unlisten {
+  const { emitter } = system
+
+  const component = getGlobalComponent(system, id)
+
+  if (component) {
+    callback(component)
+
+    return NOOP
+  }
+
+  const listener = (component: Component) => {
+    callback(component)
+  }
+
+  emitter.addListener(id, listener)
+
+  const unlisten = () => {
+    emitter.removeListener(id, listener)
+  }
+
+  return unlisten
+}

package/src/system/platform/api/canvas/AddRect/index.ts

@@ -1,16 +1,12 @@
 import { Functional } from '../../../../../Class/Functional'
 import { Done } from '../../../../../Class/Functional/Done'
+import { Rect } from '../../../../../client/util/geometry/types'
 import { System } from '../../../../../system'
 import { ID_ADD_RECT } from '../../../../_ids'
 
 export interface I<T> {
   d: any[][]
-  rect: {
-    x: number
-    y: number
-    width: number
-    height: number
-  }
+  rect: Rect
 }
 
 export interface O<T> {

package/src/system/platform/api/canvas/ToBlob/index.ts

@@ -46,7 +46,11 @@ export default class ToBlob<T> extends Semifunctional<I<T>, O<T>> {
     let _blob: Blob
 
     const blob = new (class _Blob extends $ implements B {
-      __: string[] = ['MS']
+      __: string[] = ['B', 'IM']
+
+      async image(): Promise<any> {
+        return _blob
+      }
 
       async blob(): Promise<Blob> {
         try {

package/src/system/platform/api/media/MediaRecorder/index.ts

@@ -74,6 +74,12 @@ export default class _MediaRecorder extends Semifunctional<I, O> {
         const data = new Blob(chunks, { type: 'audio/wav' })
 
         const _blob = new (class _Blob extends $ implements B {
+          public __: string[] = ['B', 'IM']
+
+          async image(): Promise<any> {
+            return data
+          }
+
           async blob(): Promise<Blob> {
             return data
           }

package/src/system/platform/api/media/RequestPictureInPicture/index.ts

@@ -19,7 +19,7 @@ export interface O {}
 export default class RequestPictureInPicture extends Semifunctional<I, O> {
   private _picture_in_picture: any
 
-  private _exit_picture_in_picture: Promise<any> = Promise.resolve()
+  private _exit_picture_in_picture_promise: Promise<any> = Promise.resolve()
 
   constructor(system: System) {
     super(
@@ -42,26 +42,31 @@ export default class RequestPictureInPicture extends Semifunctional<I, O> {
   private _unlisten: Unlisten
 
   private _plunk() {
+    const {
+      api: {
+        document: { exitPictureInPicture },
+      },
+    } = this.__system
     if (this._unlisten) {
       this._unlisten()
       this._unlisten = undefined
     }
 
     if (this._picture_in_picture) {
-      this._exit_picture_in_picture = document.exitPictureInPicture()
+      this._exit_picture_in_picture_promise = exitPictureInPicture()
 
       this._picture_in_picture = undefined
     }
   }
 
   async f({ media, opt }: I, done: Done<O>): Promise<void> {
-    await this._exit_picture_in_picture
+    await this._exit_picture_in_picture_promise
 
-    const global_id = media.getGlobalId()
+    const globalId = media.getGlobalId()
 
     listenGlobalComponent(
       this.__system,
-      global_id,
+      globalId,
       async (component: VideoComp | null): Promise<void> => {
         if (component === null) {
           this._plunk()

package/src/system/platform/api/media/image/{BlobToBitmap → ImageToBitmap}/index.ts

@@ -3,12 +3,12 @@ import { Functional } from '../../../../../../Class/Functional'
 import { Done } from '../../../../../../Class/Functional/Done'
 import { Rect } from '../../../../../../client/util/geometry/types'
 import { System } from '../../../../../../system'
-import { B } from '../../../../../../types/interface/B'
 import { IB } from '../../../../../../types/interface/IB'
-import { ID_BLOB_TO_BITMAP } from '../../../../../_ids'
+import { IM } from '../../../../../../types/interface/IM'
+import { ID_IMAGE_TO_BITMAP } from '../../../../../_ids'
 
 export type I = {
-  blob: B
+  image: IM
   opt: {}
   rect:
     | Rect
@@ -20,16 +20,16 @@ export type O = {
   bitmap: IB
 }
 
-export default class BlobToBitmap extends Functional<I, O> {
+export default class ImageToBitmap extends Functional<I, O> {
   constructor(system: System) {
     super(
       {
-        i: ['opt', 'blob', 'rect'],
+        i: ['opt', 'image', 'rect'],
         o: ['bitmap'],
       },
       {
         input: {
-          blob: {
+          image: {
             ref: true,
           },
         },
@@ -40,11 +40,11 @@ export default class BlobToBitmap extends Functional<I, O> {
         },
       },
       system,
-      ID_BLOB_TO_BITMAP
+      ID_IMAGE_TO_BITMAP
     )
   }
 
-  async f({ opt, rect, blob }: I, done: Done<O>): Promise<void> {
+  async f({ opt, rect, image }: I, done: Done<O>): Promise<void> {
     const {
       api: {
         media: {
@@ -53,12 +53,12 @@ export default class BlobToBitmap extends Functional<I, O> {
       },
     } = this.__system
 
-    const _blob = await blob.blob()
+    const _image = await image.image()
 
     let _bitmap: ImageBitmap
 
     try {
-      _bitmap = await createImageBitmap(_blob, rect, opt)
+      _bitmap = await createImageBitmap(_image, rect, opt)
     } catch (err) {
       done(undefined, err.message)
 

package/src/system/platform/api/media/image/{BlobToBitmap → ImageToBitmap}/spec.json

@@ -1,24 +1,20 @@
 {
-  "name": "blob to bitmap",
+  "name": "image to bitmap",
   "inputs": {
     "opt": {
       "type": "{imageOrientation?:'none'|'flipY',premultiplyAlpha?:'none'|'premultiply'|'default',colorSpaceConversion?:'none'|'default',resizeWidth?:number,resizeHeight?:number,resizeQuality?:'pixelated'|'low'|'medium'}",
       "metadata": {
-        "examples": [
-          "{}"
-        ]
+        "examples": ["{}"]
       }
     },
-    "blob": {
-      "type": "`B`",
+    "image": {
+      "type": "`IM`",
       "ref": true
     },
     "rect": {
       "type": "{x?:number,y?:number,width?:number,height?:number}",
       "metadata": {
-        "examples": [
-          "{}"
-        ]
+        "examples": ["{}"]
       }
     }
   },
@@ -33,15 +29,10 @@
   "metadata": {
     "icon": "image",
     "complexity": 12,
-    "tags": [
-      "platform",
-      "api",
-      "media"
-    ],
-    "globals": [
-      "MediaRecorder"
-    ]
+    "description": "transform image to bitmap",
+    "tags": ["platform", "api", "media"],
+    "globals": ["MediaRecorder"]
   },
   "type": "`U`",
   "system": true
-}
+}

package/src/system/platform/component/Iframe/Component.ts

@@ -75,6 +75,8 @@ export default class Iframe extends Element<
       iframe_el.srcdoc = srcdoc
     }
 
+    iframe_el.allowFullscreen = true
+
     this._setSrc(src)
 
     applyStyle(iframe_el, { ...DEFAULT_STYLE, ...style })

package/src/system/platform/component/Inherit/Component.ts

@@ -34,18 +34,6 @@ export default class Inherit extends Element<HTMLDivElement, Props> {
   private _registerChild = (child) => {
     let base = child.getRootBase()
 
-    for (const parent_root of child.$parentRoot) {
-      const parent_child_base = parent_root.getRootBase()
-
-      base = [...base, ...parent_child_base]
-    }
-
-    for (const parent_child of child.$parentChildren) {
-      const parent_child_base = parent_child.getRootBase()
-
-      base = [...base, ...parent_child_base]
-    }
-
     for (const leaf of base) {
       const [leaf_path, leaf_comp] = leaf
 
@@ -68,12 +56,6 @@ export default class Inherit extends Element<HTMLDivElement, Props> {
   private _unregisterChild = (child: Component) => {
     let base = child.getRootBase()
 
-    for (const parent_child of child.$parentChildren) {
-      const parent_child_base = parent_child.getRootBase()
-
-      base = [...base, ...parent_child_base]
-    }
-
     const base_length = base.length
 
     const first_leaf = base[0]