mirror of
https://github.com/storytold/artcraft.git
synced 2026-11-04 09:28:11 +00:00
BFlat
e8d88ca318
**Lightbox & Gallery Navigation Improvements** - Added prev/next navigation buttons to lightbox (hover-visible arrows on left/right of image) - Added arrow key (←/→) keyboard navigation between gallery items in lightbox - Gallery builds a flat ordered item list to power sequential lightbox navigation - Debounced prompt/batch API calls (180ms) to prevent spam when rapidly navigating - Stale in-flight responses are cancelled so wrong data never flashes - Added shimmer loading skeletons for prompt, reference images, and generation details - Removed focus outlines on nav buttons and modal when using arrow keys - Fixed toggleBulkSelect used-before-declaration error in gallery modal - Added display name for flux_dev_juggernaut
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