pixifact 0.11.2 → 0.13.0

package/dist/compiler/typescriptCompiler.js

@@ -46,6 +46,10 @@ class CompileContext {
         this.#lines.push(`export function ${functionName}(root: Group${this.#hasEvents() ? `, ${actionsParameter}: Record<string, () => void> = {}` : ''}) {`);
         this.#lines.push('  const __pixifactNodes: Record<string, Container> = {};');
         this.#lines.push('  const __pixifactSlots: Record<string, Container> = {};');
+        if (this.options.registrationPath) {
+            this.#lines.push("  const __pixifactSceneSource = Symbol.for('pixifact.scene.source');");
+            this.#recordSource('root', null);
+        }
         this.#applyRootProps();
         for (const [index, child] of this.template.children.entries()) {
             this.#compileNode(child, 'root', actionsParameter, String(index));
@@ -219,6 +223,7 @@ class CompileContext {
         const variable = node.id || this.#anonymousName(node.type);
         const locator = compilerSceneNodeLocator(node, path);
         this.#lines.push(`  const ${variable} = ${this.#constructPixiNode(node)};`);
+        this.#recordSource(variable, locator);
         this.#applyNodeId(variable, node.id);
         this.#applyPixiProps(variable, node.props, false, undefined, node.type);
         this.#applyParentSorting(parent, node.props);
@@ -234,6 +239,7 @@ class CompileContext {
         const constructorName = this.#sceneConstructorName(node);
         const constructorArgs = this.#sceneInstanceConstructorArgs(variable, node);
         this.#lines.push(`  const ${variable} = new ${constructorName}(${constructorArgs});`);
+        this.#recordSource(variable, locator, true);
         this.#applyPixiProps(variable, node.props, true, node);
         for (const [name, action] of Object.entries(node.events)) {
             this.#runtimeImports.add('connectSceneEvent');
@@ -260,6 +266,7 @@ class CompileContext {
             const constructorName = this.#sceneConstructorName(node);
             const constructorArgs = this.#sceneInstanceConstructorArgs(variable, node);
             this.#lines.push(`  const ${variable} = new ${constructorName}(${constructorArgs});`);
+            this.#recordSource(variable, locator, true);
             this.#applyPixiProps(variable, node.props, true, node);
             for (const [name, action] of Object.entries(node.events)) {
                 this.#runtimeImports.add('connectSceneEvent');
@@ -278,6 +285,7 @@ class CompileContext {
         const variable = node.id || this.#anonymousName(node.type);
         const locator = compilerSceneNodeLocator(node, path);
         this.#lines.push(`  const ${variable} = ${this.#constructPixiNode(node)};`);
+        this.#recordSource(variable, locator);
         this.#applyNodeId(variable, node.id);
         this.#applyPixiProps(variable, node.props, false, undefined, node.type);
         this.#lines.push(`  __pixifactNodes[${JSON.stringify(locator)}] = ${variable};`);
@@ -596,6 +604,12 @@ class CompileContext {
             this.#lines.push(`  ${variable}.label = ${JSON.stringify(id)};`);
         }
     }
+    #recordSource(variable, locator, instance = false) {
+        if (!this.options.registrationPath)
+            return;
+        const symbol = instance ? "Symbol.for('pixifact.scene.instanceSource')" : '__pixifactSceneSource';
+        this.#lines.push(`  Reflect.set(${variable}, ${symbol}, { scenePath: ${JSON.stringify(this.options.registrationPath)}, locator: ${JSON.stringify(locator)} });`);
+    }
     #applyParentSorting(parent, props) {
         if (props.zIndex !== undefined) {
             this.#lines.push(`  ${parent}.sortableChildren = true;`);

package/dist/project/index.d.ts

@@ -1,11 +1,5 @@
 import { type PixifactViewportConfig } from '../viewport.js';
 export declare const pixifactProjectConfigFileName = "pixifact.project.json";
-export interface PixifactProjectRunConfig {
-    command: string;
-    args: string[];
-    cwd: string;
-    url?: string;
-}
 export interface PixifactProjectResolution {
     width: number;
     height: number;
@@ -18,7 +12,6 @@ export interface PixifactProjectConfig {
     scenes: Record<string, string>;
     resourcePacks?: string[];
     remoteResourcePacks?: Record<string, string>;
-    run?: PixifactProjectRunConfig;
 }
 export type PixifactProjectViewport = PixifactViewportConfig;
 export interface PixifactProjectSummary {
@@ -28,7 +21,6 @@ export interface PixifactProjectSummary {
     scenes: Record<string, string>;
     resourcePacks?: string[];
     remoteResourcePacks?: Record<string, string>;
-    run?: PixifactProjectRunConfig;
 }
 export declare const defaultPixifactProjectResolution: PixifactProjectResolution;
 export declare const defaultPixifactProjectViewport: PixifactProjectViewport;

package/dist/project/index.js

@@ -42,13 +42,6 @@ function normalizeProjectPath(value, name) {
     }
     return input;
 }
-function normalizeRunCwd(value) {
-    const input = assertString(value, 'run.cwd').replaceAll('\\', '/');
-    if (input === '.') {
-        return input;
-    }
-    return normalizeProjectPath(input, 'run.cwd');
-}
 function parseScenes(value) {
     const scenes = assertRecord(value, 'scenes');
     return Object.fromEntries(Object.entries(scenes).map(([key, scenePath]) => [
@@ -82,21 +75,6 @@ function parseViewport(value) {
 function isPixifactViewportMode(value) {
     return pixifactViewportModes.includes(value);
 }
-function parseRun(value) {
-    if (value === undefined) {
-        return undefined;
-    }
-    const run = assertRecord(value, 'run');
-    if (!Array.isArray(run.args) || !run.args.every((arg) => typeof arg === 'string')) {
-        throw new Error('run.args must be an array of strings.');
-    }
-    return {
-        command: assertString(run.command, 'run.command'),
-        args: run.args,
-        cwd: normalizeRunCwd(run.cwd),
-        ...(run.url === undefined ? {} : { url: assertString(run.url, 'run.url') }),
-    };
-}
 function parseResourcePacks(value) {
     if (value === undefined) {
         return undefined;
@@ -161,7 +139,6 @@ export function parsePixifactProjectConfig(value) {
         scenes: parseScenes(config.scenes),
         ...(resourcePacks === undefined ? {} : { resourcePacks }),
         ...(remoteResourcePacks === undefined ? {} : { remoteResourcePacks }),
-        run: parseRun(config.run),
     };
 }
 export function summarizePixifactProjectConfig(config) {
@@ -172,6 +149,5 @@ export function summarizePixifactProjectConfig(config) {
         scenes: config.scenes,
         ...(config.resourcePacks === undefined ? {} : { resourcePacks: config.resourcePacks }),
         ...(config.remoteResourcePacks === undefined ? {} : { remoteResourcePacks: config.remoteResourcePacks }),
-        ...(config.run === undefined ? {} : { run: config.run }),
     };
 }

package/dist/runtime-dev/runtimeClient.js

@@ -1,5 +1,7 @@
-import { BitmapText, Graphics, Rectangle, Sprite, Text, } from 'pixi.js';
+import { BitmapText, Graphics, RenderTexture, Sprite, Text, } from 'pixi.js';
 const maxRetainedLogs = 500;
+const sceneSourceKey = Symbol.for('pixifact.scene.source');
+const sceneInstanceSourceKey = Symbol.for('pixifact.scene.instanceSource');
 const runtimeRequestEvent = 'pixifact:runtime:request';
 const runtimeResponseEvent = 'pixifact:runtime:response';
 const runtimeAnnounceEvent = 'pixifact:runtime:announce';
@@ -14,6 +16,14 @@ function boundsSnapshot(bounds) {
         height: bounds.height,
     };
 }
+function sourceSnapshot(node) {
+    const source = Reflect.get(node, sceneSourceKey);
+    const instanceSource = Reflect.get(node, sceneInstanceSourceKey);
+    return {
+        ...(source ? { source } : {}),
+        ...(instanceSource ? { instanceSource } : {}),
+    };
+}
 function basicNodeSnapshot(node, childIndex) {
     return {
         uid: node.uid,
@@ -28,6 +38,7 @@ function basicNodeSnapshot(node, childIndex) {
         renderable: node.renderable,
         zIndex: node.zIndex,
         eventMode: node.eventMode ?? null,
+        ...sourceSnapshot(node),
         children: node.children.map((child, index) => basicNodeSnapshot(child, index)),
     };
 }
@@ -109,6 +120,7 @@ function detailedNodeSnapshot(node) {
         blendMode: String(node.blendMode),
         eventMode: node.eventMode ?? null,
         cursor: node.cursor === undefined ? null : String(node.cursor),
+        ...sourceSnapshot(node),
         ...(specific ? { specific } : {}),
     };
 }
@@ -306,19 +318,25 @@ export function createPixifactRuntimeClient(options) {
     async function captureScreenshot(currentApp) {
         const width = Math.max(1, Math.floor(currentApp.screen.width));
         const height = Math.max(1, Math.floor(currentApp.screen.height));
-        const dataUrl = await currentApp.renderer.extract.base64({
-            target: currentApp.stage,
-            frame: new Rectangle(0, 0, width, height),
-            resolution: 1,
-            format: 'png',
-            clearColor: currentApp.renderer.background.colorRgba,
-        });
-        return {
-            runtimeId: options.runtimeId,
-            width,
-            height,
-            dataUrl,
-        };
+        const target = RenderTexture.create({ width, height, resolution: 1 });
+        try {
+            currentApp.stage.updateLocalTransform();
+            currentApp.renderer.render({
+                container: currentApp.stage,
+                transform: currentApp.stage.localTransform,
+                target,
+                clearColor: currentApp.renderer.background.colorRgba,
+            });
+            return {
+                runtimeId: options.runtimeId,
+                width,
+                height,
+                dataUrl: await currentApp.renderer.extract.base64(target),
+            };
+        }
+        finally {
+            target.destroy(true);
+        }
     }
     async function handleRequest(request) {
         if (request.type === 'logs') {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pixifact",
-  "version": "0.11.2",
+  "version": "0.13.0",
   "description": "Pixifact 2D UI 和轻量游戏 Scene 语义框架。",
   "packageManager": "bun@1.3.13",
   "main": "./dist/index.js",