@vunk/plus 1.3.12 → 1.3.13

package/components/WebGLRenderer.mjs

@@ -2,9 +2,9 @@ import { E as ExtensionType, B as BufferUsage, w as warn, D as DOMAdapter, K as
 import { S as State, b as localUniformBitGl } from './colorToUniform.mjs';
 import { e as ensureAttributes, G as GpuStencilModesToPixi, c as createUboSyncFunction, b as uboSyncFunctionsSTD40, U as UboSystem, R as RenderTargetSystem, B as BufferResource, d as uniformParsers, f as textureBitGl, S as SharedSystems, a as SharedRenderPipes } from './SharedSystems.mjs';
 import 'vue';
-import './_commonjsHelpers.mjs';
 import '@vunk/shared/enum';
 import './browser.mjs';
+import './_commonjsHelpers.mjs';
 import './_plugin-vue_export-helper.mjs';
 
 class GlBatchAdaptor {

package/components/WebGPURenderer.mjs

@@ -2,9 +2,9 @@ import { g as getTextureBatchBindGroup, E as ExtensionType, f as fastCopy, D as
 import { S as State, l as localUniformBitGroup2, a as localUniformBit } from './colorToUniform.mjs';
 import { c as createUboSyncFunction, u as uboSyncFunctionsWGSL, U as UboSystem, B as BufferResource, G as GpuStencilModesToPixi, e as ensureAttributes, R as RenderTargetSystem, t as textureBit, S as SharedSystems, a as SharedRenderPipes } from './SharedSystems.mjs';
 import 'vue';
-import './_commonjsHelpers.mjs';
 import '@vunk/shared/enum';
 import './browser.mjs';
+import './_commonjsHelpers.mjs';
 import './_plugin-vue_export-helper.mjs';
 
 const tempState = State.for2d();

package/components/browserAll.mjs

@@ -1,9 +1,9 @@
 import { P as Point, r as removeItems, E as ExtensionType, T as Ticker, U as UPDATE_PRIORITY, a as EventEmitter, w as warn, e as extensions, C as Container } from './index2.mjs';
 import './init.mjs';
 import 'vue';
-import './_commonjsHelpers.mjs';
 import '@vunk/shared/enum';
 import './browser.mjs';
+import './_commonjsHelpers.mjs';
 import './_plugin-vue_export-helper.mjs';
 import './colorToUniform.mjs';
 

package/components/index2.mjs

@@ -1,7 +1,7 @@
-import { inject, provide, defineComponent, ref, onMounted, createElementBlock, openBlock, Fragment, createBlock, renderSlot, createCommentVNode, Teleport, createElementVNode, watchEffect, onBeforeUnmount, resolveComponent, withCtx, createVNode, mergeProps } from 'vue';
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers.mjs';
+import { inject, provide, defineComponent, watchEffect, ref, onBeforeUnmount, renderSlot, onMounted, createElementBlock, openBlock, resolveComponent, createBlock, withCtx, createVNode, mergeProps } from 'vue';
 import { TickerStatus } from '@vunk/shared/enum';
 import { c as consola } from './browser.mjs';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers.mjs';
 import { _ as _export_sfc } from './_plugin-vue_export-helper.mjs';
 
 var ExtensionType = /* @__PURE__ */ ((ExtensionType2) => {
@@ -20995,73 +20995,6 @@ extensions.handle(ExtensionType.Asset, (extension) => {
 
 extensions.add(browserExt, webworkerExt);
 
-const appInjectKey = Symbol("appInjectKey");
-function initPixiApp() {
-  const app = new Application();
-  provide(appInjectKey, app);
-  return app;
-}
-function usePixiApp() {
-  const app = inject(appInjectKey);
-  if (!app) {
-    throw new Error("Pixi app not provided");
-  }
-  return app;
-}
-
-var _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "app",
-  props: {
-    appendTo: null,
-    defaultOptions: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const app = initPixiApp();
-    const appRef = ref();
-    const ready = ref(false);
-    onMounted(async () => {
-      await app.init({
-        resizeTo: appRef.value,
-        background: "#1099bb",
-        ...props.defaultOptions
-      });
-      appRef.value.appendChild(app.canvas);
-      ready.value = true;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        Fragment,
-        null,
-        [
-          (openBlock(), createBlock(Teleport, {
-            to: __props.appendTo,
-            disabled: !__props.appendTo
-          }, [
-            createElementVNode(
-              "div",
-              {
-                ref_key: "appRef",
-                ref: appRef,
-                class: "vk-pixi-frame"
-              },
-              null,
-              512
-              /* NEED_PATCH */
-            )
-          ], 8, ["to", "disabled"])),
-          ready.value ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("v-if", true)
-        ],
-        64
-        /* STABLE_FRAGMENT */
-      );
-    };
-  }
-});
-
 const props = {
   data: {
     type: Array,
@@ -21088,7 +21021,21 @@ const emits = {
   "update:data": null
 };
 
-var _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const appInjectKey = Symbol("appInjectKey");
+function initPixiApp() {
+  const app = new Application();
+  provide(appInjectKey, app);
+  return app;
+}
+function usePixiApp() {
+  const app = inject(appInjectKey);
+  if (!app) {
+    throw new Error("Pixi app not provided");
+  }
+  return app;
+}
+
+var _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "core",
   props: props,
   emits,
@@ -21182,26 +21129,72 @@ var _sfc_main$1 = /* @__PURE__ */ defineComponent({
   }
 });
 
+var _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "provider",
+  setup(__props) {
+    initPixiApp();
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default");
+    };
+  }
+});
+
+var _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "view",
+  props: {
+    defaultOptions: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const app = usePixiApp();
+    const appRef = ref();
+    onMounted(async () => {
+      await app.init({
+        resizeTo: appRef.value,
+        background: "#1099bb",
+        ...props.defaultOptions
+      });
+      appRef.value.appendChild(app.canvas);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          ref_key: "appRef",
+          ref: appRef,
+          class: "vk-pixi-frame"
+        },
+        null,
+        512
+        /* NEED_PATCH */
+      );
+    };
+  }
+});
+
 var _sfc_main = defineComponent({
   name: "VkPixiFrame",
   components: {
-    AppView: _sfc_main$2,
-    CoreView: _sfc_main$1
+    CoreComp: _sfc_main$3,
+    ProviderComp: _sfc_main$2,
+    ViewComp: _sfc_main$1
   },
   props,
-  emits,
-  setup() {
-    return {};
-  }
+  emits
 });
 
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_CoreView = resolveComponent("CoreView");
-  const _component_AppView = resolveComponent("AppView");
-  return openBlock(), createBlock(_component_AppView, null, {
+  const _component_ViewComp = resolveComponent("ViewComp");
+  const _component_CoreComp = resolveComponent("CoreComp");
+  const _component_ProviderComp = resolveComponent("ProviderComp");
+  return openBlock(), createBlock(_component_ProviderComp, null, {
     default: withCtx(() => [
+      createVNode(_component_ViewComp),
       createVNode(
-        _component_CoreView,
+        _component_CoreComp,
         mergeProps(_ctx.$props, {
           "onUpdate:status": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:status", $event))
         }),
@@ -21224,4 +21217,4 @@ VkPixiFrame.install = (app) => {
   app.component(VkPixiFrame.name || "VkPixiFrame", VkPixiFrame);
 };
 
-export { VERSION as $, AbstractRenderer as A, BufferUsage as B, Container as C, DOMAdapter as D, ExtensionType as E, Bounds as F, GpuProgram as G, TexturePool as H, FilterEffect as I, Sprite as J, getAttributeInfoFromFormat as K, unsafeEvalSupported as L, Matrix as M, uid as N, Rectangle as O, Point as P, SystemRunner as Q, RendererType as R, STENCIL_MODES as S, Ticker as T, UPDATE_PRIORITY as U, multiplyColors as V, UPDATE_VISIBLE as W, UPDATE_COLOR as X, UPDATE_BLEND as Y, Color as Z, getLocalBounds as _, EventEmitter as a, deprecation as a0, v8_0_0 as a1, RendererInitHook as a2, Geometry as a3, compileHighShaderGlProgram as a4, colorBitGl as a5, generateTextureBatchBitGl as a6, roundPixelsBitGl as a7, getBatchSamplersUniformGroup as a8, ViewContainer as a9, GraphicsContext as aa, TextStyle as ab, generateTextStyleKey as ac, BatchableGraphics as ad, getAdjustedBlendModeBlend as ae, ViewableBuffer as af, TextureStyle as ag, BitmapFontManager as ah, getBitmapTextLayout as ai, Cache as aj, updateQuadBounds as ak, CanvasTextMetrics as al, nextPow2 as am, fontStringFromTextStyle as an, getCanvasFillStyle as ao, GraphicsContextSystem as ap, VkPixiFrame as aq, _sfc_main$1 as ar, _sfc_main$2 as as, types as at, Buffer as b, BindGroup as c, createIdFromString as d, extensions as e, fastCopy as f, getTextureBatchBindGroup as g, CLEAR as h, CanvasSource as i, TextureSource as j, UniformGroup as k, CanvasPool as l, compileHighShaderGpuProgram as m, colorBit as n, generateTextureBatchBit as o, roundPixelsBit as p, getMaxTexturesPerBatch as q, removeItems as r, Shader as s, Texture as t, GlProgram as u, TextureMatrix as v, warn as w, DefaultBatcher as x, BigPool as y, getGlobalBounds as z };
+export { VERSION as $, AbstractRenderer as A, BufferUsage as B, Container as C, DOMAdapter as D, ExtensionType as E, Bounds as F, GpuProgram as G, TexturePool as H, FilterEffect as I, Sprite as J, getAttributeInfoFromFormat as K, unsafeEvalSupported as L, Matrix as M, uid as N, Rectangle as O, Point as P, SystemRunner as Q, RendererType as R, STENCIL_MODES as S, Ticker as T, UPDATE_PRIORITY as U, multiplyColors as V, UPDATE_VISIBLE as W, UPDATE_COLOR as X, UPDATE_BLEND as Y, Color as Z, getLocalBounds as _, EventEmitter as a, deprecation as a0, v8_0_0 as a1, RendererInitHook as a2, Geometry as a3, compileHighShaderGlProgram as a4, colorBitGl as a5, generateTextureBatchBitGl as a6, roundPixelsBitGl as a7, getBatchSamplersUniformGroup as a8, ViewContainer as a9, GraphicsContext as aa, TextStyle as ab, generateTextStyleKey as ac, BatchableGraphics as ad, getAdjustedBlendModeBlend as ae, ViewableBuffer as af, TextureStyle as ag, BitmapFontManager as ah, getBitmapTextLayout as ai, Cache as aj, updateQuadBounds as ak, CanvasTextMetrics as al, nextPow2 as am, fontStringFromTextStyle as an, getCanvasFillStyle as ao, GraphicsContextSystem as ap, _sfc_main$3 as aq, _sfc_main$2 as ar, _sfc_main$1 as as, VkPixiFrame as at, types as au, Buffer as b, BindGroup as c, createIdFromString as d, extensions as e, fastCopy as f, getTextureBatchBindGroup as g, CLEAR as h, CanvasSource as i, TextureSource as j, UniformGroup as k, CanvasPool as l, compileHighShaderGpuProgram as m, colorBit as n, generateTextureBatchBit as o, roundPixelsBit as p, getMaxTexturesPerBatch as q, removeItems as r, Shader as s, Texture as t, GlProgram as u, TextureMatrix as v, warn as w, DefaultBatcher as x, BigPool as y, getGlobalBounds as z };

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

@@ -1,7 +1,8 @@
-import VkPixiFrameWrapper from './src/app.vue';
 import VkPixiFrameCore from './src/core.vue';
 import VkPixiFrame from './src/index.vue';
+import VkPixiFrameProvider from './src/provider.vue';
+import VkPixiFrameView from './src/view.vue';
 export * as __VkPixiFrame from './src/types';
 export { TickerStatus } from '@vunk/shared/enum';
-export { VkPixiFrame, VkPixiFrameCore, VkPixiFrameWrapper, };
+export { VkPixiFrameCore, VkPixiFrameProvider, VkPixiFrameView, };
 export default VkPixiFrame;

package/components/pixi-frame/index.mjs

@@ -1,6 +1,6 @@
-export { aq as VkPixiFrame, ar as VkPixiFrameCore, as as VkPixiFrameWrapper, at as __VkPixiFrame, aq as default } from '../index2.mjs';
+export { aq as VkPixiFrameCore, ar as VkPixiFrameProvider, as as VkPixiFrameView, au as __VkPixiFrame, at as default } from '../index2.mjs';
 export { TickerStatus } from '@vunk/shared/enum';
 import 'vue';
-import '../_commonjsHelpers.mjs';
 import '../browser.mjs';
+import '../_commonjsHelpers.mjs';
 import '../_plugin-vue_export-helper.mjs';

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

@@ -70,33 +70,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     loop: boolean;
     frameRate: number;
 }, {}, {
-    AppView: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-        appendTo: null;
-        defaultOptions: {
-            type: import("vue").PropType<Partial<import("pixi.js").ApplicationOptions>>;
-            default: () => {};
-        };
-    }>, {
-        props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-            appendTo: null;
-            defaultOptions: {
-                type: import("vue").PropType<Partial<import("pixi.js").ApplicationOptions>>;
-                default: () => {};
-            };
-        }>> & Readonly<{}> & {}>;
-        app: import("pixi.js").Application<import("pixi.js").Renderer>;
-        appRef: import("vue").Ref<HTMLDivElement, HTMLDivElement>;
-        ready: import("vue").Ref<boolean, boolean>;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        appendTo: null;
-        defaultOptions: {
-            type: import("vue").PropType<Partial<import("pixi.js").ApplicationOptions>>;
-            default: () => {};
-        };
-    }>> & Readonly<{}>, {
-        defaultOptions: Partial<import("pixi.js").ApplicationOptions>;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    CoreView: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    CoreComp: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         data: {
             type: {
                 (arrayLength: number): string[];
@@ -214,5 +188,28 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         loop: boolean;
         frameRate: number;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    ProviderComp: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    ViewComp: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        defaultOptions: {
+            type: import("vue").PropType<Partial<import("pixi.js").ApplicationOptions>>;
+            default: () => {};
+        };
+    }>, {
+        props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            defaultOptions: {
+                type: import("vue").PropType<Partial<import("pixi.js").ApplicationOptions>>;
+                default: () => {};
+            };
+        }>> & Readonly<{}> & {}>;
+        app: import("pixi.js").Application<import("pixi.js").Renderer>;
+        appRef: import("vue").Ref<HTMLDivElement, HTMLDivElement>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        defaultOptions: {
+            type: import("vue").PropType<Partial<import("pixi.js").ApplicationOptions>>;
+            default: () => {};
+        };
+    }>> & Readonly<{}>, {
+        defaultOptions: Partial<import("pixi.js").ApplicationOptions>;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/pixi-frame/src/{app.vue.d.ts → view.vue.d.ts}

@@ -1,14 +1,12 @@
 import type { ApplicationOptions } from 'pixi.js';
 import type { PropType, Ref } from 'vue';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    appendTo: null;
     defaultOptions: {
         type: PropType<Partial<ApplicationOptions>>;
         default: () => {};
     };
 }>, {
     props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-        appendTo: null;
         defaultOptions: {
             type: PropType<Partial<ApplicationOptions>>;
             default: () => {};
@@ -16,9 +14,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>> & Readonly<{}> & {}>;
     app: import("pixi.js").Application<import("pixi.js").Renderer>;
     appRef: Ref<HTMLDivElement, HTMLDivElement>;
-    ready: Ref<boolean, boolean>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    appendTo: null;
     defaultOptions: {
         type: PropType<Partial<ApplicationOptions>>;
         default: () => {};

package/components/webworkerAll.mjs

@@ -2,7 +2,7 @@ import './init.mjs';
 import './index2.mjs';
 import './colorToUniform.mjs';
 import 'vue';
-import './_commonjsHelpers.mjs';
 import '@vunk/shared/enum';
 import './browser.mjs';
+import './_commonjsHelpers.mjs';
 import './_plugin-vue_export-helper.mjs';

package/package.json

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