@certe/atmos-editor 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENCE +674 -0
- package/README.md +206 -0
- package/dist/asset-browser-client.d.ts +24 -0
- package/dist/asset-browser-client.d.ts.map +1 -0
- package/dist/asset-browser-client.js +60 -0
- package/dist/asset-browser-client.js.map +1 -0
- package/dist/asset-types.d.ts +33 -0
- package/dist/asset-types.d.ts.map +1 -0
- package/dist/asset-types.js +2 -0
- package/dist/asset-types.js.map +1 -0
- package/dist/bootstrap/default-factories.d.ts +38 -0
- package/dist/bootstrap/default-factories.d.ts.map +1 -0
- package/dist/bootstrap/default-factories.js +268 -0
- package/dist/bootstrap/default-factories.js.map +1 -0
- package/dist/bootstrap/editor-physics.d.ts +81 -0
- package/dist/bootstrap/editor-physics.d.ts.map +1 -0
- package/dist/bootstrap/editor-physics.js +512 -0
- package/dist/bootstrap/editor-physics.js.map +1 -0
- package/dist/bootstrap/geometry-cache.d.ts +5 -0
- package/dist/bootstrap/geometry-cache.d.ts.map +1 -0
- package/dist/bootstrap/geometry-cache.js +18 -0
- package/dist/bootstrap/geometry-cache.js.map +1 -0
- package/dist/bootstrap/keyboard-shortcuts.d.ts +4 -0
- package/dist/bootstrap/keyboard-shortcuts.d.ts.map +1 -0
- package/dist/bootstrap/keyboard-shortcuts.js +43 -0
- package/dist/bootstrap/keyboard-shortcuts.js.map +1 -0
- package/dist/bootstrap/model-import.d.ts +9 -0
- package/dist/bootstrap/model-import.d.ts.map +1 -0
- package/dist/bootstrap/model-import.js +55 -0
- package/dist/bootstrap/model-import.js.map +1 -0
- package/dist/bootstrap/start-editor.d.ts +3 -0
- package/dist/bootstrap/start-editor.d.ts.map +1 -0
- package/dist/bootstrap/start-editor.js +506 -0
- package/dist/bootstrap/start-editor.js.map +1 -0
- package/dist/bootstrap/start-player.d.ts +23 -0
- package/dist/bootstrap/start-player.d.ts.map +1 -0
- package/dist/bootstrap/start-player.js +205 -0
- package/dist/bootstrap/start-player.js.map +1 -0
- package/dist/bootstrap/types.d.ts +160 -0
- package/dist/bootstrap/types.d.ts.map +1 -0
- package/dist/bootstrap/types.js +2 -0
- package/dist/bootstrap/types.js.map +1 -0
- package/dist/camera-frustum-renderer.d.ts +15 -0
- package/dist/camera-frustum-renderer.d.ts.map +1 -0
- package/dist/camera-frustum-renderer.js +110 -0
- package/dist/camera-frustum-renderer.js.map +1 -0
- package/dist/camera-presets.d.ts +10 -0
- package/dist/camera-presets.d.ts.map +1 -0
- package/dist/camera-presets.js +15 -0
- package/dist/camera-presets.js.map +1 -0
- package/dist/collider-gizmo-renderer.d.ts +13 -0
- package/dist/collider-gizmo-renderer.d.ts.map +1 -0
- package/dist/collider-gizmo-renderer.js +217 -0
- package/dist/collider-gizmo-renderer.js.map +1 -0
- package/dist/color-utils.d.ts +5 -0
- package/dist/color-utils.d.ts.map +1 -0
- package/dist/color-utils.js +13 -0
- package/dist/color-utils.js.map +1 -0
- package/dist/components/asset-browser-panel.d.ts +14 -0
- package/dist/components/asset-browser-panel.d.ts.map +1 -0
- package/dist/components/asset-browser-panel.js +247 -0
- package/dist/components/asset-browser-panel.js.map +1 -0
- package/dist/components/context-menu.d.ts +14 -0
- package/dist/components/context-menu.d.ts.map +1 -0
- package/dist/components/context-menu.js +48 -0
- package/dist/components/context-menu.js.map +1 -0
- package/dist/components/editor-shell.d.ts +27 -0
- package/dist/components/editor-shell.d.ts.map +1 -0
- package/dist/components/editor-shell.js +327 -0
- package/dist/components/editor-shell.js.map +1 -0
- package/dist/components/fields/boolean-field.d.ts +8 -0
- package/dist/components/fields/boolean-field.d.ts.map +1 -0
- package/dist/components/fields/boolean-field.js +11 -0
- package/dist/components/fields/boolean-field.js.map +1 -0
- package/dist/components/fields/color-field.d.ts +8 -0
- package/dist/components/fields/color-field.d.ts.map +1 -0
- package/dist/components/fields/color-field.js +34 -0
- package/dist/components/fields/color-field.js.map +1 -0
- package/dist/components/fields/decimal-input.d.ts +13 -0
- package/dist/components/fields/decimal-input.d.ts.map +1 -0
- package/dist/components/fields/decimal-input.js +49 -0
- package/dist/components/fields/decimal-input.js.map +1 -0
- package/dist/components/fields/enum-field.d.ts +12 -0
- package/dist/components/fields/enum-field.d.ts.map +1 -0
- package/dist/components/fields/enum-field.js +20 -0
- package/dist/components/fields/enum-field.js.map +1 -0
- package/dist/components/fields/game-object-ref-field.d.ts +11 -0
- package/dist/components/fields/game-object-ref-field.d.ts.map +1 -0
- package/dist/components/fields/game-object-ref-field.js +73 -0
- package/dist/components/fields/game-object-ref-field.js.map +1 -0
- package/dist/components/fields/material-asset-field.d.ts +10 -0
- package/dist/components/fields/material-asset-field.d.ts.map +1 -0
- package/dist/components/fields/material-asset-field.js +114 -0
- package/dist/components/fields/material-asset-field.js.map +1 -0
- package/dist/components/fields/number-field.d.ts +10 -0
- package/dist/components/fields/number-field.d.ts.map +1 -0
- package/dist/components/fields/number-field.js +21 -0
- package/dist/components/fields/number-field.js.map +1 -0
- package/dist/components/fields/quat-field.d.ts +8 -0
- package/dist/components/fields/quat-field.d.ts.map +1 -0
- package/dist/components/fields/quat-field.js +43 -0
- package/dist/components/fields/quat-field.js.map +1 -0
- package/dist/components/fields/string-field.d.ts +7 -0
- package/dist/components/fields/string-field.d.ts.map +1 -0
- package/dist/components/fields/string-field.js +20 -0
- package/dist/components/fields/string-field.js.map +1 -0
- package/dist/components/fields/vec3-field.d.ts +8 -0
- package/dist/components/fields/vec3-field.d.ts.map +1 -0
- package/dist/components/fields/vec3-field.js +30 -0
- package/dist/components/fields/vec3-field.js.map +1 -0
- package/dist/components/hierarchy-node.d.ts +18 -0
- package/dist/components/hierarchy-node.d.ts.map +1 -0
- package/dist/components/hierarchy-node.js +77 -0
- package/dist/components/hierarchy-node.js.map +1 -0
- package/dist/components/hierarchy-panel.d.ts +14 -0
- package/dist/components/hierarchy-panel.d.ts.map +1 -0
- package/dist/components/hierarchy-panel.js +228 -0
- package/dist/components/hierarchy-panel.js.map +1 -0
- package/dist/components/inspector-panel.d.ts +14 -0
- package/dist/components/inspector-panel.d.ts.map +1 -0
- package/dist/components/inspector-panel.js +288 -0
- package/dist/components/inspector-panel.js.map +1 -0
- package/dist/components/material-inspector.d.ts +10 -0
- package/dist/components/material-inspector.d.ts.map +1 -0
- package/dist/components/material-inspector.js +130 -0
- package/dist/components/material-inspector.js.map +1 -0
- package/dist/components/post-process-panel.d.ts +9 -0
- package/dist/components/post-process-panel.d.ts.map +1 -0
- package/dist/components/post-process-panel.js +70 -0
- package/dist/components/post-process-panel.js.map +1 -0
- package/dist/components/project-gate.d.ts +8 -0
- package/dist/components/project-gate.d.ts.map +1 -0
- package/dist/components/project-gate.js +87 -0
- package/dist/components/project-gate.js.map +1 -0
- package/dist/components/settings-panel.d.ts +8 -0
- package/dist/components/settings-panel.d.ts.map +1 -0
- package/dist/components/settings-panel.js +108 -0
- package/dist/components/settings-panel.js.map +1 -0
- package/dist/components/use-splitter.d.ts +4 -0
- package/dist/components/use-splitter.d.ts.map +1 -0
- package/dist/components/use-splitter.js +22 -0
- package/dist/components/use-splitter.js.map +1 -0
- package/dist/editor-mount.d.ts +36 -0
- package/dist/editor-mount.d.ts.map +1 -0
- package/dist/editor-mount.js +161 -0
- package/dist/editor-mount.js.map +1 -0
- package/dist/editor-state.d.ts +55 -0
- package/dist/editor-state.d.ts.map +1 -0
- package/dist/editor-state.js +181 -0
- package/dist/editor-state.js.map +1 -0
- package/dist/gizmo-meshes.d.ts +9 -0
- package/dist/gizmo-meshes.d.ts.map +1 -0
- package/dist/gizmo-meshes.js +229 -0
- package/dist/gizmo-meshes.js.map +1 -0
- package/dist/gizmo-renderer.d.ts +16 -0
- package/dist/gizmo-renderer.d.ts.map +1 -0
- package/dist/gizmo-renderer.js +77 -0
- package/dist/gizmo-renderer.js.map +1 -0
- package/dist/gizmo-state.d.ts +25 -0
- package/dist/gizmo-state.d.ts.map +1 -0
- package/dist/gizmo-state.js +269 -0
- package/dist/gizmo-state.js.map +1 -0
- package/dist/index.d.ts +33 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +22 -0
- package/dist/index.js.map +1 -0
- package/dist/joint-gizmo-renderer.d.ts +13 -0
- package/dist/joint-gizmo-renderer.d.ts.map +1 -0
- package/dist/joint-gizmo-renderer.js +133 -0
- package/dist/joint-gizmo-renderer.js.map +1 -0
- package/dist/material-manager.d.ts +22 -0
- package/dist/material-manager.d.ts.map +1 -0
- package/dist/material-manager.js +156 -0
- package/dist/material-manager.js.map +1 -0
- package/dist/object-picker.d.ts +11 -0
- package/dist/object-picker.d.ts.map +1 -0
- package/dist/object-picker.js +104 -0
- package/dist/object-picker.js.map +1 -0
- package/dist/orbit-camera.d.ts +38 -0
- package/dist/orbit-camera.d.ts.map +1 -0
- package/dist/orbit-camera.js +180 -0
- package/dist/orbit-camera.js.map +1 -0
- package/dist/overlay-renderer.d.ts +23 -0
- package/dist/overlay-renderer.d.ts.map +1 -0
- package/dist/overlay-renderer.js +95 -0
- package/dist/overlay-renderer.js.map +1 -0
- package/dist/player-entry.d.ts +6 -0
- package/dist/player-entry.d.ts.map +1 -0
- package/dist/player-entry.js +4 -0
- package/dist/player-entry.js.map +1 -0
- package/dist/project-fs.d.ts +28 -0
- package/dist/project-fs.d.ts.map +1 -0
- package/dist/project-fs.js +258 -0
- package/dist/project-fs.js.map +1 -0
- package/dist/project-seed.d.ts +3 -0
- package/dist/project-seed.d.ts.map +1 -0
- package/dist/project-seed.js +35 -0
- package/dist/project-seed.js.map +1 -0
- package/dist/project-settings.d.ts +29 -0
- package/dist/project-settings.d.ts.map +1 -0
- package/dist/project-settings.js +69 -0
- package/dist/project-settings.js.map +1 -0
- package/dist/property-setters.d.ts +4 -0
- package/dist/property-setters.d.ts.map +1 -0
- package/dist/property-setters.js +58 -0
- package/dist/property-setters.js.map +1 -0
- package/dist/scene-operations.d.ts +14 -0
- package/dist/scene-operations.d.ts.map +1 -0
- package/dist/scene-operations.js +195 -0
- package/dist/scene-operations.js.map +1 -0
- package/dist/scene-snapshot.d.ts +28 -0
- package/dist/scene-snapshot.d.ts.map +1 -0
- package/dist/scene-snapshot.js +97 -0
- package/dist/scene-snapshot.js.map +1 -0
- package/dist/script-discovery.d.ts +12 -0
- package/dist/script-discovery.d.ts.map +1 -0
- package/dist/script-discovery.js +81 -0
- package/dist/script-discovery.js.map +1 -0
- package/dist/selection-utils.d.ts +4 -0
- package/dist/selection-utils.d.ts.map +1 -0
- package/dist/selection-utils.js +19 -0
- package/dist/selection-utils.js.map +1 -0
- package/dist/simple-material-loader.d.ts +17 -0
- package/dist/simple-material-loader.d.ts.map +1 -0
- package/dist/simple-material-loader.js +85 -0
- package/dist/simple-material-loader.js.map +1 -0
- package/dist/wireframe-renderer.d.ts +18 -0
- package/dist/wireframe-renderer.d.ts.map +1 -0
- package/dist/wireframe-renderer.js +106 -0
- package/dist/wireframe-renderer.js.map +1 -0
- package/package.json +65 -0
- package/src/index.ts +48 -0
- package/vite-plugin.d.ts +15 -0
- package/vite-plugin.mjs +395 -0
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { DeserializeContext, Component, GameObject } from '@certe/atmos-core';
|
|
2
|
+
import type { EditorState } from '../editor-state.js';
|
|
3
|
+
import type { OrbitCamera } from '../orbit-camera.js';
|
|
4
|
+
import type { ProjectFileSystem } from '../project-fs.js';
|
|
5
|
+
import type { PrimitiveType } from '../editor-mount.js';
|
|
6
|
+
import type { ScriptAsset, AssetEntry } from '../asset-types.js';
|
|
7
|
+
interface EditorShellProps {
|
|
8
|
+
editorState: EditorState;
|
|
9
|
+
projectFs: ProjectFileSystem;
|
|
10
|
+
onOpenProject: () => Promise<void>;
|
|
11
|
+
deserializeContext?: DeserializeContext;
|
|
12
|
+
componentFactory?: (ctor: new () => Component, go: GameObject) => void;
|
|
13
|
+
componentFilter?: (ctor: new () => Component, go: GameObject) => string | null;
|
|
14
|
+
componentRemover?: (comp: Component, go: GameObject) => void;
|
|
15
|
+
primitiveFactory?: (type: PrimitiveType, name: string) => GameObject;
|
|
16
|
+
orbitCamera?: OrbitCamera;
|
|
17
|
+
canvas?: HTMLCanvasElement;
|
|
18
|
+
showAssetBrowser?: boolean;
|
|
19
|
+
onAttachScript?: (script: ScriptAsset, go: GameObject) => void;
|
|
20
|
+
onLoadModel?: (entry: AssetEntry) => void;
|
|
21
|
+
onLoadScene?: (entry: AssetEntry) => void;
|
|
22
|
+
onDropModel?: (path: string, target: GameObject | null) => void;
|
|
23
|
+
renderSystem?: import('@certe/atmos-renderer').RenderSystem;
|
|
24
|
+
}
|
|
25
|
+
export declare function EditorShell({ editorState, projectFs, onOpenProject, deserializeContext, componentFactory, componentFilter, componentRemover, primitiveFactory, orbitCamera, canvas, showAssetBrowser, onAttachScript, onLoadModel, onLoadScene, onDropModel, renderSystem, }: EditorShellProps): import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
export {};
|
|
27
|
+
//# sourceMappingURL=editor-shell.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"editor-shell.d.ts","sourceRoot":"","sources":["../../src/components/editor-shell.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACnF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAU1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEjE,UAAU,gBAAgB;IACxB,WAAW,EAAE,WAAW,CAAC;IACzB,SAAS,EAAE,iBAAiB,CAAC;IAC7B,aAAa,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACnC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,SAAS,EAAE,EAAE,EAAE,UAAU,KAAK,IAAI,CAAC;IACvE,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,SAAS,EAAE,EAAE,EAAE,UAAU,KAAK,MAAM,GAAG,IAAI,CAAC;IAC/E,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,UAAU,KAAK,IAAI,CAAC;IAC7D,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,KAAK,UAAU,CAAC;IACrE,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE,EAAE,UAAU,KAAK,IAAI,CAAC;IAC/D,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAC1C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAC1C,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAC;IAChE,YAAY,CAAC,EAAE,OAAO,uBAAuB,EAAE,YAAY,CAAC;CAC7D;AAoHD,wBAAgB,WAAW,CAAC,EAC1B,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,eAAe,EAAE,gBAAgB,EAC9G,gBAAgB,EAAE,WAAW,EAAE,MAAM,EACrC,gBAAgB,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,GACtF,EAAE,gBAAgB,2CAgYlB"}
|
|
@@ -0,0 +1,327 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { useState, useEffect, useCallback, useRef } from 'react';
|
|
3
|
+
import { Scene, serializeScene, deserializeScene, serializePostProcess, applyPostProcess } from '@certe/atmos-core';
|
|
4
|
+
import { CAMERA_PRESETS, applyCameraPreset } from '../camera-presets.js';
|
|
5
|
+
import { HierarchyPanel } from './hierarchy-panel.js';
|
|
6
|
+
import { InspectorPanel } from './inspector-panel.js';
|
|
7
|
+
import { AssetBrowserPanel } from './asset-browser-panel.js';
|
|
8
|
+
import { ProjectGate } from './project-gate.js';
|
|
9
|
+
import { PostProcessPanel } from './post-process-panel.js';
|
|
10
|
+
import { SettingsPanel } from './settings-panel.js';
|
|
11
|
+
import { useSplitter } from './use-splitter.js';
|
|
12
|
+
/* ── Layout ─────────────────────────────────────────── */
|
|
13
|
+
const shellStyle = {
|
|
14
|
+
display: 'flex',
|
|
15
|
+
flexDirection: 'column',
|
|
16
|
+
height: '100%',
|
|
17
|
+
fontFamily: "'Inter', system-ui, -apple-system, sans-serif",
|
|
18
|
+
color: '#c8c8c8',
|
|
19
|
+
background: '#181818',
|
|
20
|
+
fontSize: '12px',
|
|
21
|
+
};
|
|
22
|
+
const toolbarStyle = {
|
|
23
|
+
display: 'flex',
|
|
24
|
+
alignItems: 'center',
|
|
25
|
+
gap: '4px',
|
|
26
|
+
padding: '5px 12px',
|
|
27
|
+
background: '#1f1f1f',
|
|
28
|
+
borderBottom: '1px solid #2a2a2a',
|
|
29
|
+
flexShrink: 0,
|
|
30
|
+
};
|
|
31
|
+
const bodyStyle = {
|
|
32
|
+
display: 'flex',
|
|
33
|
+
flex: 1,
|
|
34
|
+
overflow: 'hidden',
|
|
35
|
+
};
|
|
36
|
+
const viewportStyle = {
|
|
37
|
+
flex: 1,
|
|
38
|
+
position: 'relative',
|
|
39
|
+
overflow: 'hidden',
|
|
40
|
+
background: '#111',
|
|
41
|
+
};
|
|
42
|
+
const canvasStyle = {
|
|
43
|
+
width: '100%',
|
|
44
|
+
height: '100%',
|
|
45
|
+
display: 'block',
|
|
46
|
+
};
|
|
47
|
+
/* ── Toolbar elements ───────────────────────────────── */
|
|
48
|
+
const btnBase = {
|
|
49
|
+
background: '#2c2c2c',
|
|
50
|
+
color: '#b8b8b8',
|
|
51
|
+
border: '1px solid #3a3a3a',
|
|
52
|
+
borderRadius: '4px',
|
|
53
|
+
padding: '4px 10px',
|
|
54
|
+
fontSize: '11px',
|
|
55
|
+
cursor: 'pointer',
|
|
56
|
+
fontFamily: 'inherit',
|
|
57
|
+
lineHeight: '16px',
|
|
58
|
+
transition: 'background 0.1s, border-color 0.1s',
|
|
59
|
+
};
|
|
60
|
+
const btnActive = {
|
|
61
|
+
...btnBase,
|
|
62
|
+
background: '#1a4a7a',
|
|
63
|
+
borderColor: '#3388cc',
|
|
64
|
+
color: '#e8e8e8',
|
|
65
|
+
};
|
|
66
|
+
const btnAccent = {
|
|
67
|
+
...btnBase,
|
|
68
|
+
background: '#1a6a3a',
|
|
69
|
+
borderColor: '#2a8a4a',
|
|
70
|
+
color: '#e8e8e8',
|
|
71
|
+
};
|
|
72
|
+
const selectBase = {
|
|
73
|
+
...btnBase,
|
|
74
|
+
padding: '4px 6px',
|
|
75
|
+
appearance: 'auto',
|
|
76
|
+
};
|
|
77
|
+
const sepStyle = {
|
|
78
|
+
width: '1px',
|
|
79
|
+
height: '18px',
|
|
80
|
+
background: '#333',
|
|
81
|
+
margin: '0 4px',
|
|
82
|
+
flexShrink: 0,
|
|
83
|
+
};
|
|
84
|
+
const groupStyle = {
|
|
85
|
+
display: 'flex',
|
|
86
|
+
gap: '2px',
|
|
87
|
+
};
|
|
88
|
+
const labelStyle = {
|
|
89
|
+
fontSize: '11px',
|
|
90
|
+
color: '#666',
|
|
91
|
+
marginRight: '2px',
|
|
92
|
+
userSelect: 'none',
|
|
93
|
+
};
|
|
94
|
+
/* ── Global: hide number-input spinners ────────────── */
|
|
95
|
+
const HIDE_SPINNERS_CSS = `
|
|
96
|
+
input[type="number"]::-webkit-inner-spin-button,
|
|
97
|
+
input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
|
|
98
|
+
input[type="number"] { -moz-appearance: textfield; }
|
|
99
|
+
[data-atmos-toolbar] button:active {
|
|
100
|
+
filter: brightness(1.4);
|
|
101
|
+
transform: scale(0.96);
|
|
102
|
+
}
|
|
103
|
+
[data-atmos-toolbar] button:hover,
|
|
104
|
+
[data-atmos-toolbar] select:hover {
|
|
105
|
+
filter: brightness(1.15);
|
|
106
|
+
}
|
|
107
|
+
`;
|
|
108
|
+
/* ── Component ──────────────────────────────────────── */
|
|
109
|
+
export function EditorShell({ editorState, projectFs, onOpenProject, deserializeContext, componentFactory, componentFilter, componentRemover, primitiveFactory, orbitCamera, canvas, showAssetBrowser, onAttachScript, onLoadModel, onLoadScene, onDropModel, renderSystem, }) {
|
|
110
|
+
const [, setTick] = useState(0);
|
|
111
|
+
const [toast, setToast] = useState(null);
|
|
112
|
+
const [settingsOpen, setSettingsOpen] = useState(false);
|
|
113
|
+
const toastTimer = useRef(undefined);
|
|
114
|
+
const viewportRef = useRef(null);
|
|
115
|
+
// Resizable panel sizes
|
|
116
|
+
const [hierarchyWidth, setHierarchyWidth] = useState(200);
|
|
117
|
+
const [inspectorWidth, setInspectorWidth] = useState(260);
|
|
118
|
+
const [assetBrowserHeight, setAssetBrowserHeight] = useState(180);
|
|
119
|
+
const clamp = (v, min, max) => Math.min(max, Math.max(min, v));
|
|
120
|
+
const hierarchySplitter = useSplitter('horizontal', useCallback((d) => {
|
|
121
|
+
setHierarchyWidth((w) => clamp(w + d, 120, 400));
|
|
122
|
+
}, []));
|
|
123
|
+
const inspectorSplitter = useSplitter('horizontal', useCallback((d) => {
|
|
124
|
+
setInspectorWidth((w) => clamp(w - d, 180, 500));
|
|
125
|
+
}, []));
|
|
126
|
+
const assetSplitter = useSplitter('vertical', useCallback((d) => {
|
|
127
|
+
setAssetBrowserHeight((h) => clamp(h - d, 80, 400));
|
|
128
|
+
}, []));
|
|
129
|
+
const showToast = useCallback((msg) => {
|
|
130
|
+
clearTimeout(toastTimer.current);
|
|
131
|
+
setToast(msg);
|
|
132
|
+
toastTimer.current = setTimeout(() => setToast(null), 2000);
|
|
133
|
+
}, []);
|
|
134
|
+
// Inject global style to hide number-input spinners (once)
|
|
135
|
+
useEffect(() => {
|
|
136
|
+
const id = 'atmos-hide-spinners';
|
|
137
|
+
if (document.getElementById(id))
|
|
138
|
+
return;
|
|
139
|
+
const style = document.createElement('style');
|
|
140
|
+
style.id = id;
|
|
141
|
+
style.textContent = HIDE_SPINNERS_CSS;
|
|
142
|
+
document.head.appendChild(style);
|
|
143
|
+
return () => { style.remove(); };
|
|
144
|
+
}, []);
|
|
145
|
+
// Move canvas into viewport slot on mount, and adopt #atmos-ui overlay
|
|
146
|
+
useEffect(() => {
|
|
147
|
+
if (viewportRef.current && canvas) {
|
|
148
|
+
Object.assign(canvas.style, canvasStyle);
|
|
149
|
+
canvas.style.visibility = 'visible';
|
|
150
|
+
canvas.style.position = 'static';
|
|
151
|
+
viewportRef.current.appendChild(canvas);
|
|
152
|
+
// Move user's #atmos-ui overlay into the viewport so it renders on top of the canvas
|
|
153
|
+
const uiOverlay = document.getElementById('atmos-ui');
|
|
154
|
+
if (uiOverlay) {
|
|
155
|
+
Object.assign(uiOverlay.style, {
|
|
156
|
+
position: 'absolute',
|
|
157
|
+
top: '0',
|
|
158
|
+
left: '0',
|
|
159
|
+
width: '100%',
|
|
160
|
+
height: '100%',
|
|
161
|
+
pointerEvents: 'none',
|
|
162
|
+
});
|
|
163
|
+
viewportRef.current.appendChild(uiOverlay);
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
}, [canvas]);
|
|
167
|
+
useEffect(() => {
|
|
168
|
+
const unsub1 = editorState.on('pauseChanged', () => setTick((t) => t + 1));
|
|
169
|
+
const unsub2 = editorState.on('gizmoModeChanged', () => setTick((t) => t + 1));
|
|
170
|
+
const unsub3 = editorState.on('projectChanged', () => setTick((t) => t + 1));
|
|
171
|
+
const unsub4 = editorState.on('settingsChanged', () => setTick((t) => t + 1));
|
|
172
|
+
return () => { unsub1(); unsub2(); unsub3(); unsub4(); };
|
|
173
|
+
}, [editorState]);
|
|
174
|
+
const handleSave = useCallback(async () => {
|
|
175
|
+
const projectFs = editorState.projectFs;
|
|
176
|
+
const data = serializeScene(editorState.scene);
|
|
177
|
+
if (renderSystem)
|
|
178
|
+
data.postProcess = serializePostProcess(renderSystem);
|
|
179
|
+
const json = JSON.stringify(data, null, 2);
|
|
180
|
+
if (projectFs?.isOpen) {
|
|
181
|
+
let name = editorState.sceneName;
|
|
182
|
+
if (!name) {
|
|
183
|
+
const input = window.prompt('Scene name:', 'main');
|
|
184
|
+
if (!input)
|
|
185
|
+
return;
|
|
186
|
+
name = input.trim().replace(/\.scene\.json$/i, '');
|
|
187
|
+
if (!name)
|
|
188
|
+
return;
|
|
189
|
+
}
|
|
190
|
+
editorState.sceneName = name;
|
|
191
|
+
await projectFs.writeFile(`scenes/${name}.scene.json`, json);
|
|
192
|
+
// Update defaultScene in project settings so builds use this scene
|
|
193
|
+
if (editorState.settingsManager) {
|
|
194
|
+
editorState.settingsManager.updateDefaultScene(name);
|
|
195
|
+
}
|
|
196
|
+
showToast(`Saved ${name}.scene.json`);
|
|
197
|
+
}
|
|
198
|
+
else {
|
|
199
|
+
const blob = new Blob([json], { type: 'application/json' });
|
|
200
|
+
const url = URL.createObjectURL(blob);
|
|
201
|
+
const a = document.createElement('a');
|
|
202
|
+
a.href = url;
|
|
203
|
+
a.download = 'scene.json';
|
|
204
|
+
a.click();
|
|
205
|
+
URL.revokeObjectURL(url);
|
|
206
|
+
}
|
|
207
|
+
}, [editorState]);
|
|
208
|
+
const handleSaveAs = useCallback(async () => {
|
|
209
|
+
const projectFs = editorState.projectFs;
|
|
210
|
+
if (!projectFs?.isOpen)
|
|
211
|
+
return;
|
|
212
|
+
const data = serializeScene(editorState.scene);
|
|
213
|
+
if (renderSystem)
|
|
214
|
+
data.postProcess = serializePostProcess(renderSystem);
|
|
215
|
+
const json = JSON.stringify(data, null, 2);
|
|
216
|
+
const input = window.prompt('Scene name:', editorState.sceneName || 'main');
|
|
217
|
+
if (!input)
|
|
218
|
+
return;
|
|
219
|
+
const name = input.trim().replace(/\.scene\.json$/i, '');
|
|
220
|
+
if (!name)
|
|
221
|
+
return;
|
|
222
|
+
editorState.sceneName = name;
|
|
223
|
+
await projectFs.writeFile(`scenes/${name}.scene.json`, json);
|
|
224
|
+
}, [editorState]);
|
|
225
|
+
const handleLoad = useCallback(async () => {
|
|
226
|
+
const projectFs = editorState.projectFs;
|
|
227
|
+
if (projectFs?.isOpen) {
|
|
228
|
+
try {
|
|
229
|
+
const files = await projectFs.listFiles('scenes');
|
|
230
|
+
const scenes = files.filter((f) => f.endsWith('.scene.json'));
|
|
231
|
+
if (scenes.length === 0) {
|
|
232
|
+
console.warn('[Editor] No scenes found in project');
|
|
233
|
+
return;
|
|
234
|
+
}
|
|
235
|
+
let scenePath;
|
|
236
|
+
if (scenes.length === 1) {
|
|
237
|
+
scenePath = scenes[0];
|
|
238
|
+
}
|
|
239
|
+
else {
|
|
240
|
+
const names = scenes.map((f) => f.replace(/^scenes\//, '').replace(/\.scene\.json$/, ''));
|
|
241
|
+
const choice = window.prompt(`Load scene:\n${names.join(', ')}`, names[0]);
|
|
242
|
+
if (!choice)
|
|
243
|
+
return;
|
|
244
|
+
const trimmed = choice.trim();
|
|
245
|
+
scenePath = `scenes/${trimmed}.scene.json`;
|
|
246
|
+
}
|
|
247
|
+
const json = await projectFs.readTextFile(scenePath);
|
|
248
|
+
const data = JSON.parse(json);
|
|
249
|
+
const ctx = deserializeContext;
|
|
250
|
+
const scene = deserializeScene(data, ctx);
|
|
251
|
+
if (ctx?.onComplete)
|
|
252
|
+
await ctx.onComplete();
|
|
253
|
+
const name = scenePath.replace(/^scenes\//, '').replace(/\.scene\.json$/, '');
|
|
254
|
+
editorState.sceneName = name;
|
|
255
|
+
editorState.setScene(scene);
|
|
256
|
+
if (data.postProcess && renderSystem)
|
|
257
|
+
applyPostProcess(renderSystem, data.postProcess);
|
|
258
|
+
}
|
|
259
|
+
catch (err) {
|
|
260
|
+
console.warn('[Editor] Failed to load scene from project:', err);
|
|
261
|
+
}
|
|
262
|
+
}
|
|
263
|
+
else {
|
|
264
|
+
const input = document.createElement('input');
|
|
265
|
+
input.type = 'file';
|
|
266
|
+
input.accept = '.json';
|
|
267
|
+
input.onchange = () => {
|
|
268
|
+
const file = input.files?.[0];
|
|
269
|
+
if (!file)
|
|
270
|
+
return;
|
|
271
|
+
const reader = new FileReader();
|
|
272
|
+
reader.onload = async () => {
|
|
273
|
+
const data = JSON.parse(reader.result);
|
|
274
|
+
const ctx = deserializeContext;
|
|
275
|
+
const scene = deserializeScene(data, ctx);
|
|
276
|
+
if (ctx?.onComplete)
|
|
277
|
+
await ctx.onComplete();
|
|
278
|
+
editorState.setScene(scene);
|
|
279
|
+
if (data.postProcess && renderSystem)
|
|
280
|
+
applyPostProcess(renderSystem, data.postProcess);
|
|
281
|
+
};
|
|
282
|
+
reader.readAsText(file);
|
|
283
|
+
};
|
|
284
|
+
input.click();
|
|
285
|
+
}
|
|
286
|
+
}, [editorState, deserializeContext]);
|
|
287
|
+
const gizmoButtons = [
|
|
288
|
+
{ mode: 'translate', label: 'Move' },
|
|
289
|
+
{ mode: 'rotate', label: 'Rotate' },
|
|
290
|
+
{ mode: 'scale', label: 'Scale' },
|
|
291
|
+
];
|
|
292
|
+
const handleCameraPreset = (e) => {
|
|
293
|
+
const preset = CAMERA_PRESETS.find((p) => p.name === e.target.value);
|
|
294
|
+
if (preset && orbitCamera) {
|
|
295
|
+
const camera = orbitCamera.camera;
|
|
296
|
+
if (camera) {
|
|
297
|
+
applyCameraPreset(orbitCamera, preset, camera);
|
|
298
|
+
}
|
|
299
|
+
}
|
|
300
|
+
e.target.value = '';
|
|
301
|
+
};
|
|
302
|
+
// Show project gate if no project is open
|
|
303
|
+
if (!editorState.projectFs?.isOpen) {
|
|
304
|
+
return (_jsx("div", { style: shellStyle, children: _jsx(ProjectGate, { projectFs: projectFs, onProjectOpened: onOpenProject }) }));
|
|
305
|
+
}
|
|
306
|
+
const materialManager = editorState.materialManager ?? undefined;
|
|
307
|
+
return (_jsxs("div", { style: shellStyle, children: [_jsxs("div", { style: toolbarStyle, "data-atmos-toolbar": true, children: [_jsx("span", { style: { fontSize: '12px', fontWeight: 700, color: '#888', marginRight: '8px', letterSpacing: '0.5px' }, children: "ATMOS" }), _jsx("span", { style: { fontSize: '11px', color: '#6ab0d6', marginRight: '4px', fontWeight: 500 }, children: editorState.sceneName || 'Untitled' }), _jsx("div", { style: sepStyle }), _jsx("button", { style: editorState.paused ? btnAccent : btnActive, onMouseDown: (e) => { e.preventDefault(); editorState.togglePause(); }, children: editorState.paused ? '\u25B6 Play' : '\u23F8 Pause' }), _jsxs("div", { style: groupStyle, children: [_jsx("button", { style: btnBase, onClick: () => editorState.setScene(new Scene()), children: "New" }), _jsx("button", { style: btnBase, onClick: handleSave, children: "Save" }), editorState.projectFs?.isOpen && (_jsx("button", { style: btnBase, onClick: handleSaveAs, children: "Save As" })), _jsx("button", { style: btnBase, onClick: handleLoad, children: "Load" })] }), _jsx("div", { style: sepStyle }), _jsx("span", { style: labelStyle, children: "Tool" }), _jsx("div", { style: groupStyle, children: gizmoButtons.map(({ mode, label }) => (_jsx("button", { style: editorState.gizmoMode === mode ? btnActive : btnBase, onClick: () => editorState.setGizmoMode(mode), children: label }, mode))) }), _jsx("button", { style: editorState.snapEnabled ? btnActive : btnBase, onClick: () => { editorState.toggleSnap(); setTick((t) => t + 1); }, children: "Snap" }), _jsx("div", { style: sepStyle }), _jsx("span", { style: labelStyle, children: "View" }), _jsxs("select", { style: selectBase, onChange: handleCameraPreset, defaultValue: "", children: [_jsx("option", { value: "", disabled: true, children: "Camera" }), CAMERA_PRESETS.map((p) => (_jsx("option", { value: p.name, children: p.name }, p.name)))] }), primitiveFactory && (_jsxs(_Fragment, { children: [_jsx("div", { style: sepStyle }), _jsx("span", { style: labelStyle, children: "Create" }), _jsxs("select", { style: selectBase, value: "", onChange: (e) => {
|
|
308
|
+
const type = e.target.value;
|
|
309
|
+
if (!type)
|
|
310
|
+
return;
|
|
311
|
+
const name = type.charAt(0).toUpperCase() + type.slice(1);
|
|
312
|
+
const go = primitiveFactory(type, name);
|
|
313
|
+
editorState.scene.add(go);
|
|
314
|
+
editorState.select(go);
|
|
315
|
+
}, children: [_jsx("option", { value: "", disabled: true, children: "Add..." }), _jsx("option", { value: "cube", children: "Cube" }), _jsx("option", { value: "sphere", children: "Sphere" }), _jsx("option", { value: "cylinder", children: "Cylinder" }), _jsx("option", { value: "plane", children: "Plane" }), _jsx("option", { value: "camera", children: "Camera" }), _jsx("option", { value: "directionalLight", children: "Directional Light" }), _jsx("option", { value: "pointLight", children: "Point Light" }), _jsx("option", { value: "spotLight", children: "Spot Light" })] })] })), _jsx("div", { style: { flex: 1 } }), editorState.settingsManager && (_jsx("button", { style: btnBase, onClick: () => setSettingsOpen(true), title: "Project Settings", children: '\u2699' }))] }), _jsxs("div", { style: bodyStyle, children: [_jsx(HierarchyPanel, { editorState: editorState, primitiveFactory: primitiveFactory, onDropModel: onDropModel ? (path, parent) => onDropModel(path, parent) : undefined, onFocusObject: orbitCamera ? (obj) => {
|
|
316
|
+
obj.transform.updateWorldMatrix();
|
|
317
|
+
const wm = obj.transform.worldMatrix;
|
|
318
|
+
const pos = new Float32Array([wm[12], wm[13], wm[14]]);
|
|
319
|
+
orbitCamera.focusOn(pos);
|
|
320
|
+
} : undefined, style: { width: `${hierarchyWidth}px`, minWidth: `${hierarchyWidth}px` } }), _jsx("div", { onMouseDown: hierarchySplitter.onMouseDown, style: { width: '5px', cursor: 'col-resize', background: 'transparent', flexShrink: 0 }, onMouseEnter: (e) => { e.currentTarget.style.background = '#3a3a3a'; }, onMouseLeave: (e) => { e.currentTarget.style.background = 'transparent'; } }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', flex: 1, overflow: 'hidden' }, children: [_jsx("div", { ref: viewportRef, style: viewportStyle, children: toast && (_jsx("div", { style: {
|
|
321
|
+
position: 'absolute', top: 8, left: '50%', transform: 'translateX(-50%)',
|
|
322
|
+
background: '#1a6a3a', color: '#e8e8e8', padding: '5px 14px',
|
|
323
|
+
borderRadius: '4px', fontSize: '11px', fontFamily: 'inherit',
|
|
324
|
+
zIndex: 100, pointerEvents: 'none', whiteSpace: 'nowrap',
|
|
325
|
+
}, children: toast })) }), showAssetBrowser && (_jsxs(_Fragment, { children: [_jsx("div", { onMouseDown: assetSplitter.onMouseDown, style: { height: '5px', cursor: 'row-resize', background: 'transparent', flexShrink: 0 }, onMouseEnter: (e) => { e.currentTarget.style.background = '#3a3a3a'; }, onMouseLeave: (e) => { e.currentTarget.style.background = 'transparent'; } }), _jsx(AssetBrowserPanel, { editorState: editorState, onAttachScript: onAttachScript, onLoadModel: onLoadModel, onLoadScene: onLoadScene, style: { height: `${assetBrowserHeight}px`, minHeight: `${assetBrowserHeight}px` } })] }))] }), _jsx("div", { onMouseDown: inspectorSplitter.onMouseDown, style: { width: '5px', cursor: 'col-resize', background: 'transparent', flexShrink: 0 }, onMouseEnter: (e) => { e.currentTarget.style.background = '#3a3a3a'; }, onMouseLeave: (e) => { e.currentTarget.style.background = 'transparent'; } }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', width: `${inspectorWidth}px`, minWidth: `${inspectorWidth}px`, borderLeft: '1px solid #2a2a2a', overflow: 'hidden' }, children: [_jsx(InspectorPanel, { editorState: editorState, materialManager: materialManager, componentFactory: componentFactory, componentFilter: componentFilter, componentRemover: componentRemover, onDropModel: onDropModel ? (path, go) => onDropModel(path, go) : undefined }), renderSystem && _jsx(PostProcessPanel, { renderSystem: renderSystem, editorState: editorState })] })] }), settingsOpen && editorState.settingsManager && (_jsx(SettingsPanel, { settingsManager: editorState.settingsManager, onClose: () => setSettingsOpen(false) }))] }));
|
|
326
|
+
}
|
|
327
|
+
//# sourceMappingURL=editor-shell.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"editor-shell.js","sourceRoot":"","sources":["../../src/components/editor-shell.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
interface BooleanFieldProps {
|
|
2
|
+
label: string;
|
|
3
|
+
value: boolean;
|
|
4
|
+
onChange: (value: boolean) => void;
|
|
5
|
+
}
|
|
6
|
+
export declare function BooleanField({ label, value, onChange }: BooleanFieldProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=boolean-field.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"boolean-field.d.ts","sourceRoot":"","sources":["../../../src/components/fields/boolean-field.tsx"],"names":[],"mappings":"AAEA,UAAU,iBAAiB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC;AASD,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAWzE"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
const rowStyle = {
|
|
3
|
+
display: 'flex',
|
|
4
|
+
alignItems: 'center',
|
|
5
|
+
justifyContent: 'space-between',
|
|
6
|
+
padding: '2px 0',
|
|
7
|
+
};
|
|
8
|
+
export function BooleanField({ label, value, onChange }) {
|
|
9
|
+
return (_jsxs("div", { style: rowStyle, children: [_jsx("span", { style: { fontSize: '12px', color: '#aaa' }, children: label }), _jsx("input", { type: "checkbox", checked: value, onChange: (e) => onChange(e.target.checked) })] }));
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=boolean-field.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"boolean-field.js","sourceRoot":"","sources":["../../../src/components/fields/boolean-field.tsx"],"names":[],"mappings":";AAQA,MAAM,QAAQ,GAAwB;IACpC,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,eAAe;IAC/B,OAAO,EAAE,OAAO;CACjB,CAAC;AAEF,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAqB;IACxE,OAAO,CACL,eAAK,KAAK,EAAE,QAAQ,aAClB,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,YAAG,KAAK,GAAQ,EAChE,gBACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,KAAK,EACd,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,GAC3C,IACE,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
interface ColorFieldProps {
|
|
2
|
+
label: string;
|
|
3
|
+
value: number[];
|
|
4
|
+
onChange: (value: number[]) => void;
|
|
5
|
+
}
|
|
6
|
+
export declare function ColorField({ label, value, onChange }: ColorFieldProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=color-field.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"color-field.d.ts","sourceRoot":"","sources":["../../../src/components/fields/color-field.tsx"],"names":[],"mappings":"AAIA,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACrC;AAsBD,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,eAAe,2CAuCrE"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { DecimalInput } from './decimal-input.js';
|
|
3
|
+
import { rgbToHex, hexToRgb } from '../../color-utils.js';
|
|
4
|
+
const inputStyle = {
|
|
5
|
+
width: '40px',
|
|
6
|
+
background: '#333',
|
|
7
|
+
color: '#eee',
|
|
8
|
+
border: '1px solid #555',
|
|
9
|
+
borderRadius: '3px',
|
|
10
|
+
padding: '2px 4px',
|
|
11
|
+
fontSize: '12px',
|
|
12
|
+
};
|
|
13
|
+
const rowStyle = {
|
|
14
|
+
display: 'flex',
|
|
15
|
+
alignItems: 'center',
|
|
16
|
+
gap: '4px',
|
|
17
|
+
padding: '2px 0',
|
|
18
|
+
};
|
|
19
|
+
const CHANNELS = ['R', 'G', 'B', 'A'];
|
|
20
|
+
const COLORS = ['#e06060', '#60c060', '#6080e0', '#aaa'];
|
|
21
|
+
export function ColorField({ label, value, onChange }) {
|
|
22
|
+
const v = value.length >= 4 ? value
|
|
23
|
+
: [value[0] ?? 1, value[1] ?? 1, value[2] ?? 1, value[3] ?? 1];
|
|
24
|
+
const handleChannel = (index, num) => {
|
|
25
|
+
const next = [...v];
|
|
26
|
+
next[index] = num;
|
|
27
|
+
onChange(next);
|
|
28
|
+
};
|
|
29
|
+
return (_jsxs("div", { children: [_jsx("div", { style: { fontSize: '12px', color: '#aaa', marginBottom: '2px' }, children: label }), _jsxs("div", { style: rowStyle, children: [_jsx("input", { type: "color", value: rgbToHex(v[0] ?? 1, v[1] ?? 1, v[2] ?? 1), style: { width: '28px', height: '22px', padding: 0, border: 'none', cursor: 'pointer' }, onChange: (e) => {
|
|
30
|
+
const [r, g, b] = hexToRgb(e.target.value);
|
|
31
|
+
onChange([r, g, b, v[3] ?? 1]);
|
|
32
|
+
} }), CHANNELS.map((ch, i) => (_jsxs("label", { style: { display: 'flex', alignItems: 'center', gap: '1px' }, children: [_jsx("span", { style: { fontSize: '10px', color: COLORS[i] }, children: ch }), _jsx(DecimalInput, { value: v[i] ?? 0, min: 0, max: 1, step: 0.05, style: inputStyle, onChange: (num) => handleChannel(i, num) })] }, ch)))] })] }));
|
|
33
|
+
}
|
|
34
|
+
//# sourceMappingURL=color-field.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"color-field.js","sourceRoot":"","sources":["../../../src/components/fields/color-field.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface DecimalInputProps {
|
|
3
|
+
value: number;
|
|
4
|
+
onChange: (value: number) => void;
|
|
5
|
+
step?: number;
|
|
6
|
+
min?: number;
|
|
7
|
+
max?: number;
|
|
8
|
+
decimals?: number;
|
|
9
|
+
style?: React.CSSProperties;
|
|
10
|
+
}
|
|
11
|
+
export declare function DecimalInput({ value, onChange, step: _step, min, max, decimals, style, }: DecimalInputProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=decimal-input.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"decimal-input.d.ts","sourceRoot":"","sources":["../../../src/components/fields/decimal-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAEhD,UAAU,iBAAiB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAcD,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,IAAI,EAAE,KAAW,EACjB,GAAG,EACH,GAAG,EACH,QAAY,EACZ,KAAK,GACN,EAAE,iBAAiB,2CA8CnB"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useState, useRef } from 'react';
|
|
3
|
+
function formatValue(v, decimals) {
|
|
4
|
+
if (!Number.isFinite(v))
|
|
5
|
+
return '0';
|
|
6
|
+
const rounded = parseFloat(v.toFixed(decimals));
|
|
7
|
+
return String(rounded);
|
|
8
|
+
}
|
|
9
|
+
function clamp(v, min, max) {
|
|
10
|
+
if (min !== undefined && v < min)
|
|
11
|
+
return min;
|
|
12
|
+
if (max !== undefined && v > max)
|
|
13
|
+
return max;
|
|
14
|
+
return v;
|
|
15
|
+
}
|
|
16
|
+
export function DecimalInput({ value, onChange, step: _step = 0.1, min, max, decimals = 4, style, }) {
|
|
17
|
+
const [editing, setEditing] = useState(false);
|
|
18
|
+
const [text, setText] = useState('');
|
|
19
|
+
const inputRef = useRef(null);
|
|
20
|
+
const valueRef = useRef(value);
|
|
21
|
+
valueRef.current = value;
|
|
22
|
+
const display = editing ? text : formatValue(value, decimals);
|
|
23
|
+
const parse = (raw) => {
|
|
24
|
+
if (raw.trim() === '' || raw === '-')
|
|
25
|
+
return clamp(0, min, max);
|
|
26
|
+
let num = parseFloat(raw);
|
|
27
|
+
if (!Number.isFinite(num))
|
|
28
|
+
return clamp(0, min, max);
|
|
29
|
+
num = parseFloat(num.toFixed(decimals));
|
|
30
|
+
return clamp(num, min, max);
|
|
31
|
+
};
|
|
32
|
+
const handleKeyDown = (e) => {
|
|
33
|
+
if (e.key === 'Enter') {
|
|
34
|
+
inputRef.current?.blur();
|
|
35
|
+
}
|
|
36
|
+
else if (e.key === 'Escape') {
|
|
37
|
+
setEditing(false);
|
|
38
|
+
inputRef.current?.blur();
|
|
39
|
+
}
|
|
40
|
+
};
|
|
41
|
+
return (_jsx("input", { ref: inputRef, type: "text", inputMode: "decimal", autoComplete: "off", style: style, value: display, onFocus: () => {
|
|
42
|
+
setEditing(true);
|
|
43
|
+
setText(formatValue(valueRef.current, decimals));
|
|
44
|
+
}, onChange: (e) => {
|
|
45
|
+
setText(e.target.value);
|
|
46
|
+
onChange(parse(e.target.value));
|
|
47
|
+
}, onBlur: () => setEditing(false), onKeyDown: handleKeyDown }));
|
|
48
|
+
}
|
|
49
|
+
//# sourceMappingURL=decimal-input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"decimal-input.js","sourceRoot":"","sources":["../../../src/components/fields/decimal-input.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAYhD,SAAS,WAAW,CAAC,CAAS,EAAE,QAAgB;IAC9C,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;QAAE,OAAO,GAAG,CAAC;IACpC,MAAM,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;IAChD,OAAO,MAAM,CAAC,OAAO,CAAC,CAAC;AACzB,CAAC;AAED,SAAS,KAAK,CAAC,CAAS,EAAE,GAAY,EAAE,GAAY;IAClD,IAAI,GAAG,KAAK,SAAS,IAAI,CAAC,GAAG,GAAG;QAAE,OAAO,GAAG,CAAC;IAC7C,IAAI,GAAG,KAAK,SAAS,IAAI,CAAC,GAAG,GAAG;QAAE,OAAO,GAAG,CAAC;IAC7C,OAAO,CAAC,CAAC;AACX,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,IAAI,EAAE,KAAK,GAAG,GAAG,EACjB,GAAG,EACH,GAAG,EACH,QAAQ,GAAG,CAAC,EACZ,KAAK,GACa;IAClB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACrC,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAChD,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/B,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;IAEzB,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAE9D,MAAM,KAAK,GAAG,CAAC,GAAW,EAAU,EAAE;QACpC,IAAI,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,GAAG,KAAK,GAAG;YAAE,OAAO,KAAK,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;QAChE,IAAI,GAAG,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;QAC1B,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC;YAAE,OAAO,KAAK,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;QACrD,GAAG,GAAG,UAAU,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;QACxC,OAAO,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,CAAwC,EAAE,EAAE;QACjE,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YACtB,QAAQ,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC;QAC3B,CAAC;aAAM,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;YAC9B,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,QAAQ,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC;QAC3B,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,gBACE,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,SAAS,EACnB,YAAY,EAAC,KAAK,EAClB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,GAAG,EAAE;YACZ,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;QACnD,CAAC,EACD,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACd,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACxB,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;QAClC,CAAC,EACD,MAAM,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAC/B,SAAS,EAAE,aAAa,GACxB,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { EnumPropertyDef } from '@certe/atmos-core';
|
|
2
|
+
interface EnumFieldProps {
|
|
3
|
+
label: string;
|
|
4
|
+
value: string;
|
|
5
|
+
onChange: (value: string) => void;
|
|
6
|
+
def: EnumPropertyDef;
|
|
7
|
+
/** Component instance, needed for `def.optionsFrom` dynamic options. */
|
|
8
|
+
target?: unknown;
|
|
9
|
+
}
|
|
10
|
+
export declare function EnumField({ label, value, onChange, def, target }: EnumFieldProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export {};
|
|
12
|
+
//# sourceMappingURL=enum-field.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"enum-field.d.ts","sourceRoot":"","sources":["../../../src/components/fields/enum-field.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,GAAG,EAAE,eAAe,CAAC;IACrB,wEAAwE;IACxE,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAkBD,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,cAAc,2CAchF"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
const selectStyle = {
|
|
3
|
+
background: '#333',
|
|
4
|
+
color: '#eee',
|
|
5
|
+
border: '1px solid #555',
|
|
6
|
+
borderRadius: '3px',
|
|
7
|
+
padding: '2px 4px',
|
|
8
|
+
fontSize: '12px',
|
|
9
|
+
};
|
|
10
|
+
const rowStyle = {
|
|
11
|
+
display: 'flex',
|
|
12
|
+
alignItems: 'center',
|
|
13
|
+
justifyContent: 'space-between',
|
|
14
|
+
padding: '2px 0',
|
|
15
|
+
};
|
|
16
|
+
export function EnumField({ label, value, onChange, def, target }) {
|
|
17
|
+
const options = (def.optionsFrom && target) ? def.optionsFrom(target) : def.options;
|
|
18
|
+
return (_jsxs("div", { style: rowStyle, children: [_jsx("span", { style: { fontSize: '12px', color: '#aaa' }, children: label }), _jsx("select", { style: selectStyle, value: value, onChange: (e) => onChange(e.target.value), children: options.map((opt) => (_jsx("option", { value: opt, children: opt }, opt))) })] }));
|
|
19
|
+
}
|
|
20
|
+
//# sourceMappingURL=enum-field.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"enum-field.js","sourceRoot":"","sources":["../../../src/components/fields/enum-field.tsx"],"names":[],"mappings":";AAYA,MAAM,WAAW,GAAwB;IACvC,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,gBAAgB;IACxB,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,MAAM;CACjB,CAAC;AAEF,MAAM,QAAQ,GAAwB;IACpC,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,eAAe;IAC/B,OAAO,EAAE,OAAO;CACjB,CAAC;AAEF,MAAM,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAkB;IAC/E,MAAM,OAAO,GAAG,CAAC,GAAG,CAAC,WAAW,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC;IACpF,OAAO,CACL,eAAK,KAAK,EAAE,QAAQ,aAClB,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,YAAG,KAAK,GAAQ,EAChE,iBAAQ,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,YAChF,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACpB,iBAAkB,KAAK,EAAE,GAAG,YACzB,GAAG,IADO,GAAG,CAEP,CACV,CAAC,GACK,IACL,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { GameObject, Scene } from '@certe/atmos-core';
|
|
2
|
+
interface GameObjectRefFieldProps {
|
|
3
|
+
label: string;
|
|
4
|
+
value: GameObject | null;
|
|
5
|
+
scene: Scene;
|
|
6
|
+
selfId: number;
|
|
7
|
+
onChange: (value: GameObject | null) => void;
|
|
8
|
+
}
|
|
9
|
+
export declare function GameObjectRefField({ label, value, scene, selfId, onChange }: GameObjectRefFieldProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|
|
11
|
+
//# sourceMappingURL=game-object-ref-field.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"game-object-ref-field.d.ts","sourceRoot":"","sources":["../../../src/components/fields/game-object-ref-field.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE3D,UAAU,uBAAuB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;IACzB,KAAK,EAAE,KAAK,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAC;CAC9C;AA0BD,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,uBAAuB,2CAuEpG"}
|