mirror of
https://github.com/storytold/artcraft.git
synced 2026-11-13 21:32:18 +00:00
BFlat
acbd86a4af
## Moodboard polish A pass to make the Moodboard feel consistent with the rest of the app. ### What's new - **Floating toolbar** shared between the 3D Editor and Moodboard - centered and no longer glued to the top edge. - **Moodboard toolbar** rebuilt to match: mode picker (Select / Lasso / Text), a primary `+` dropdown for **Upload Image** and **Pick from Library**, plus Group, Fit-to-grid, Pack, Auto-group, Undo / Redo, Delete. - **Empty state CTA** in the center of a blank moodboard with the same Select Image / Pick from Library flow PageDraw uses. - **Theme support** across the moodboard - background, grid dots, toolbar, and empty-state card all adapt to light / gray / black / aurora / sunset themes. - **Platform-aware shortcut hints** in toolbar tooltips - `⌘G` on Mac, `Ctrl+G` on Windows / Linux. - **Topbar titles** added for Moodboard and Storyboard tabs.
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