giers10/webeditor3d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

auto-git:

Browse Source 
[unlink] playwright.config.js
 [unlink] src/app/App.js
 [unlink] src/app/editor-store.js
 [unlink] src/app/use-editor-store.js
 [unlink] src/assets/audio-assets.js
 [unlink] src/assets/gltf-model-import.js
 [unlink] src/assets/image-assets.js
 [unlink] src/assets/model-instance-labels.js
 [unlink] src/assets/model-instance-rendering.js
 [unlink] src/assets/model-instances.js
 [unlink] src/assets/project-asset-storage.js
 [unlink] src/assets/project-assets.js
 [unlink] src/commands/brush-command-helpers.js
 [unlink] src/commands/command-history.js
 [unlink] src/commands/command.js
 [unlink] src/commands/commit-transform-session-command.js
 [unlink] src/commands/create-box-brush-command.js
 [unlink] src/commands/delete-box-brush-command.js
 [unlink] src/commands/delete-entity-command.js
 [unlink] src/commands/delete-interaction-link-command.js
 [unlink] src/commands/delete-model-instance-command.js
 [unlink] src/commands/duplicate-selection-command.js
 [unlink] src/commands/import-audio-asset-command.js
 [unlink] src/commands/import-background-image-asset-command.js
 [unlink] src/commands/import-model-asset-command.js
 [unlink] src/commands/move-box-brush-command.js
 [unlink] src/commands/resize-box-brush-command.js
 [unlink] src/commands/rotate-box-brush-command.js
 [unlink] src/commands/set-box-brush-face-material-command.js
 [unlink] src/commands/set-box-brush-face-uv-state-command.js
 [unlink] src/commands/set-box-brush-name-command.js
 [unlink] src/commands/set-box-brush-transform-command.js
 [unlink] src/commands/set-box-brush-volume-settings-command.js
 [unlink] src/commands/set-entity-name-command.js
 [unlink] src/commands/set-model-instance-name-command.js
 [unlink] src/commands/set-player-start-command.js
 [unlink] src/commands/set-scene-name-command.js
 [unlink] src/commands/set-world-settings-command.js
 [unlink] src/commands/upsert-entity-command.js
 [unlink] src/commands/upsert-interaction-link-command.js
 [unlink] src/commands/upsert-model-instance-command.js
 [unlink] src/core/ids.js
 [unlink] src/core/selection.js
 [unlink] src/core/tool-mode.js
 [unlink] src/core/transform-session.js
 [unlink] src/core/vector.js
 [unlink] src/core/whitebox-selection-feedback.js
 [unlink] src/core/whitebox-selection-mode.js
 [unlink] src/document/brushes.js
 [unlink] src/document/migrate-scene-document.js
 [unlink] src/document/scene-document-validation.js
 [unlink] src/document/scene-document.js
 [unlink] src/document/world-settings.js
 [unlink] src/entities/entity-instances.js
 [unlink] src/entities/entity-labels.js
 [unlink] src/geometry/box-brush-components.js
 [unlink] src/geometry/box-brush-mesh.js
 [unlink] src/geometry/box-brush.js
 [unlink] src/geometry/box-face-uvs.js
 [unlink] src/geometry/grid-snapping.js
 [unlink] src/geometry/model-instance-collider-debug-mesh.js
 [unlink] src/geometry/model-instance-collider-generation.js
 [unlink] src/interactions/interaction-links.js
 [unlink] src/main.js
 [unlink] src/materials/starter-material-library.js
 [unlink] src/materials/starter-material-textures.js
 [unlink] src/rendering/advanced-rendering.js
 [unlink] src/rendering/fog-material.js
 [unlink] src/rendering/planar-reflection.js
 [unlink] src/rendering/water-material.js
 [unlink] src/runner-web/RunnerCanvas.js
 [unlink] src/runtime-three/first-person-navigation-controller.js
 [unlink] src/runtime-three/navigation-controller.js
 [unlink] src/runtime-three/orbit-visitor-navigation-controller.js
 [unlink] src/runtime-three/player-collision.js
 [unlink] src/runtime-three/rapier-collision-world.js
 [unlink] src/runtime-three/runtime-audio-system.js
 [unlink] src/runtime-three/runtime-host.js
 [unlink] src/runtime-three/runtime-interaction-system.js
 [unlink] src/runtime-three/runtime-scene-build.js
 [unlink] src/runtime-three/runtime-scene-validation.js
 [unlink] src/runtime-three/underwater-fog.js
 [unlink] src/serialization/local-draft-storage.js
 [unlink] src/serialization/scene-document-json.js
 [unlink] src/shared-ui/HierarchicalMenu.js
 [unlink] src/shared-ui/Panel.js
 [unlink] src/shared-ui/world-background-style.js
 [unlink] src/viewport-three/ViewportCanvas.js
 [unlink] src/viewport-three/ViewportPanel.js
 [unlink] src/viewport-three/viewport-entity-markers.js
 [unlink] src/viewport-three/viewport-focus.js
 [unlink] src/viewport-three/viewport-host.js
 [unlink] src/viewport-three/viewport-layout.js
 [unlink] src/viewport-three/viewport-transient-state.js
 [unlink] src/viewport-three/viewport-view-modes.js
 [unlink] vite.config.js
 [unlink] vitest.config.js
This commit is contained in:
Victor Giers
2026-04-11 15:48:39 +02:00
parent 277706e950
commit 9b7706bf5b
97 changed files with 0 additions and 21624 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3615
src/app/App.js
View File

File diff suppressed because one or more lines are too long

391
src/app/editor-store.js
View File

@@ -1,391 +0,0 @@
import { CommandHistory } from "../commands/command-history";
import { areEditorSelectionsEqual, normalizeSelectionForWhiteboxSelectionMode } from "../core/selection";
import {} from "../core/whitebox-selection-mode";
import { areTransformSessionsEqual, cloneTransformSession, createInactiveTransformSession } from "../core/transform-session";
import { createEmptySceneDocument } from "../document/scene-document";
import { DEFAULT_SCENE_DRAFT_STORAGE_KEY, loadSceneDocumentDraft, saveSceneDocumentDraft } from "../serialization/local-draft-storage";
import { parseSceneDocumentJson, serializeSceneDocument } from "../serialization/scene-document-json";
import { areViewportToolPreviewsEqual, cloneViewportToolPreview, createDefaultViewportTransientState, isViewportToolPreviewCompatible } from "../viewport-three/viewport-transient-state";
import { areViewportPanelCameraStatesEqual, cloneViewportLayoutState, cloneViewportPanelCameraState, createDefaultViewportLayoutState } from "../viewport-three/viewport-layout";
export class EditorStore {
document;
selection = { kind: "none" };
whiteboxSelectionMode = "object";
toolMode = "select";
viewportLayoutMode;
activeViewportPanelId;
viewportPanels;
viewportQuadSplit;
viewportTransientState = createDefaultViewportTransientState();
previousEditingToolMode = "select";
history = new CommandHistory();
listeners = new Set();
storage;
storageKey;
lastCommandLabel = null;
snapshot;
commandContext = {
getDocument: () => this.document,
setDocument: (document) => {
this.document = document;
},
getSelection: () => this.selection,
setSelection: (selection) => {
this.selection = selection;
},
getToolMode: () => this.toolMode,
setToolMode: (toolMode) => {
this.toolMode = toolMode;
}
};
constructor(options = {}) {
const initialViewportLayoutState = cloneViewportLayoutState(options.initialViewportLayoutState ?? createDefaultViewportLayoutState());
this.document = options.initialDocument ?? createEmptySceneDocument();
this.viewportLayoutMode = initialViewportLayoutState.layoutMode;
this.activeViewportPanelId = initialViewportLayoutState.activePanelId;
this.viewportPanels = initialViewportLayoutState.panels;
this.viewportQuadSplit = initialViewportLayoutState.viewportQuadSplit;
this.storage = options.storage ?? null;
this.storageKey = options.storageKey ?? DEFAULT_SCENE_DRAFT_STORAGE_KEY;
this.snapshot = this.createSnapshot();
}
subscribe = (listener) => {
this.listeners.add(listener);
return () => {
this.listeners.delete(listener);
};
};
getState = () => this.snapshot;
setToolMode(toolMode) {
if (this.toolMode === toolMode) {
return;
}
if (toolMode !== "play") {
this.previousEditingToolMode = toolMode;
}
this.toolMode = toolMode;
if (!isViewportToolPreviewCompatible(toolMode, this.viewportTransientState.toolPreview)) {
this.viewportTransientState = {
...this.viewportTransientState,
toolPreview: createDefaultViewportTransientState().toolPreview
};
}
if (toolMode !== "select" && this.viewportTransientState.transformSession.kind !== "none") {
this.viewportTransientState = {
...this.viewportTransientState,
transformSession: createInactiveTransformSession()
};
}
this.emit();
}
setViewportLayoutMode(viewportLayoutMode) {
if (this.viewportLayoutMode === viewportLayoutMode) {
return;
}
this.viewportLayoutMode = viewportLayoutMode;
this.emit();
}
setActiveViewportPanel(panelId) {
if (this.activeViewportPanelId === panelId) {
return;
}
this.activeViewportPanelId = panelId;
this.emit();
}
setViewportPanelViewMode(panelId, viewMode) {
if (this.viewportPanels[panelId].viewMode === viewMode) {
return;
}
this.viewportPanels = {
...this.viewportPanels,
[panelId]: {
...this.viewportPanels[panelId],
viewMode
}
};
this.emit();
}
setViewportPanelDisplayMode(panelId, displayMode) {
if (this.viewportPanels[panelId].displayMode === displayMode) {
return;
}
this.viewportPanels = {
...this.viewportPanels,
[panelId]: {
...this.viewportPanels[panelId],
displayMode
}
};
this.emit();
}
setViewportPanelCameraState(panelId, cameraState) {
if (areViewportPanelCameraStatesEqual(this.viewportPanels[panelId].cameraState, cameraState)) {
return;
}
this.viewportPanels = {
...this.viewportPanels,
[panelId]: {
...this.viewportPanels[panelId],
cameraState: cloneViewportPanelCameraState(cameraState)
}
};
this.emit();
}
setViewportQuadSplit(viewportQuadSplit) {
if (this.viewportQuadSplit.x === viewportQuadSplit.x && this.viewportQuadSplit.y === viewportQuadSplit.y) {
return;
}
this.viewportQuadSplit = {
x: viewportQuadSplit.x,
y: viewportQuadSplit.y
};
this.emit();
}
setViewportToolPreview(toolPreview) {
const nextToolPreview = cloneViewportToolPreview(toolPreview);
if (areViewportToolPreviewsEqual(this.viewportTransientState.toolPreview, nextToolPreview)) {
return;
}
this.viewportTransientState = {
...this.viewportTransientState,
toolPreview: nextToolPreview
};
this.emit();
}
clearViewportToolPreview(sourcePanelId) {
const currentToolPreview = this.viewportTransientState.toolPreview;
if (currentToolPreview.kind === "none") {
return;
}
if (sourcePanelId !== undefined && currentToolPreview.sourcePanelId !== sourcePanelId) {
return;
}
this.viewportTransientState = {
...this.viewportTransientState,
toolPreview: createDefaultViewportTransientState().toolPreview
};
this.emit();
}
setTransformSession(transformSession) {
const nextTransformSession = cloneTransformSession(transformSession);
if (areTransformSessionsEqual(this.viewportTransientState.transformSession, nextTransformSession)) {
return;
}
this.viewportTransientState = {
...this.viewportTransientState,
transformSession: nextTransformSession
};
this.emit();
}
clearTransformSession() {
if (this.viewportTransientState.transformSession.kind === "none") {
return;
}
this.viewportTransientState = {
...this.viewportTransientState,
transformSession: createInactiveTransformSession()
};
this.emit();
}
setTransformAxisConstraint(axisConstraint) {
if (this.viewportTransientState.transformSession.kind !== "active") {
return;
}
if (this.viewportTransientState.transformSession.axisConstraint === axisConstraint) {
return;
}
this.viewportTransientState = {
...this.viewportTransientState,
transformSession: {
...cloneTransformSession(this.viewportTransientState.transformSession),
axisConstraint
}
};
this.emit();
}
setViewportViewMode(viewportViewMode) {
this.setViewportPanelViewMode(this.activeViewportPanelId, viewportViewMode);
}
enterPlayMode() {
if (this.toolMode === "play") {
return;
}
this.previousEditingToolMode = this.toolMode;
this.toolMode = "play";
if (this.viewportTransientState.toolPreview.kind !== "none") {
this.viewportTransientState = createDefaultViewportTransientState();
}
this.emit();
}
exitPlayMode() {
if (this.toolMode !== "play") {
return;
}
this.toolMode = this.previousEditingToolMode;
this.emit();
}
setSelection(selection) {
if (this.viewportTransientState.transformSession.kind === "active" && !areEditorSelectionsEqual(this.selection, selection)) {
this.viewportTransientState = {
...this.viewportTransientState,
transformSession: createInactiveTransformSession()
};
}
this.selection = selection;
this.emit();
}
setWhiteboxSelectionMode(mode) {
if (this.whiteboxSelectionMode === mode) {
return;
}
if (this.viewportTransientState.transformSession.kind !== "none") {
this.viewportTransientState = {
...this.viewportTransientState,
transformSession: createInactiveTransformSession()
};
}
this.whiteboxSelectionMode = mode;
this.selection = normalizeSelectionForWhiteboxSelectionMode(this.selection, mode);
this.emit();
}
executeCommand(command) {
if (this.viewportTransientState.transformSession.kind !== "none") {
this.viewportTransientState = {
...this.viewportTransientState,
transformSession: createInactiveTransformSession()
};
}
this.history.execute(command, this.commandContext);
this.lastCommandLabel = command.label;
this.emit();
}
undo() {
let clearedTransformSession = false;
if (this.viewportTransientState.transformSession.kind !== "none") {
this.viewportTransientState = {
...this.viewportTransientState,
transformSession: createInactiveTransformSession()
};
clearedTransformSession = true;
}
const command = this.history.undo(this.commandContext);
if (command === null) {
if (clearedTransformSession) {
this.emit();
}
return false;
}
this.lastCommandLabel = `Undid ${command.label}`;
this.emit();
return true;
}
redo() {
let clearedTransformSession = false;
if (this.viewportTransientState.transformSession.kind !== "none") {
this.viewportTransientState = {
...this.viewportTransientState,
transformSession: createInactiveTransformSession()
};
clearedTransformSession = true;
}
const command = this.history.redo(this.commandContext);
if (command === null) {
if (clearedTransformSession) {
this.emit();
}
return false;
}
this.lastCommandLabel = `Redid ${command.label}`;
this.emit();
return true;
}
replaceDocument(document, resetHistory = true) {
this.document = document;
this.selection = { kind: "none" };
this.whiteboxSelectionMode = "object";
this.toolMode = "select";
this.previousEditingToolMode = "select";
this.viewportTransientState = createDefaultViewportTransientState();
if (resetHistory) {
this.history.clear();
this.lastCommandLabel = null;
}
this.emit();
}
saveDraft() {
if (this.storage === null) {
return {
status: "error",
message: "Browser local storage is unavailable."
};
}
return saveSceneDocumentDraft(this.storage, this.document, this.createViewportLayoutState(), this.storageKey);
}
loadDraft() {
if (this.storage === null) {
return {
status: "error",
message: "Browser local storage is unavailable."
};
}
const draftResult = loadSceneDocumentDraft(this.storage, this.storageKey);
if (draftResult.status !== "loaded") {
return draftResult;
}
this.replaceDocument(draftResult.document);
if (draftResult.viewportLayoutState !== null) {
this.applyViewportLayoutState(draftResult.viewportLayoutState);
this.emit();
}
return draftResult;
}
exportDocumentJson() {
return serializeSceneDocument(this.document);
}
importDocumentJson(source) {
const document = parseSceneDocumentJson(source);
this.replaceDocument(document);
return document;
}
emit() {
this.snapshot = this.createSnapshot();
for (const listener of this.listeners) {
listener();
}
}
createViewportLayoutState() {
return cloneViewportLayoutState({
layoutMode: this.viewportLayoutMode,
activePanelId: this.activeViewportPanelId,
panels: this.viewportPanels,
viewportQuadSplit: this.viewportQuadSplit
});
}
applyViewportLayoutState(viewportLayoutState) {
const nextViewportLayoutState = cloneViewportLayoutState(viewportLayoutState);
this.viewportLayoutMode = nextViewportLayoutState.layoutMode;
this.activeViewportPanelId = nextViewportLayoutState.activePanelId;
this.viewportPanels = nextViewportLayoutState.panels;
this.viewportQuadSplit = nextViewportLayoutState.viewportQuadSplit;
}
createSnapshot() {
return {
document: this.document,
selection: this.selection,
whiteboxSelectionMode: this.whiteboxSelectionMode,
toolMode: this.toolMode,
viewportLayoutMode: this.viewportLayoutMode,
activeViewportPanelId: this.activeViewportPanelId,
viewportPanels: this.viewportPanels,
viewportQuadSplit: this.viewportQuadSplit,
viewportTransientState: this.viewportTransientState,
canUndo: this.history.canUndo(),
canRedo: this.history.canRedo(),
lastCommandLabel: this.lastCommandLabel,
storageAvailable: this.storage !== null
};
}
}
export function createEditorStore(options) {
return new EditorStore(options);
}

4
src/app/use-editor-store.js
View File

@@ -1,4 +0,0 @@
import { useSyncExternalStore } from "react";
export function useEditorStoreState(store) {
return useSyncExternalStore(store.subscribe, store.getState, store.getState);
}