@vmz/plugin-live2d 0.0.17 → 0.0.19

package/components/Live2dStage.vmz

@@ -1,96 +1,96 @@
-<template>
-  <div class="live2d-stage" id={hostId}></div>
-</template>
-
-<style>
-.live2d-stage {
-  position: relative;
-  width: 100%;
-  min-height: 320px;
-  height: 100%;
-  background: color-mix(in srgb, var(--vmz-surface-page, #f5f9fc) 88%, #fff);
-  border: 1px solid var(--vmz-line-default, rgba(0, 0, 0, 0.08));
-  border-radius: 0.5rem;
-  overflow: hidden;
-}
-
-.live2d-stage canvas {
-  display: block;
-  width: 100%;
-  height: 100%;
-}
-</style>
-
-<script client>
-import { createLive2dStage } from '@doki-land/live2d';
-
-let stageSeq = 0;
-
-export default class Live2dStage {
-  /** Append-only model sources; new entries spawn actors on the stage. */
-  public sources = [];
-  public updateMode = 'auto';
-  public prefer = ['canvas2d', 'webgl2', 'webgpu'];
-
-  hostId = `live2d-stage-${++stageSeq}`;
-  stage = null;
-  _canvas = null;
-  _applied = 0;
-  _syncTimer = 0;
-
-  onMount() {
-    void this.boot();
-    this._syncTimer = window.setInterval(() => this.syncSources(), 150);
-  }
-
-  onDestroy() {
-    if (this._syncTimer) clearInterval(this._syncTimer);
-    this._syncTimer = 0;
-    void this.stage?.destroy?.();
-    this.stage = null;
-    this._canvas = null;
-  }
-
-  ensureCanvas(host) {
-    host.replaceChildren();
-    const canvas = document.createElement('canvas');
-    const rect = host.getBoundingClientRect();
-    const w = Math.max(320, Math.round(rect.width || 640));
-    const h = Math.max(320, Math.round(rect.height || 480));
-    const dpr = Math.min(window.devicePixelRatio || 1, 2);
-    canvas.width = Math.max(1, Math.round(w * dpr));
-    canvas.height = Math.max(1, Math.round(h * dpr));
-    canvas.style.width = '100%';
-    canvas.style.height = '100%';
-    host.appendChild(canvas);
-    this._canvas = canvas;
-    return canvas;
-  }
-
-  async boot() {
-    const host = document.getElementById(this.hostId);
-    if (!host) return;
-    const canvas = this.ensureCanvas(host);
-    const stage = createLive2dStage({ updateMode: this.updateMode, prefer: this.prefer });
-    await stage.mount(canvas);
-    this.stage = stage;
-    await this.syncSources();
-  }
-
-  async syncSources() {
-    if (!this.stage) return;
-    const list = Array.isArray(this.sources) ? this.sources : [];
-    while (this._applied < list.length) {
-      const src = list[this._applied];
-      this._applied += 1;
-      if (!src) continue;
-      try {
-        const actor = this.stage.createActor();
-        await actor.load(src);
-      } catch {
-        /* skip failed actor; keep stage usable */
-      }
-    }
-  }
-}
-</script>
+<template>
+  <div class="live2d-stage" id={hostId}></div>
+</template>
+
+<style>
+.live2d-stage {
+  position: relative;
+  width: 100%;
+  min-height: 320px;
+  height: 100%;
+  background: color-mix(in srgb, var(--vmz-surface-page, #f5f9fc) 88%, #fff);
+  border: 1px solid var(--vmz-line-default, rgba(0, 0, 0, 0.08));
+  border-radius: 0.5rem;
+  overflow: hidden;
+}
+
+.live2d-stage canvas {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+</style>
+
+<script client>
+import { createLive2dStage } from '@doki-land/live2d';
+
+let stageSeq = 0;
+
+export default class Live2dStage {
+  /** Append-only model sources; new entries spawn actors on the stage. */
+  public sources = [];
+  public updateMode = 'auto';
+  public prefer = ['canvas2d', 'webgl2', 'webgpu'];
+
+  hostId = `live2d-stage-${++stageSeq}`;
+  stage = null;
+  _canvas = null;
+  _applied = 0;
+  _syncTimer = 0;
+
+  onMount() {
+    void this.boot();
+    this._syncTimer = window.setInterval(() => this.syncSources(), 150);
+  }
+
+  onDestroy() {
+    if (this._syncTimer) clearInterval(this._syncTimer);
+    this._syncTimer = 0;
+    void this.stage?.destroy?.();
+    this.stage = null;
+    this._canvas = null;
+  }
+
+  ensureCanvas(host) {
+    host.replaceChildren();
+    const canvas = document.createElement('canvas');
+    const rect = host.getBoundingClientRect();
+    const w = Math.max(320, Math.round(rect.width || 640));
+    const h = Math.max(320, Math.round(rect.height || 480));
+    const dpr = Math.min(window.devicePixelRatio || 1, 2);
+    canvas.width = Math.max(1, Math.round(w * dpr));
+    canvas.height = Math.max(1, Math.round(h * dpr));
+    canvas.style.width = '100%';
+    canvas.style.height = '100%';
+    host.appendChild(canvas);
+    this._canvas = canvas;
+    return canvas;
+  }
+
+  async boot() {
+    const host = document.getElementById(this.hostId);
+    if (!host) return;
+    const canvas = this.ensureCanvas(host);
+    const stage = createLive2dStage({ updateMode: this.updateMode, prefer: this.prefer });
+    await stage.mount(canvas);
+    this.stage = stage;
+    await this.syncSources();
+  }
+
+  async syncSources() {
+    if (!this.stage) return;
+    const list = Array.isArray(this.sources) ? this.sources : [];
+    while (this._applied < list.length) {
+      const src = list[this._applied];
+      this._applied += 1;
+      if (!src) continue;
+      try {
+        const actor = this.stage.createActor();
+        await actor.load(src);
+      } catch {
+        /* skip failed actor; keep stage usable */
+      }
+    }
+  }
+}
+</script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vmz/plugin-live2d",
-  "version": "0.0.17",
+  "version": "0.0.19",
   "description": "VMZ Live2D adapter — <Live2dHost> for @doki-land/live2d in VMZ applications",
   "type": "module",
   "license": "MIT",
@@ -36,7 +36,7 @@
     "test": "vitest run --passWithNoTests"
   },
   "dependencies": {
-    "@doki-land/live2d": "0.0.17",
+    "@doki-land/live2d": "0.0.19",
     "@vmz/plugin": "^0.1.8"
   }
 }