mirror of
https://github.com/storytold/artcraft.git
synced 2026-11-11 20:32:12 +00:00
Tanish Manku
456885f618
setBaseImageInfo updates baseImageInfo synchronously and only swaps in baseImageBitmap once the <img> finishes loading. During that gap the canvas still renders the previous bitmap while baseImageInfo.mediaToken already points at the new image — clicking Generate would send the new image's token alongside a mask drawn over the old pixels (inpaint path) or fail silently (composite path). Worse, with no cancellation, a stale onload from a previous selection could fire after the user moved on, overwriting baseImageBitmap (and via applyImageNodes, drawNodes) with the wrong content. Add a module-level generation counter in SceneState; bump on every setBaseImageInfo and guard onload/onerror so superseded loads no-op. Wire PageDraw's <PromptEditor isDisabled> to (!baseImageBitmap && !baseImageInfo?.isBlankCanvas) so the button visibly reflects this. Connect PromptBox2D's existing isDisabled prop to the button's disabled attribute (it was already checked in handleGenerate but never visualized). Drop the latest-ref pattern around baseImageBitmap/baseImageInfo in PageDraw; getCompositeCanvasFile now reads the live snapshot via useSceneStore.getState() which is the simpler answer for state that already lives in Zustand.
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