mirror of
https://github.com/storytold/artcraft.git
synced 2026-11-04 01:18:34 +00:00
Tanish Manku
8d4346d566
Stands up PageMoodboardHtml alongside PageMoodboard — renders the same moodboard content (image/text/group nodes) entirely with absolutely- positioned divs, CSS transforms, and pointer events. Shares the store with PageMoodboard so switching tabs preserves the board. - New page at app/src/pages/PageMoodboardHtml with HTML-only stage, background grid, nodes, overlay transformer (8 resize handles + 1 rotate), marquee + lasso selection, viewport pan/zoom, paste and gallery drop handlers, and a shortcut-aware text edit overlay. - Reuses MoodboardStore, layout utilities, MoodboardToolbar, TextEditOverlay, and the non-render interaction hooks from the existing Konva moodboard unchanged. - Experimental flag `moodboardHtmlPageEnabled` gates a new apps-menu entry and a Settings → Experimental toggle. - PageEditor: gallery drop targets the HTML stage element when the MOODBOARD_HTML tab is active.
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