@vunk/plus 1.6.1 → 1.6.2

package/components/WebGLRenderer.mjs

@@ -6,6 +6,7 @@ import '@vunk/shared/enum';
 import '@vunk/shared/promise';
 import './_commonjsHelpers.mjs';
 import '@vunk/core/composables';
+import '@vunk/shared/object';
 import './_plugin-vue_export-helper.mjs';
 
 class GlBatchAdaptor {

package/components/WebGPURenderer.mjs

@@ -6,6 +6,7 @@ import '@vunk/shared/enum';
 import '@vunk/shared/promise';
 import './_commonjsHelpers.mjs';
 import '@vunk/core/composables';
+import '@vunk/shared/object';
 import './_plugin-vue_export-helper.mjs';
 
 const tempState = State.for2d();

package/components/browserAll.mjs

@@ -5,6 +5,7 @@ import '@vunk/shared/enum';
 import '@vunk/shared/promise';
 import './_commonjsHelpers.mjs';
 import '@vunk/core/composables';
+import '@vunk/shared/object';
 import './_plugin-vue_export-helper.mjs';
 import './colorToUniform.mjs';
 

package/components/index2.mjs

@@ -3,6 +3,7 @@ import { TickerStatus } from '@vunk/shared/enum';
 import { Deferred, sleep } from '@vunk/shared/promise';
 import { c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers.mjs';
 import { useModelComputed, useDeferred } from '@vunk/core/composables';
+import { pickObject } from '@vunk/shared/object';
 import { _ as _export_sfc } from './_plugin-vue_export-helper.mjs';
 
 var lib = {exports: {}};
@@ -22287,7 +22288,9 @@ var _sfc_main$6 = /* @__PURE__ */ defineComponent({
 var _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "bitmap",
   props: {
-    ...props,
+    ...pickObject(props, {
+      excludes: ["loop"]
+    }),
     data: {
       type: void 0,
       required: true
@@ -22359,7 +22362,7 @@ var _sfc_main$5 = /* @__PURE__ */ defineComponent({
       if (currentTexture) {
         const originTexture = sprite.texture;
         const originIndex = index.value - 1;
-        if (originTexture && originIndex >= 0 && !props.loop) {
+        if (originTexture && originIndex >= 0) {
           Promise.resolve(sleep(500)).then(() => {
             originTexture.destroy(true);
             textureMap.set(
@@ -22375,14 +22378,12 @@ var _sfc_main$5 = /* @__PURE__ */ defineComponent({
         }
         sprite.texture = currentTexture;
         resizeSprite();
-        index.value = props.loop ? (index.value + 1) % props.data.length : index.value + 1;
+        index.value = index.value + 1;
       } else {
         console.warn(
           `Texture for index ${index.value} not found. Ensure the texture is loaded.`
         );
         emit("notFound", index.value);
-        if (!props.loop)
-          emit("update:status", TickerStatus.paused);
       }
     }
     onBeforeUnmount(stop);
@@ -22459,7 +22460,8 @@ var _sfc_main$4 = /* @__PURE__ */ defineComponent({
         }
         Assets.add({
           alias,
-          src
+          src,
+          loadParser: "loadTextures"
         });
         textureMap.set(alias, void 0);
         Assets.load(alias).then((res) => {

package/components/metahuman-broadcasting/index.mjs

@@ -1,6 +1,6 @@
-import { defineComponent, ref, onMounted, createElementBlock, openBlock, Fragment, createVNode, unref, mergeProps, isRef } from 'vue';
+import { defineComponent, ref, shallowReactive, onMounted, createElementBlock, openBlock, Fragment, createVNode, createBlock, createCommentVNode, unref, mergeProps, isRef } from 'vue';
 import { VkBroadcastingMarkdown } from '@vunk/plus/components/broadcasting-markdown';
-import { VkPixiFrameBitmap } from '@vunk/plus/components/pixi-frame';
+import { VkPixiFrameBitmap, VkPixiFrameCore } from '@vunk/plus/components/pixi-frame';
 import { StreamingInferenceService, getStremingStartData, blobToAudioBuffer, processStreaming } from '@vunk/plus/shared/audioToFrames';
 export { workerConfig } from '@vunk/plus/shared/audioToFrames';
 import { useModelComputed } from '@vunk/core/composables';
@@ -77,7 +77,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const paragraphData = ref([]);
     const streamingInferenceService = new StreamingInferenceService(props.modelUrl);
     const frameUrls = ref([]);
-    const silentFrameUrls = ref([]);
+    const silentFrameUrls = shallowReactive([]);
     const frameStatus = useModelComputed({
       default: TickerStatus.pending,
       key: "status"
@@ -134,18 +134,20 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         frameUrls.value.length = 0;
       }
     }
+    const ready = ref(false);
     async function loadAllSilentFrames(dataset, zip) {
       for (const image of dataset.images) {
         const imageFile = zip.file(image.full_image);
         if (imageFile) {
           const blob = await imageFile.async("blob");
-          const imageBitmap = await createImageBitmap(blob);
-          silentFrameUrls.value.push(imageBitmap);
+          const url = URL.createObjectURL(blob);
+          silentFrameUrls.push(url);
         }
         if (slientFrameStatus.value === TickerStatus.pending) {
           slientFrameStatus.value = TickerStatus.play;
         }
       }
+      ready.value = true;
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(
@@ -166,14 +168,15 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             "onUpdate:status": _cache[1] || (_cache[1] = ($event) => isRef(frameStatus) ? frameStatus.value = $event : null),
             data: frameUrls.value
           }, null, 8, ["status", "data"]),
-          createVNode(unref(VkPixiFrameBitmap), {
+          ready.value ? (openBlock(), createBlock(unref(VkPixiFrameCore), {
+            key: 0,
             status: slientFrameStatus.value,
             "onUpdate:status": _cache[2] || (_cache[2] = ($event) => slientFrameStatus.value = $event),
-            data: silentFrameUrls.value,
+            data: unref(silentFrameUrls),
             loop: true,
             prerender: true,
             visible: unref(frameStatus) !== unref(TickerStatus).playing
-          }, null, 8, ["status", "data", "visible"])
+          }, null, 8, ["status", "data", "visible"])) : createCommentVNode("v-if", true)
         ],
         64
         /* STABLE_FRAGMENT */

package/components/metahuman-broadcasting/src/index.vue.d.ts

@@ -78,20 +78,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly width: number;
         close: () => void;
     }[]>;
-    silentFrameUrls: Ref<{
-        readonly height: number;
-        readonly width: number;
-        close: () => void;
-    }[], ImageBitmap[] | {
-        readonly height: number;
-        readonly width: number;
-        close: () => void;
-    }[]>;
+    silentFrameUrls: import("vue").ShallowReactive<string[]>;
     frameStatus: import("vue").WritableComputedRef<TickerStatus, TickerStatus>;
     slientFrameStatus: Ref<TickerStatus, TickerStatus>;
     requestProcessStreaming: (buffer: AudioBuffer) => Promise<void>;
     processingParagraph: (item: __VkBroadcastingMarkdown.Paragraph) => Promise<void>;
     allParagraphCompleted: (v: boolean) => void;
+    ready: Ref<boolean, boolean>;
     loadAllSilentFrames: (dataset: ImageDataResponse, zip: JSZip) => Promise<void>;
     readonly VkBroadcastingMarkdown: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         render: {
@@ -521,6 +514,159 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         frameIndex: {
             type: NumberConstructor;
         };
+        status: {
+            type: import("vue").PropType<TickerStatus>;
+            default: TickerStatus;
+        };
+        url: {
+            type: StringConstructor;
+            requierd: false;
+        };
+        label: {
+            type: StringConstructor;
+            default: string;
+        };
+        resize: {
+            type: import("vue").PropType<import("../../pixi-frame/src/types").Resize>;
+            default: undefined;
+        };
+        visible: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        prerender: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        frameRate: {
+            type: NumberConstructor;
+            default: number;
+        };
+    }>, {
+        props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            data: {
+                type: import("vue").PropType<ImageBitmap[]>;
+                required: true;
+            };
+            frameIndex: {
+                type: NumberConstructor;
+            };
+            status: {
+                type: import("vue").PropType<TickerStatus>;
+                default: TickerStatus;
+            };
+            url: {
+                type: StringConstructor;
+                requierd: false;
+            };
+            label: {
+                type: StringConstructor;
+                default: string;
+            };
+            resize: {
+                type: import("vue").PropType<import("../../pixi-frame/src/types").Resize>;
+                default: undefined;
+            };
+            visible: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            prerender: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            frameRate: {
+                type: NumberConstructor;
+                default: number;
+            };
+        }>> & Readonly<{
+            onSetData?: ((...args: any[]) => any) | undefined;
+            onLoad?: ((e: import("../../pixi-frame/src/types").LoadEvent) => any) | undefined;
+            "onUpdate:status"?: ((...args: any[]) => any) | undefined;
+            "onUpdate:data"?: ((...args: any[]) => any) | undefined;
+            "onUpdate:frameIndex"?: ((...args: any[]) => any) | undefined;
+            onNotFound?: ((_index: number) => any) | undefined;
+        }> & {}>;
+        emit: ((event: "setData", ...args: any[]) => void) & ((event: "load", e: import("../../pixi-frame/src/types").LoadEvent) => void) & ((event: "update:status", ...args: any[]) => void) & ((event: "update:data", ...args: any[]) => void) & ((event: "update:frameIndex", ...args: any[]) => void) & ((event: "notFound", _index: number) => void);
+        compId: string;
+        getAlias: (key: string | number) => string;
+        sprite: import("pixi.js").Sprite;
+        resizeSprite: () => void;
+        application: import("pixi.js").Application<import("pixi.js").Renderer>;
+        textureMap: Map<string, import("pixi.js").Texture<import("pixi.js").TextureSource<any>>>;
+        completedIndex: Ref<number, number>;
+        enabledData: import("vue").ComputedRef<ImageBitmap[]>;
+        index: import("vue").WritableComputedRef<number, number>;
+        drawFrame: () => void;
+        play: () => void;
+        pause: () => void;
+        stop: () => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        load: (e: import("../../pixi-frame/src/types").LoadEvent) => import("../../pixi-frame/src/types").LoadEvent;
+        'update:frameIndex': null;
+        notFound: (_index: number) => true;
+        'update:status': null;
+        'update:data': null;
+        setData: null;
+    }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        data: {
+            type: import("vue").PropType<ImageBitmap[]>;
+            required: true;
+        };
+        frameIndex: {
+            type: NumberConstructor;
+        };
+        status: {
+            type: import("vue").PropType<TickerStatus>;
+            default: TickerStatus;
+        };
+        url: {
+            type: StringConstructor;
+            requierd: false;
+        };
+        label: {
+            type: StringConstructor;
+            default: string;
+        };
+        resize: {
+            type: import("vue").PropType<import("../../pixi-frame/src/types").Resize>;
+            default: undefined;
+        };
+        visible: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        prerender: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        frameRate: {
+            type: NumberConstructor;
+            default: number;
+        };
+    }>> & Readonly<{
+        onSetData?: ((...args: any[]) => any) | undefined;
+        onLoad?: ((e: import("../../pixi-frame/src/types").LoadEvent) => any) | undefined;
+        "onUpdate:status"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:data"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:frameIndex"?: ((...args: any[]) => any) | undefined;
+        onNotFound?: ((_index: number) => any) | undefined;
+    }>, {
+        status: TickerStatus;
+        label: string;
+        resize: import("../../pixi-frame/src/types").Resize;
+        visible: boolean;
+        prerender: boolean;
+        frameRate: number;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    readonly VkPixiFrameCore: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        data: {
+            type: import("vue").PropType<string[] | import("../../pixi-frame/src/types").Datum[]>;
+            required: true;
+        };
+        frameIndex: {
+            type: NumberConstructor;
+        };
         url: {
             type: StringConstructor;
             requierd: false;
@@ -556,7 +702,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>, {
         props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             data: {
-                type: import("vue").PropType<ImageBitmap[]>;
+                type: import("vue").PropType<string[] | import("../../pixi-frame/src/types").Datum[]>;
                 required: true;
             };
             frameIndex: {
@@ -610,9 +756,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         application: import("pixi.js").Application<import("pixi.js").Renderer>;
         textureMap: Map<string, import("pixi.js").Texture<import("pixi.js").TextureSource<any>>>;
         completedIndex: Ref<number, number>;
-        enabledData: import("vue").ComputedRef<ImageBitmap[]>;
+        enabledData: import("vue").ComputedRef<string[] | import("../../pixi-frame/src/types").Datum[]>;
         index: import("vue").WritableComputedRef<number, number>;
-        drawFrame: () => void;
+        animationId: number | null;
+        lastFrameTime: number;
+        startFrameLoop: () => void;
         play: () => void;
         pause: () => void;
         stop: () => void;
@@ -625,7 +773,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setData: null;
     }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         data: {
-            type: import("vue").PropType<ImageBitmap[]>;
+            type: import("vue").PropType<string[] | import("../../pixi-frame/src/types").Datum[]>;
             required: true;
         };
         frameIndex: {

package/components/pixi-frame/index.mjs

@@ -4,4 +4,5 @@ import 'vue';
 import '@vunk/shared/promise';
 import '../_commonjsHelpers.mjs';
 import '@vunk/core/composables';
+import '@vunk/shared/object';
 import '../_plugin-vue_export-helper.mjs';

package/components/pixi-frame/src/bitmap.vue.d.ts

@@ -10,21 +10,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     frameIndex: {
         type: NumberConstructor;
     };
-    url: {
-        type: StringConstructor;
-        requierd: false;
-    };
-    loop: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     status: {
         type: PropType<TickerStatus>;
         default: TickerStatus;
     };
-    frameRate: {
-        type: NumberConstructor;
-        default: number;
+    url: {
+        type: StringConstructor;
+        requierd: false;
     };
     label: {
         type: StringConstructor;
@@ -34,14 +26,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<import("./types").Resize>;
         default: undefined;
     };
-    prerender: {
+    visible: {
         type: BooleanConstructor;
         default: boolean;
     };
-    visible: {
+    prerender: {
         type: BooleanConstructor;
         default: boolean;
     };
+    frameRate: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>, {
     props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         data: {
@@ -51,21 +47,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         frameIndex: {
             type: NumberConstructor;
         };
-        url: {
-            type: StringConstructor;
-            requierd: false;
-        };
-        loop: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
         status: {
             type: PropType<TickerStatus>;
             default: TickerStatus;
         };
-        frameRate: {
-            type: NumberConstructor;
-            default: number;
+        url: {
+            type: StringConstructor;
+            requierd: false;
         };
         label: {
             type: StringConstructor;
@@ -75,14 +63,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: PropType<import("./types").Resize>;
             default: undefined;
         };
-        prerender: {
+        visible: {
             type: BooleanConstructor;
             default: boolean;
         };
-        visible: {
+        prerender: {
             type: BooleanConstructor;
             default: boolean;
         };
+        frameRate: {
+            type: NumberConstructor;
+            default: number;
+        };
     }>> & Readonly<{
         onSetData?: ((...args: any[]) => any) | undefined;
         onLoad?: ((e: LoadEvent) => any) | undefined;
@@ -120,21 +112,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     frameIndex: {
         type: NumberConstructor;
     };
-    url: {
-        type: StringConstructor;
-        requierd: false;
-    };
-    loop: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     status: {
         type: PropType<TickerStatus>;
         default: TickerStatus;
     };
-    frameRate: {
-        type: NumberConstructor;
-        default: number;
+    url: {
+        type: StringConstructor;
+        requierd: false;
     };
     label: {
         type: StringConstructor;
@@ -144,14 +128,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<import("./types").Resize>;
         default: undefined;
     };
-    prerender: {
+    visible: {
         type: BooleanConstructor;
         default: boolean;
     };
-    visible: {
+    prerender: {
         type: BooleanConstructor;
         default: boolean;
     };
+    frameRate: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>> & Readonly<{
     onSetData?: ((...args: any[]) => any) | undefined;
     onLoad?: ((e: LoadEvent) => any) | undefined;
@@ -165,7 +153,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     resize: import("./types").Resize;
     visible: boolean;
     prerender: boolean;
-    loop: boolean;
     frameRate: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/components/pixi-frame/src/index.vue.d.ts

@@ -442,21 +442,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         frameIndex: {
             type: NumberConstructor;
         };
-        url: {
-            type: StringConstructor;
-            requierd: false;
-        };
-        loop: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
         status: {
             type: import("vue").PropType<import("@vunk/shared/enum").TickerStatus>;
             default: import("@vunk/shared/enum").TickerStatus;
         };
-        frameRate: {
-            type: NumberConstructor;
-            default: number;
+        url: {
+            type: StringConstructor;
+            requierd: false;
         };
         label: {
             type: StringConstructor;
@@ -466,14 +458,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: import("vue").PropType<import("./types").Resize>;
             default: undefined;
         };
-        prerender: {
+        visible: {
             type: BooleanConstructor;
             default: boolean;
         };
-        visible: {
+        prerender: {
             type: BooleanConstructor;
             default: boolean;
         };
+        frameRate: {
+            type: NumberConstructor;
+            default: number;
+        };
     }>, {
         props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             data: {
@@ -483,21 +479,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             frameIndex: {
                 type: NumberConstructor;
             };
-            url: {
-                type: StringConstructor;
-                requierd: false;
-            };
-            loop: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
             status: {
                 type: import("vue").PropType<import("@vunk/shared/enum").TickerStatus>;
                 default: import("@vunk/shared/enum").TickerStatus;
             };
-            frameRate: {
-                type: NumberConstructor;
-                default: number;
+            url: {
+                type: StringConstructor;
+                requierd: false;
             };
             label: {
                 type: StringConstructor;
@@ -507,14 +495,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: import("vue").PropType<import("./types").Resize>;
                 default: undefined;
             };
-            prerender: {
+            visible: {
                 type: BooleanConstructor;
                 default: boolean;
             };
-            visible: {
+            prerender: {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            frameRate: {
+                type: NumberConstructor;
+                default: number;
+            };
         }>> & Readonly<{
             onSetData?: ((...args: any[]) => any) | undefined;
             onLoad?: ((e: import("./types").LoadEvent) => any) | undefined;
@@ -552,21 +544,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         frameIndex: {
             type: NumberConstructor;
         };
-        url: {
-            type: StringConstructor;
-            requierd: false;
-        };
-        loop: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
         status: {
             type: import("vue").PropType<import("@vunk/shared/enum").TickerStatus>;
             default: import("@vunk/shared/enum").TickerStatus;
         };
-        frameRate: {
-            type: NumberConstructor;
-            default: number;
+        url: {
+            type: StringConstructor;
+            requierd: false;
         };
         label: {
             type: StringConstructor;
@@ -576,14 +560,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: import("vue").PropType<import("./types").Resize>;
             default: undefined;
         };
-        prerender: {
+        visible: {
             type: BooleanConstructor;
             default: boolean;
         };
-        visible: {
+        prerender: {
             type: BooleanConstructor;
             default: boolean;
         };
+        frameRate: {
+            type: NumberConstructor;
+            default: number;
+        };
     }>> & Readonly<{
         onSetData?: ((...args: any[]) => any) | undefined;
         onLoad?: ((e: import("./types").LoadEvent) => any) | undefined;
@@ -597,7 +585,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         resize: import("./types").Resize;
         visible: boolean;
         prerender: boolean;
-        loop: boolean;
         frameRate: number;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/components/webworkerAll.mjs

@@ -6,4 +6,5 @@ import '@vunk/shared/enum';
 import '@vunk/shared/promise';
 import './_commonjsHelpers.mjs';
 import '@vunk/core/composables';
+import '@vunk/shared/object';
 import './_plugin-vue_export-helper.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vunk/plus",
-  "version": "1.6.1",
+  "version": "1.6.2",
   "description": "",
   "author": "",
   "license": "ISC",