@dreamerbird/camera-studio 0.0.0-stage → 0.2.0

package/dist/TopToolbar.js

@@ -0,0 +1,167 @@
+/**
+ * 顶栏工具条:三组连体按钮,组间留空——
+ *   [选择|移动|旋转|缩放] 变换模式(互斥单选,和 W/G/R/S 快捷键、对象
+ *     右键菜单共用 useGizmoMode 的 state;选择模式下只点选不挂手柄;
+ *     无选中对象时也可先设好模式)
+ *   [添加模型|添加路径|添加相机|添加锚点] 各弹各的框体
+ *   [画中画|导出视频] 输出
+ * 姿势/动作绑定具体物体,入口在右键模型的菜单里;物体的属性设置在各自
+ * 面板(见 docs/superpowers/specs/2026-09-12-asset-library-split-design.md)。
+ *
+ * 外观 = studio 原生工具条:连体容器(ToolbarSwitchSelectContainer)+
+ * 图标按钮(ToolbarIconButton),图标+hover tooltip。chordial 挂在 studio
+ * 的 shadow DOM 里(这里用不了),tooltip 是自实现的,样式照抄 BasicTooltip。
+ * 图标全部来自 @phosphor-icons/react(studio 图标包本来就是 phosphor
+ * 手移植,这里直接用库,风格天然一致)。
+ * --theatre-* 令牌定义在 studio 的 :host(shadow DOM),主文档不可见,
+ * 一律带同值兜底——令牌将来全局化时自动接管。
+ */
+import React, { useCallback, useRef } from 'react';
+import styled from 'styled-components';
+import { ArrowClockwise, ArrowsOut, ArrowsOutCardinal, Camera, Crosshair, Cube, Cursor, Export, Path, PictureInPicture, Stop, } from '@phosphor-icons/react';
+import ToolbarIconButton from '@dreamerbird/studio/uiComponents/toolbar/ToolbarIconButton';
+import ToolbarSwitchSelectContainer from '@dreamerbird/studio/uiComponents/toolbar/ToolbarSwitchSelectContainer';
+import useMenu from '@dreamerbird/studio/uiComponents/simpleContextMenu/useMenu';
+import { useT } from '@dreamerbird/studio/i18n';
+import { buildExportMenuItems } from './menuModel';
+// ---------------------------------------------------------------------------
+const Positioning = styled.div `
+  position: absolute;
+  top: 12px;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 10;
+  display: flex;
+  gap: 8px;
+  align-items: flex-start;
+`;
+/** 原生 ToolbarIconButton + 本页需要的两个变体:禁用置灰、导出中转红 */
+const Btn = styled(ToolbarIconButton) `
+  &:disabled {
+    opacity: 0.45;
+    cursor: default;
+    &:hover {
+      background: var(--theatre-panel-bg-80, rgba(40, 43, 47, 0.8));
+    }
+  }
+  &.danger {
+    color: #ff7a7a;
+  }
+
+  /* tooltip:样式照抄 studio BasicTooltip;按钮 relative,气泡钉在正下方 */
+  & > .tip {
+    position: absolute;
+    top: calc(100% + 8px);
+    left: 50%;
+    transform: translateX(-50%);
+    z-index: 10000;
+    padding: 6px 8px;
+    border-radius: 4px;
+    box-shadow: rgb(0 0 0 / 25%) 0px 2px 4px;
+    backdrop-filter: blur(8px) saturate(300%) contrast(65%) brightness(55%);
+    background-color: rgb(45 46 66 / 50%);
+    border: 0.5px solid rgb(86 100 110 / 46%);
+    color: var(--theatre-text-primary, #ffffff);
+    font-size: 11px;
+    font-weight: 400;
+    line-height: 1.5;
+    white-space: nowrap;
+    text-align: left;
+    pointer-events: none;
+    opacity: 0;
+    visibility: hidden;
+    transition:
+      opacity 0.15s ease 0.25s,
+      visibility 0.15s ease 0.25s;
+    .hint {
+      display: block;
+      color: var(--theatre-text-secondary, #cccccc);
+    }
+  }
+  &:hover > .tip {
+    opacity: 1;
+    visibility: visible;
+  }
+`;
+/** 画中画开启态:沿用原生 selected 高亮,颜色对齐小窗边框 */
+const PipBtn = styled(Btn) `
+  &.selected {
+    color: #6fb7ff;
+    border-bottom-color: #6fb7ff;
+  }
+`;
+function ToolbarBtn({ tip, hint, children, ...props }) {
+    return (React.createElement(Btn, { ...props },
+        children,
+        React.createElement("span", { className: "tip" },
+            tip,
+            hint ? React.createElement("span", { className: "hint" }, hint) : null)));
+}
+const GIZMO_MODES = [
+    {
+        mode: 'select',
+        tipKey: 'pg.gizmo.select',
+        hintKey: 'pg.gizmo.select.hint',
+        Icon: Cursor,
+    },
+    {
+        mode: 'translate',
+        tipKey: 'pg.gizmo.translate',
+        hintKey: 'pg.gizmo.translate.hint',
+        Icon: ArrowsOutCardinal,
+    },
+    {
+        mode: 'rotate',
+        tipKey: 'pg.gizmo.rotate',
+        hintKey: 'pg.gizmo.rotate.hint',
+        Icon: ArrowClockwise,
+    },
+    {
+        mode: 'scale',
+        tipKey: 'pg.gizmo.scale',
+        hintKey: 'pg.gizmo.scale.hint',
+        Icon: ArrowsOut,
+    },
+];
+export function TopToolbar({ gizmoMode, onSelectGizmoMode, onToggleModelLibrary, onTogglePathLibrary, onAddCamera, onAddAnchor, exportSinks, exporting, exportDisabled, onPickExportSink, onStopExport, pipVisible, onTogglePip, pipDisabled = false, libraryDisabled = false, }) {
+    const exportButtonRef = useRef(null);
+    const t = useT();
+    const exportMenuItems = useCallback(() => buildExportMenuItems(exportSinks, (sink) => onPickExportSink(sink)), [exportSinks, onPickExportSink]);
+    const [exportMenuNode, openExportMenu] = useMenu({ items: exportMenuItems });
+    return (React.createElement(Positioning, null,
+        React.createElement(ToolbarSwitchSelectContainer, null, GIZMO_MODES.map(({ mode, tipKey, hintKey, Icon }) => (React.createElement(ToolbarBtn, { key: mode, className: gizmoMode === mode ? 'selected' : undefined, onClick: () => onSelectGizmoMode(mode), tip: t(tipKey), hint: t(hintKey) },
+            React.createElement(Icon, { size: 16 }))))),
+        React.createElement(ToolbarSwitchSelectContainer, null,
+            React.createElement(ToolbarBtn, { disabled: libraryDisabled, onClick: onToggleModelLibrary, tip: t('pg.toolbar.addModel'), hint: libraryDisabled
+                    ? t('pg.toolbar.placing')
+                    : t('pg.toolbar.addModel.hint') },
+                React.createElement(Cube, { size: 16 })),
+            React.createElement(ToolbarBtn, { disabled: libraryDisabled, onClick: onTogglePathLibrary, tip: t('pg.toolbar.addPath'), hint: libraryDisabled
+                    ? t('pg.toolbar.placing')
+                    : t('pg.toolbar.addPath.hint') },
+                React.createElement(Path, { size: 16 })),
+            React.createElement(ToolbarBtn, { onClick: onAddCamera, tip: t('pg.toolbar.addCamera'), hint: t('pg.toolbar.addCamera.hint') },
+                React.createElement(Camera, { size: 16 })),
+            React.createElement(ToolbarBtn, { onClick: onAddAnchor, tip: t('pg.toolbar.addAnchor'), hint: t('pg.toolbar.addAnchor.hint') },
+                React.createElement(Crosshair, { size: 16 }))),
+        React.createElement(ToolbarSwitchSelectContainer, null,
+            React.createElement(ToolbarBtn, { as: PipBtn, onClick: onTogglePip, disabled: pipDisabled, className: pipVisible && !pipDisabled ? 'selected' : undefined, tip: t('pg.toolbar.pip'), hint: pipDisabled
+                    ? t('pg.toolbar.pip.disabled')
+                    : pipVisible
+                        ? t('pg.toolbar.pip.hide')
+                        : t('pg.toolbar.pip.show') },
+                React.createElement(PictureInPicture, { size: 16 })),
+            React.createElement(ToolbarBtn, { ref: exportButtonRef, disabled: exportDisabled && !exporting, className: exporting ? 'danger' : undefined, onClick: () => {
+                    if (exporting) {
+                        onStopExport();
+                        return;
+                    }
+                    const rect = exportButtonRef.current?.getBoundingClientRect();
+                    openExportMenu(rect ? { clientX: rect.left, clientY: rect.bottom + 4 } : undefined);
+                }, tip: exporting ? t('pg.toolbar.stopExport') : t('pg.toolbar.export'), hint: exporting
+                    ? t('pg.toolbar.export.esc')
+                    : exportDisabled
+                        ? t('pg.toolbar.pip.disabled')
+                        : t('pg.toolbar.export.hint') }, exporting ? React.createElement(Stop, { size: 16 }) : React.createElement(Export, { size: 16 }))),
+        exportMenuNode));
+}

package/dist/TopToolbar.test.d.ts

@@ -0,0 +1,2 @@
+import './i18n';
+//# sourceMappingURL=TopToolbar.test.d.ts.map

package/dist/TopToolbar.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopToolbar.test.d.ts","sourceRoot":"","sources":["../src/TopToolbar.test.tsx"],"names":[],"mappings":"AAcA,OAAO,QAAQ,CAAA"}

package/dist/TopToolbar.test.js

@@ -0,0 +1,107 @@
+/*
+ * @jest-environment jsdom
+ */
+/**
+ * 顶栏分组与变换模式组(移动/旋转/缩放)的测试:
+ * 三组连体容器带间隔排列;模式组互斥单选(当前模式带 selected 高亮),
+ * 点击把对应 mode 传给 onSelectGizmoMode(与 G/R/S、右键菜单同源)。
+ * jsdom 直渲(无 testing-library),与 App.hostFlows.test.tsx 同一套手法。
+ */
+import React from 'react';
+import { act } from 'react';
+import ReactDOM from 'react-dom/client';
+// 模块加载即把 pg.* 词条注入 i18n 单例;tips 断言依赖英文词典
+import './i18n';
+// studio 的 ToolbarIconButton 依赖 react-merge-refs,jest 把它映射成了
+// identity-obj-proxy(纯 ESM,transform 覆盖不到),这里补一个真实现。
+// jest-esbuild 不提升 jest.mock,doMock 先行登记、再运行时 require。
+jest.doMock('react-merge-refs', () => ({
+    mergeRefs: (refs) => (el) => {
+        for (const ref of refs) {
+            if (!ref)
+                continue;
+            if (typeof ref === 'function')
+                ref(el);
+            else
+                ref.current = el;
+        }
+    },
+}));
+const { TopToolbar } = require('./TopToolbar');
+function renderToolbar(overrides) {
+    const el = document.createElement('div');
+    document.body.appendChild(el);
+    const root = ReactDOM.createRoot(el);
+    const props = {
+        onToggleModelLibrary: () => { },
+        onTogglePathLibrary: () => { },
+        onAddCamera: () => { },
+        onAddAnchor: () => { },
+        exportSinks: [],
+        exporting: false,
+        exportDisabled: false,
+        onPickExportSink: () => { },
+        onStopExport: () => { },
+        pipVisible: false,
+        onTogglePip: () => { },
+        gizmoMode: overrides.gizmoMode ?? 'select',
+        onSelectGizmoMode: overrides.onSelectGizmoMode ?? (() => { }),
+    };
+    act(() => {
+        root.render(React.createElement(TopToolbar, { ...props }));
+    });
+    return {
+        el,
+        unmount: () => {
+            act(() => root.unmount());
+            el.remove();
+        },
+    };
+}
+/** 模式组 = 第一个连体容器;按 tooltip 文字找到对应按钮 */
+function modeButton(el, tip) {
+    const group = el.querySelector('div').children[0];
+    const btn = [...group.querySelectorAll('button')].find((b) => b.textContent?.includes(tip));
+    if (!btn)
+        throw new Error(`mode button "${tip}" not found`);
+    return btn;
+}
+describe('TopToolbar 分组', () => {
+    it('按钮分三组渲染:变换模式 / 添加 / 输出', () => {
+        const { el, unmount } = renderToolbar({});
+        const groups = el.querySelector('div').children;
+        expect(groups.length).toBe(3);
+        // 组内按钮数:4 个模式 + 4 个添加 + 2 个输出
+        expect(groups[0].querySelectorAll('button').length).toBe(4);
+        expect(groups[1].querySelectorAll('button').length).toBe(4);
+        expect(groups[2].querySelectorAll('button').length).toBe(2);
+        unmount();
+    });
+});
+describe('变换模式组', () => {
+    it('当前模式的按钮带 selected 高亮,其余不带', () => {
+        const { el, unmount } = renderToolbar({ gizmoMode: 'rotate' });
+        expect(modeButton(el, 'Select').classList.contains('selected')).toBe(false);
+        expect(modeButton(el, 'Move').classList.contains('selected')).toBe(false);
+        expect(modeButton(el, 'Rotate').classList.contains('selected')).toBe(true);
+        expect(modeButton(el, 'Scale').classList.contains('selected')).toBe(false);
+        unmount();
+    });
+    it('点击模式按钮传出对应 mode', () => {
+        const onSelectGizmoMode = jest.fn();
+        const { el, unmount } = renderToolbar({ onSelectGizmoMode });
+        for (const [tip, mode] of [
+            ['Select', 'select'],
+            ['Move', 'translate'],
+            ['Rotate', 'rotate'],
+            ['Scale', 'scale'],
+        ]) {
+            act(() => {
+                modeButton(el, tip).dispatchEvent(new MouseEvent('click', { bubbles: true }));
+            });
+            expect(onSelectGizmoMode).toHaveBeenLastCalledWith(mode);
+        }
+        expect(onSelectGizmoMode).toHaveBeenCalledTimes(4);
+        unmount();
+    });
+});

package/dist/agent/api.d.ts

@@ -0,0 +1,95 @@
+import { AgentCommandRegistry } from './registry';
+import type { RegistryDescription } from './registry';
+import type { AgentRuntime, AgentSceneRuntimeHandlers } from './runtime';
+import type { SceneApi, ObjectsApi } from './commands/scene';
+import type { SelectionApi } from './commands/selection';
+import type { ModelsApi } from './commands/models';
+import type { AssetsApi } from './commands/assets';
+import type { PosesApi, PosesSessionApi } from './commands/poses';
+import type { AnimationsApi } from './commands/animations';
+import type { CamerasApi } from './commands/cameras';
+import type { AnchorsApi } from './commands/anchors';
+import type { PathsApi, PathsSessionApi } from './commands/paths';
+import type { SequenceApi } from './commands/sequence';
+import type { KeyframesApi } from './commands/keyframes';
+import type { HistoryApi } from './commands/history';
+import type { ViewApi } from './commands/view';
+import type { UiApi } from './commands/ui';
+import type { ProjectApi } from './commands/project';
+import type { ExportsApi } from './commands/exports';
+import type { JobsApi } from './commands/jobs';
+/** 宿主可见的完整 JS API(spec §7 句柄 + §9 命令面) */
+export type CameraStudioApi = {
+    /**
+     * 当前执行代次的就绪 promise:project、studio 与 Scene Runtime
+     * (CameraScene 绑定完整 handlers)就位后兑现;代次失效(解绑)以
+     * API_NOT_READY 拒绝,会话拆解以 API_DISPOSED 拒绝。
+     */
+    readonly ready: Promise<void>;
+    /** 当前会话的命令清单与元数据(spec 8.1);未激活 API_NOT_READY,已拆解 API_DISPOSED */
+    describe(): RegistryDescription;
+    readonly scene: SceneApi;
+    readonly selection: SelectionApi;
+    readonly objects: ObjectsApi;
+    readonly models: ModelsApi;
+    readonly assets: AssetsApi;
+    readonly poses: PosesApi & {
+        readonly session: PosesSessionApi;
+    };
+    readonly animations: AnimationsApi;
+    readonly cameras: CamerasApi;
+    readonly anchors: AnchorsApi;
+    readonly paths: PathsApi & {
+        readonly session: PathsSessionApi;
+    };
+    readonly sequence: SequenceApi;
+    readonly keyframes: KeyframesApi;
+    readonly history: HistoryApi;
+    readonly view: ViewApi;
+    readonly ui: UiApi;
+    readonly project: ProjectApi;
+    readonly exports: ExportsApi;
+    readonly jobs: JobsApi;
+};
+type RegistryFactory = (runtime: AgentRuntime) => AgentCommandRegistry;
+/** 测试隔离口:替换注册表构造(默认 registerAllAgentCommands 全量注册) */
+export type CameraStudioApiOptions = {
+    buildRegistry?: RegistryFactory;
+};
+/** activate 的会话级选项 */
+export type CameraStudioApiActivateOptions = {
+    /** 场景首次 ready 后挂载 window.__cameraStudioApi;dispose 时删除 */
+    exposeGlobal?: boolean;
+};
+export type CameraStudioApiController = {
+    readonly api: CameraStudioApi;
+    /** 激活新会话(首 boot 或重挂);防御性先 dispose 未拆解的旧会话 */
+    activate(runtime: AgentRuntime, options?: CameraStudioApiActivateOptions): void;
+    /** 会话拆解:拒绝全部 pending 等待,摘除 window 全局,永久失效到下次 activate */
+    dispose(): void;
+    /**
+     * CameraScene 绑定完整 Scene Runtime handlers 并 markReady;
+     * 返回解绑函数:解绑使本代次就绪失效并换代(后续调用挂起到重绑)。
+     * 无活跃会话(CameraScene 直连宿主、未走 bootstrap)时静默降级为 no-op。
+     */
+    bindSceneHandlers(handlers: Partial<AgentSceneRuntimeHandlers>): (() => void) | undefined;
+    /** 内部:当前会话的 runtime(测试与页内桥接调试用) */
+    currentRuntime(): AgentRuntime | undefined;
+    /** 内部:当前会话的注册表(桥接客户端接线用,Task 6) */
+    currentRegistry(): AgentCommandRegistry | undefined;
+};
+export declare function createCameraStudioApi(options?: CameraStudioApiOptions): CameraStudioApiController;
+/** 宿主门面单例:useCameraStudio 首帧与后续 render 返回同一对象 */
+export declare function getCameraStudioApi(): CameraStudioApi;
+/** 内部(bootstrap 会话装配用;不随 index.ts 公开):激活新会话 */
+export declare function activateCameraStudioApi(runtime: AgentRuntime, options?: CameraStudioApiActivateOptions): void;
+/** 内部(bootstrap 会话拆解用):先于此会话其余清理调用 */
+export declare function disposeCameraStudioApi(): void;
+/** 内部(CameraScene 绑定用):绑定完整 Scene Runtime handlers 并 markReady */
+export declare function bindCameraStudioSceneHandlers(handlers: Partial<AgentSceneRuntimeHandlers>): (() => void) | undefined;
+/** 内部(测试与页内桥接调试用):当前会话的 runtime;无会话返回 undefined */
+export declare function getActiveAgentRuntime(): AgentRuntime | undefined;
+/** 内部(bootstrap 桥接接线用,Task 6):当前会话的注册表;无会话返回 undefined */
+export declare function getActiveAgentRegistry(): AgentCommandRegistry | undefined;
+export {};
+//# sourceMappingURL=api.d.ts.map

package/dist/agent/api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../src/agent/api.ts"],"names":[],"mappings":"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"}