[add] playwright.config.js [add] src/app/App.js [add] src/app/editor-store.js [add] src/app/use-editor-store.js [add] src/assets/audio-assets.js [add] src/assets/gltf-model-import.js [add] src/assets/image-assets.js [add] src/assets/model-instance-labels.js [add] src/assets/model-instance-rendering.js [add] src/assets/model-instances.js [add] src/assets/project-asset-storage.js [add] src/assets/project-assets.js [add] src/commands/brush-command-helpers.js [add] src/commands/command-history.js [add] src/commands/command.js [add] src/commands/commit-transform-session-command.js [add] src/commands/create-box-brush-command.js [add] src/commands/delete-box-brush-command.js [add] src/commands/delete-entity-command.js [add] src/commands/delete-interaction-link-command.js [add] src/commands/delete-model-instance-command.js [add] src/commands/import-audio-asset-command.js [add] src/commands/import-background-image-asset-command.js [add] src/commands/import-model-asset-command.js [add] src/commands/move-box-brush-command.js [add] src/commands/resize-box-brush-command.js [add] src/commands/rotate-box-brush-command.js [add] src/commands/set-box-brush-face-material-command.js [add] src/commands/set-box-brush-face-uv-state-command.js [add] src/commands/set-box-brush-name-command.js [add] src/commands/set-box-brush-transform-command.js [add] src/commands/set-entity-name-command.js [add] src/commands/set-model-instance-name-command.js [add] src/commands/set-player-start-command.js [add] src/commands/set-scene-name-command.js [add] src/commands/set-world-settings-command.js [add] src/commands/upsert-entity-command.js [add] src/commands/upsert-interaction-link-command.js [add] src/commands/upsert-model-instance-command.js [add] src/core/ids.js [add] src/core/selection.js [add] src/core/tool-mode.js [add] src/core/transform-session.js [add] src/core/vector.js [add] src/core/whitebox-selection-feedback.js [add] src/core/whitebox-selection-mode.js [add] src/document/brushes.js [add] src/document/migrate-scene-document.js [add] src/document/scene-document-validation.js [add] src/document/scene-document.js [add] src/document/world-settings.js [add] src/entities/entity-instances.js [add] src/entities/entity-labels.js [add] src/geometry/box-brush-components.js [add] src/geometry/box-brush-mesh.js [add] src/geometry/box-brush.js [add] src/geometry/box-face-uvs.js [add] src/geometry/grid-snapping.js [add] src/geometry/model-instance-collider-debug-mesh.js [add] src/geometry/model-instance-collider-generation.js [add] src/interactions/interaction-links.js [add] src/main.js [add] src/materials/starter-material-library.js [add] src/materials/starter-material-textures.js [add] src/rendering/advanced-rendering.js [add] src/runner-web/RunnerCanvas.js [add] src/runtime-three/first-person-navigation-controller.js [add] src/runtime-three/navigation-controller.js [add] src/runtime-three/orbit-visitor-navigation-controller.js [add] src/runtime-three/player-collision.js [add] src/runtime-three/rapier-collision-world.js [add] src/runtime-three/runtime-audio-system.js [add] src/runtime-three/runtime-host.js [add] src/runtime-three/runtime-interaction-system.js [add] src/runtime-three/runtime-scene-build.js [add] src/runtime-three/runtime-scene-validation.js [add] src/serialization/local-draft-storage.js [add] src/serialization/scene-document-json.js [add] src/shared-ui/HierarchicalMenu.js [add] src/shared-ui/Panel.js [add] src/shared-ui/world-background-style.js [add] src/viewport-three/ViewportCanvas.js [add] src/viewport-three/ViewportPanel.js [add] src/viewport-three/viewport-entity-markers.js [add] src/viewport-three/viewport-focus.js [add] src/viewport-three/viewport-host.js [add] src/viewport-three/viewport-layout.js [add] src/viewport-three/viewport-transient-state.js [add] src/viewport-three/viewport-view-modes.js [add] tests/domain/box-brush-face-editing.command.test.js [add] tests/domain/build-runtime-scene.test.js [add] tests/domain/create-box-brush.command.test.js [add] tests/domain/create-empty-scene-document.test.js [add] tests/domain/editor-store.test.js [add] tests/domain/entity.command.test.js [add] tests/domain/interaction-links.validation.test.js [add] tests/domain/model-import.test.js [add] tests/domain/model-instance.command.test.js [add] tests/domain/player-start.command.test.js [add] tests/domain/rapier-collision-world.test.js [add] tests/domain/runtime-audio-system.test.js [add] tests/domain/runtime-interaction-system.test.js [add] tests/domain/runtime-scene-validation.test.js [add] tests/domain/scene-document-validation.test.js [add] tests/domain/transform-session.command.test.js [add] tests/domain/world-settings.command.test.js [add] tests/domain/world-settings.test.js [add] tests/e2e/app-smoke.e2e.js [add] tests/e2e/box-brush-authoring.e2e.js [add] tests/e2e/entities-foundation.e2e.js [add] tests/e2e/face-material-authoring.e2e.js [add] tests/e2e/first-room-workflow.e2e.js [add] tests/e2e/import-draco-model-asset.e2e.js [add] tests/e2e/import-external-model-asset.e2e.js [add] tests/e2e/import-model-asset.e2e.js [add] tests/e2e/local-lights-and-background.e2e.js [add] tests/e2e/orthographic-views.e2e.js [add] tests/e2e/runner-v1.e2e.js [add] tests/e2e/runtime-click-interaction.e2e.js [add] tests/e2e/runtime-trigger-teleport.e2e.js [add] tests/e2e/viewport-quad-layout.e2e.js [add] tests/e2e/viewport-test-helpers.js [add] tests/e2e/whitebox-component-selection.e2e.js [add] tests/e2e/world-environment.e2e.js [add] tests/geometry/box-brush-geometry.test.js [add] tests/geometry/box-face-uvs.test.js [add] tests/geometry/model-instance-collider-generation.test.js [add] tests/helpers/model-collider-fixtures.js [add] tests/serialization/local-draft-storage.test.js [add] tests/serialization/project-asset-storage.test.js [add] tests/serialization/scene-document-json.test.js [add] tests/setup/vitest.setup.js [add] tests/unit/audio-assets.test.js [add] tests/unit/entity-instances.test.js [add] tests/unit/package-scripts.test.js [add] tests/unit/transform-foundation.integration.test.js [add] tests/unit/viewport-canvas.test.js [add] tests/unit/viewport-entity-markers.test.js [add] tests/unit/viewport-focus.test.js [add] tests/unit/viewport-layout.test.js [add] tests/unit/viewport-view-modes.test.js [add] vite.config.js [add] vitest.config.js
178 lines
6.1 KiB
JavaScript
178 lines
6.1 KiB
JavaScript
const PROJECT_ASSET_DATABASE_NAME = "webeditor3d-project-assets";
|
|
const PROJECT_ASSET_DATABASE_VERSION = 1;
|
|
const PROJECT_ASSET_OBJECT_STORE_NAME = "assets";
|
|
function cloneArrayBuffer(bytes) {
|
|
return bytes.slice(0);
|
|
}
|
|
function cloneFileRecord(file) {
|
|
return {
|
|
bytes: cloneArrayBuffer(file.bytes),
|
|
mimeType: file.mimeType
|
|
};
|
|
}
|
|
export function cloneProjectAssetStorageRecord(record) {
|
|
const files = {};
|
|
for (const [path, file] of Object.entries(record.files)) {
|
|
files[path] = cloneFileRecord(file);
|
|
}
|
|
return {
|
|
files
|
|
};
|
|
}
|
|
function isObject(value) {
|
|
return value !== null && typeof value === "object";
|
|
}
|
|
function isLegacyProjectAssetStorageRecord(value) {
|
|
return (isObject(value) &&
|
|
value.bytes instanceof ArrayBuffer &&
|
|
typeof value.mimeType === "string");
|
|
}
|
|
function isProjectAssetStoragePackageRecord(value) {
|
|
if (!isObject(value) || !isObject(value.files)) {
|
|
return false;
|
|
}
|
|
return Object.values(value.files).every((entry) => {
|
|
return (isObject(entry) &&
|
|
entry.bytes instanceof ArrayBuffer &&
|
|
typeof entry.mimeType === "string");
|
|
});
|
|
}
|
|
function normalizeStoredAssetRecord(storageKey, value) {
|
|
if (isProjectAssetStoragePackageRecord(value)) {
|
|
return cloneProjectAssetStorageRecord(value);
|
|
}
|
|
if (isLegacyProjectAssetStorageRecord(value)) {
|
|
return {
|
|
files: {
|
|
[storageKey]: cloneFileRecord(value)
|
|
}
|
|
};
|
|
}
|
|
return null;
|
|
}
|
|
function getErrorDetail(error) {
|
|
if (error instanceof Error && error.message.trim().length > 0) {
|
|
return error.message.trim();
|
|
}
|
|
return "Unknown error.";
|
|
}
|
|
function formatDiagnostic(prefix, error) {
|
|
return `${prefix} ${getErrorDetail(error)}`;
|
|
}
|
|
function promisifyRequest(request) {
|
|
return new Promise((resolve, reject) => {
|
|
request.addEventListener("success", () => {
|
|
resolve(request.result);
|
|
});
|
|
request.addEventListener("error", () => {
|
|
reject(request.error ?? new Error("IndexedDB request failed."));
|
|
});
|
|
});
|
|
}
|
|
function openIndexedDb() {
|
|
return new Promise((resolve, reject) => {
|
|
const request = indexedDB.open(PROJECT_ASSET_DATABASE_NAME, PROJECT_ASSET_DATABASE_VERSION);
|
|
request.addEventListener("upgradeneeded", () => {
|
|
const database = request.result;
|
|
if (!database.objectStoreNames.contains(PROJECT_ASSET_OBJECT_STORE_NAME)) {
|
|
database.createObjectStore(PROJECT_ASSET_OBJECT_STORE_NAME);
|
|
}
|
|
});
|
|
request.addEventListener("success", () => {
|
|
resolve(request.result);
|
|
});
|
|
request.addEventListener("error", () => {
|
|
reject(request.error ?? new Error("IndexedDB open failed."));
|
|
});
|
|
});
|
|
}
|
|
class IndexedDbProjectAssetStorage {
|
|
databasePromise;
|
|
constructor(databasePromise) {
|
|
this.databasePromise = databasePromise;
|
|
}
|
|
async withStore(mode, callback) {
|
|
const database = await this.databasePromise;
|
|
const transaction = database.transaction(PROJECT_ASSET_OBJECT_STORE_NAME, mode);
|
|
const store = transaction.objectStore(PROJECT_ASSET_OBJECT_STORE_NAME);
|
|
const result = await promisifyRequest(callback(store));
|
|
await new Promise((resolve, reject) => {
|
|
transaction.addEventListener("complete", () => resolve());
|
|
transaction.addEventListener("error", () => reject(transaction.error ?? new Error("IndexedDB transaction failed.")));
|
|
transaction.addEventListener("abort", () => reject(transaction.error ?? new Error("IndexedDB transaction aborted.")));
|
|
});
|
|
return result;
|
|
}
|
|
async getAsset(storageKey) {
|
|
const database = await this.databasePromise;
|
|
const transaction = database.transaction(PROJECT_ASSET_OBJECT_STORE_NAME, "readonly");
|
|
const store = transaction.objectStore(PROJECT_ASSET_OBJECT_STORE_NAME);
|
|
const result = await promisifyRequest(store.get(storageKey));
|
|
return normalizeStoredAssetRecord(storageKey, result);
|
|
}
|
|
async putAsset(storageKey, asset) {
|
|
await this.withStore("readwrite", (store) => store.put(cloneProjectAssetStorageRecord(asset), storageKey));
|
|
}
|
|
async deleteAsset(storageKey) {
|
|
await this.withStore("readwrite", (store) => store.delete(storageKey));
|
|
}
|
|
}
|
|
class InMemoryProjectAssetStorage {
|
|
values = new Map();
|
|
constructor(initialValues = {}) {
|
|
for (const [storageKey, asset] of Object.entries(initialValues)) {
|
|
this.values.set(storageKey, cloneStoredAsset(asset));
|
|
}
|
|
}
|
|
async getAsset(storageKey) {
|
|
const asset = this.values.get(storageKey);
|
|
if (asset === undefined) {
|
|
return null;
|
|
}
|
|
return normalizeStoredAssetRecord(storageKey, asset);
|
|
}
|
|
async putAsset(storageKey, asset) {
|
|
this.values.set(storageKey, cloneProjectAssetStorageRecord(asset));
|
|
}
|
|
async deleteAsset(storageKey) {
|
|
this.values.delete(storageKey);
|
|
}
|
|
}
|
|
function cloneStoredAsset(asset) {
|
|
if (isLegacyProjectAssetStorageRecord(asset)) {
|
|
return cloneFileRecord(asset);
|
|
}
|
|
return cloneProjectAssetStorageRecord(asset);
|
|
}
|
|
export function createInMemoryProjectAssetStorage(initialValues = {}) {
|
|
return new InMemoryProjectAssetStorage(initialValues);
|
|
}
|
|
export async function getBrowserProjectAssetStorageAccess() {
|
|
if (typeof window === "undefined") {
|
|
return {
|
|
storage: null,
|
|
diagnostic: null
|
|
};
|
|
}
|
|
if (typeof indexedDB === "undefined") {
|
|
return {
|
|
storage: null,
|
|
diagnostic: "IndexedDB is unavailable in this browser environment."
|
|
};
|
|
}
|
|
try {
|
|
const databasePromise = openIndexedDb();
|
|
await databasePromise;
|
|
return {
|
|
storage: new IndexedDbProjectAssetStorage(databasePromise),
|
|
diagnostic: null
|
|
};
|
|
}
|
|
catch (error) {
|
|
return {
|
|
storage: null,
|
|
diagnostic: formatDiagnostic("Project asset storage could not be opened.", error)
|
|
};
|
|
}
|
|
}
|