mirror of
https://github.com/storytold/artcraft.git
synced 2026-11-05 01:38:44 +00:00
Tanish Manku
96e0b1065b
The bake chain (getCompositeCanvasFile → runCompositeBake → getCompositeFile / scheduleCompositeBake → handleGenerate) used to rebuild every callback in the chain on every base-image change, because getCompositeCanvasFile listed baseImageBitmap/baseImageInfo as deps. Reading those via latest-refs makes getCompositeCanvasFile stable (deps []) and the cascade collapses — listed deps remain (lint-clean) but never trigger recreates. Also list baseImageInfo explicitly in the dirty-effect deps so cache invalidation no longer relies on the cascade's identity changes (baseImageInfo syncs synchronously in setBaseImageInfo, but baseImageBitmap arrives async after the image loads, so the two diverge in time). Wrap getMaskArrayBuffer in useCallback([]) so handleGenerate can list it as a dep without churning per render.
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