Files
artcraft/frontend
Tanish Manku 8281cd33a9 pagescene: parallelize scene load + batch token→URL resolution
Cold-open of a 10-object scene used to make ~21 sequential roundtrips
(N metadata fetches + N binary fetches). Now it makes 1 batch metadata
call followed by parallel binary fetches.

- adapter.ts: optional getMediaUrlsByTokens(tokens) on the adapter
  contract. Hosts that wrap MediaFilesApi can implement via
  ListMediaFilesByTokens (GET /v1/media_files/batch).
- scene.ts: warmMediaURLs() populates a per-Scene URL cache; getMediaURL
  consults it before falling back to the single-token method.
- proxy/storyteller_proxy_scene.ts: loadFromSceneJson warms the cache
  for all m_* tokens up front, then dispatches per-object loads in
  parallel via Promise.allSettled. A synchronous second pass applies
  transforms in original JSON order so insertion ordering is preserved.
- webapp web-adapter.tsx: implements the new batch resolver.
- editor.ts: passes the new adapter method through to Scene.

Desktop adapter unchanged — falls back to Promise.all of single-token
calls until commit 4 brings it onto the batch endpoint.
2026-05-14 11:12:34 -07:00
..
…
…
…

Frontend

This is an nx monorepo that can contain multiple apps and shared libraries.

All commands to run these projects are performed from this directory.

Install dependencies

npm install

Editor2d

Run dev server:

nx dev editor2d

artcraft

Run dev server:

nx dev artcraft
call when starting on main or a new branch:
./clean_modules

The names for @frontend and @storyteller come from the package.json file in the libs folder.
import { Login } from "@frontend/login";
import { api } from "@storyteller/api";

For shared UI components, import from @storyteller/ui-[componentname].
import { Button } from "@storyteller/ui-button";
import { Modal } from "@storyteller/ui-modal";

building:
npx nx build artcraft
npx nx build editor2d

dev:
npx nx dev artcraft
npx nx dev editor2d



# component build
1.
npx nx g @nx/react:library libs/components/toaster --import-path=@storyteller/ui-toaster --bundler=vite
npm install
2.import it first in code
3.nx sync
4.nx build

or

# frontend build
in frontend folder

% nx build -project type
% nx build artcraft
% nx dev artcraft