@open-slide/core 1.0.3 → 1.0.5

package/dist/{preview-CSA05Gfm.js → preview-BwYjtENY.js}

@@ -1,5 +1,5 @@
 import "./design-C13iz9_4.js";
-import { createViteConfig } from "./config-CN7J0RDO.js";
+import { createViteConfig } from "./config-Bxtztw-H.js";
 import { mergeConfig, preview as preview$1 } from "vite";
 
 //#region src/cli/preview.ts

package/dist/types-BVvl_xup.d.ts

@@ -0,0 +1,314 @@
+//#region src/locale/types.d.ts
+type Plural = {
+  one: string;
+  other: string;
+};
+type Locale = {
+  id: 'en' | 'zh-TW' | 'zh-CN' | 'ja';
+  common: {
+    cancel: string;
+    save: string;
+    saving: string;
+    saved: string;
+    discard: string;
+    delete: string;
+    rename: string;
+    move: string;
+    close: string;
+    loading: string;
+    loadFailed: string;
+    failedToLoadSlide: string;
+    home: string;
+    backToHome: string;
+    preview: string;
+    add: string;
+    done: string;
+    tryAgain: string;
+    undo: string;
+    redo: string;
+    light: string;
+    dark: string;
+    system: string;
+    selected: string;
+  };
+  notFound: {
+    eyebrow: string;
+    title: string;
+  };
+  home: {
+    appTitle: string;
+    draft: string;
+    folders: string;
+    newFolder: string;
+    folderName: string;
+    changeIcon: string;
+    iconEmojiTab: string;
+    iconColorTab: string;
+    folderActions: string;
+    searchPlaceholder: string;
+    clearSearch: string;
+    noMatches: string;
+    nothingMatchesPrefix: string;
+    nothingMatchesSuffix: string;
+    noSlidesYet: string;
+    createSlideHintPrefix: string;
+    createSlideHintMid: string;
+    createSlideHintSuffix: string;
+    folderEmptyTitle: string;
+    folderEmptyHint: string;
+    slideActions: string;
+    moveToFolder: string;
+    renameDialogEyebrow: string;
+    renameDialogTitle: string;
+    renameDialogDescription: string;
+    slideNamePlaceholder: string;
+    moveDialogEyebrow: string;
+    moveDialogTitle: string;
+    moveDialogDescriptionPrefix: string;
+    moveDialogDescriptionSuffix: string;
+    deleteDialogEyebrow: string;
+    deleteDialogTitle: string;
+    deleteDialogDescriptionPrefix: string;
+    deleteDialogDescriptionMid: string;
+    deleteDialogDescriptionSuffix: string;
+    /** template: "Created folder “{name}”" */
+    toastFolderCreated: string;
+    toastFolderCreateFailed: string;
+    /** template: "Moved “{slide}” to {folder}" */
+    toastSlideMoved: string;
+    toastSlideMoveFailed: string;
+    /** template: "Deleted folder “{name}”" */
+    toastFolderDeleted: string;
+    toastFolderDeleteFailed: string;
+    pickIcon: string;
+  };
+  slide: {
+    home: string;
+    backToHome: string;
+    download: string;
+    exportAsHtml: string;
+    exportAsPdf: string;
+    pdfExportFailed: string;
+    present: string;
+    slidesTab: string;
+    assetsTab: string;
+    renameSlide: string;
+    loadingEyebrow: string;
+    emptyEyebrow: string;
+    nothingToShow: string;
+    emptyHintPrefix: string;
+    emptyHintMust: string;
+    emptyHintSuffix: string;
+  };
+  presenter: {
+    eyebrow: string;
+    notLinked: string;
+    nowShowing: string;
+    upNext: string;
+    lastSlide: string;
+    endOfDeck: string;
+    speakerNotes: string;
+    noNotesPrefix: string;
+    noNotesSuffix: string;
+    blackScreen: string;
+    whiteScreen: string;
+    prev: string;
+    next: string;
+    black: string;
+    white: string;
+    reset: string;
+    resetTimer: string;
+    currentTime: string;
+    elapsed: string;
+    jump: string;
+    /** template: "Loading {slideId}…" */
+    loadingSlide: string;
+  };
+  present: {
+    prevSlideAria: string;
+    nextSlideAria: string;
+    overviewAria: string;
+    blackoutAria: string;
+    whiteoutAria: string;
+    laserAria: string;
+    presenterAria: string;
+    helpAria: string;
+    exitAria: string;
+    elapsedTime: string;
+    helpEyebrow: string;
+    helpTitle: string;
+    shortcutNext: string;
+    shortcutPrev: string;
+    shortcutFirstLast: string;
+    shortcutJump: string;
+    shortcutOverview: string;
+    shortcutBlack: string;
+    shortcutWhite: string;
+    shortcutLaser: string;
+    shortcutPresenter: string;
+    shortcutToggleHelp: string;
+    shortcutCloseExit: string;
+    overviewDialogAria: string;
+    overviewEyebrow: string;
+    /** template: "Go to slide {n}" */
+    overviewGoToAria: string;
+    nowBadge: string;
+  };
+  inspector: {
+    inspect: string;
+    deselect: string;
+    contentSection: string;
+    typographySection: string;
+    colorSection: string;
+    textColor: string;
+    backgroundColor: string;
+    imageSection: string;
+    imagePlaceholderSection: string;
+    elementTextPlaceholder: string;
+    sizeLabel: string;
+    weightLabel: string;
+    weightLight: string;
+    weightRegular: string;
+    weightMedium: string;
+    weightSemibold: string;
+    weightBold: string;
+    weightExtrabold: string;
+    styleLabel: string;
+    boldAria: string;
+    italicAria: string;
+    lineHeightLabel: string;
+    trackingLabel: string;
+    alignLabel: string;
+    clearAria: string;
+    replace: string;
+    replaceImageDialogTitle: string;
+    /** template: "Pick an asset from {path}." */
+    replaceImageDescription: string;
+    pickerLoading: string;
+    pickerEmpty: string;
+    placeholderHintLabel: string;
+    noteForAgent: string;
+    noteAgentPlaceholder: string;
+    noteShortcutHint: string;
+    addNote: string;
+    /** templates: "{count} unsaved change" / "{count} unsaved changes" */
+    unsavedChanges: Plural;
+    /** templates: "{count} comment" / "{count} comments" */
+    commentsCount: Plural;
+    /** template: "line {n}" */
+    commentLineLabel: string;
+    commentsEmpty: string;
+    commentsApplyHintPrefix: string;
+    commentsApplyHintSuffix: string;
+    commentDeleteAria: string;
+    /** Prefix for the toast shown when one or more buffered edits fail to write to disk. */
+    saveFailed: string;
+  };
+  stylePanel: {
+    designTokens: string;
+    draftBadge: string;
+    unsavedTitle: string;
+    closePanelAria: string;
+    colorsSection: string;
+    typographySection: string;
+    shapeSection: string;
+    backgroundLabel: string;
+    textLabel: string;
+    accentLabel: string;
+    displayFontLabel: string;
+    bodyFontLabel: string;
+    heroLabel: string;
+    bodyLabel: string;
+    radiusLabel: string;
+    designToggle: string;
+    designToggleTitle: string;
+    fontPresetCustom: string;
+  };
+  asset: {
+    devOnlyMessage: string;
+    sectionAria: string;
+    eyebrow: string;
+    /** templates: "{count} file" / "{count} files" */
+    fileCount: Plural;
+    searchLogos: string;
+    upload: string;
+    dropToUpload: string;
+    loading: string;
+    noAssetsYet: string;
+    noAssetsHintPrefix: string;
+    noAssetsHintSuffix: string;
+    nameAlreadyExists: string;
+    /** template: "Preview {name}" */
+    previewAria: string;
+    /** template: "Actions for {name}" */
+    actionsAria: string;
+    previewMenuItem: string;
+    renameMenuItem: string;
+    deleteMenuItem: string;
+    conflictTitle: string;
+    /** template: "{name} is already in this slide's assets folder." */
+    conflictDescription: string;
+    conflictReplace: string;
+    conflictRenameCopy: string;
+    deleteAssetTitle: string;
+    /** template: "Delete {name}? Imports referencing this file in the slide will break." */
+    deleteAssetDescription: string;
+    noPreview: string;
+    importHintComment: string;
+    importHintSemi: string;
+    logoSearchTitle: string;
+    logoSearchPoweredByPrefix: string;
+    logoSearchPlaceholder: string;
+    logoSearchErrorTitle: string;
+    logoSearchErrorBody: string;
+    /** template: 'No logos for "{query}"' */
+    logoSearchNoResults: string;
+    logoSearchEmpty: string;
+    logoSearchEmptyHintPrefix: string;
+    logoSearchEmptyHintSuffix: string;
+    logoVariantLight: string;
+    logoVariantDark: string;
+    /** template: "Upload failed ({status})" */
+    toastUploadFailed: string;
+    /** template: "Replaced {name}" */
+    toastReplaced: string;
+    /** template: "Uploaded as {name}" */
+    toastUploadedAs: string;
+    /** template: "Uploaded {name}" */
+    toastUploaded: string;
+    /** template: "Rename failed ({status})" */
+    toastRenameFailed: string;
+    /** template: "Renamed to {name}" */
+    toastRenamed: string;
+    /** template: "Delete failed ({status})" */
+    toastDeleteFailed: string;
+    /** template: "Deleted {name}" */
+    toastDeleted: string;
+    toastDownloadFailed: string;
+    toastSearchFailed: string;
+  };
+  thumbnailRail: {
+    pages: string;
+    /** template: "Go to page {n}" */
+    goToPageAria: string;
+  };
+  pdfToast: {
+    title: string;
+    /** template: "Processing page {current} of {total}" */
+    processing: string;
+    printing: string;
+    done: string;
+  };
+  themeToggle: {
+    toggleAria: string;
+    title: string;
+    light: string;
+    dark: string;
+    system: string;
+  };
+  clickNav: {
+    prevAria: string;
+    nextAria: string;
+  };
+}; //#endregion
+export { Locale, Plural };

package/dist/vite/index.d.ts

@@ -1,4 +1,5 @@
-import { OpenSlideConfig } from "../config-DweCbRkQ.js";
+import "../types-BVvl_xup.js";
+import { OpenSlideConfig } from "../config-D2y1AXaN.js";
 import { InlineConfig } from "vite";
 
 //#region src/vite/config.d.ts

package/dist/vite/index.js

@@ -1,4 +1,4 @@
 import "../design-C13iz9_4.js";
-import { createViteConfig } from "../config-CN7J0RDO.js";
+import { createViteConfig } from "../config-Bxtztw-H.js";
 
 export { createViteConfig };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-slide/core",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "Runtime and CLI for open-slide — write slides in slides/, we handle the rest.",
   "type": "module",
   "exports": {
@@ -12,6 +12,10 @@
       "types": "./dist/vite/index.d.ts",
       "import": "./dist/vite/index.js"
     },
+    "./locale": {
+      "types": "./dist/locale/index.d.ts",
+      "import": "./dist/locale/index.js"
+    },
     "./env": {
       "types": "./env.d.ts"
     }
@@ -24,6 +28,7 @@
     "dist",
     "env.d.ts",
     "src/app",
+    "src/locale",
     "skills",
     "README.md"
   ],
@@ -47,6 +52,7 @@
   },
   "dependencies": {
     "@babel/parser": "^7.29.2",
+    "@babel/types": "^7.29.0",
     "@fontsource-variable/geist": "^5.2.8",
     "@tailwindcss/vite": "^4.2.2",
     "@vitejs/plugin-react": "^4.3.3",

package/skills/create-slide/SKILL.md

@@ -13,23 +13,33 @@ You only write files under `slides/<id>/`. Never modify `package.json`, `open-sl
 
 List files under `themes/`. If any theme markdown files exist (anything other than `README.md`), call `AskUserQuestion` with each theme id as an option plus a final **"no theme — design from scratch"** option.
 
-- If the user picks a theme: read `themes/<id>.md` end-to-end. The theme's palette, typography, layout, and Title/Footer components are now authoritative — copy them directly into the slide. In Step 2, you can skip the **topic & aesthetic** question (the theme already commits to one direction); still ask about page count, text density, and motion since those are independent of theme.
+- If the user picks a theme: read `themes/<id>.md` end-to-end. The theme's palette, typography, layout, and Title/Footer components are now authoritative — copy them directly into the slide. In Step 2, skip the **aesthetic direction** question (the theme already commits to one direction); you still need the topic itself, so confirm it before moving on. Page count, text density, and motion are independent of theme — ask those normally.
 - If the user picks "no theme", or `themes/` is empty (or contains only `README.md`): proceed to Step 2 unchanged.
 
 If you skip the aesthetic question because a theme was picked, restate the theme name in Step 2 so the user can correct course before you start writing.
 
 ## Step 2 — Clarify requirements (MUST ask before writing code)
 
-**Before doing anything else, call `AskUserQuestion` to confirm the four key style decisions below.** These shape every downstream choice (layout, type scale, asset needs, motion code), so locking them in up front avoids rework. Only skip a question when the user's original message already gave an unambiguous answer for it — and if you skip, restate your assumption so they can correct it.
+**Before writing any code, lock in the four key style decisions below via `AskUserQuestion`.** They shape every downstream choice (layout, type scale, asset needs, motion code), so locking them in up front avoids rework. Only skip a question when the user's original message already gave an unambiguous answer for it — and if you skip, restate your assumption so they can correct it.
 
-Ask these four in a single `AskUserQuestion` call (multi-question form):
+**Topic comes first.** A meaningful aesthetic recommendation requires knowing what the deck is about. If the user's initial request is thin ("make me a deck", "draft some slides"), make a *separate* `AskUserQuestion` call first to gather topic, audience, and any draft outline. Skip this only if the topic is already clear from the user's message — in which case restate your reading of the topic in the next call so they can correct course.
+
+Then ask these four in a single `AskUserQuestion` call (multi-question form):
+
+1. **Aesthetic direction** — propose 3 visual directions tailored to *this* topic. Do **not** pull from a fixed preset list. Each option must combine a vibe word + a concrete visual cue (palette, typography, motif) so the user can picture it; bare labels like "minimal" or "corporate" alone are too vague. The three options should feel meaningfully different from each other — not three flavors of the same idea.
+
+   How options should shift with topic:
+   - *"Intro to Rust for backend engineers"* → **rust-orange technical editorial** (warm rust/charcoal, mono headings, code-grid layout) · **blueprint dev-doc** (cyan grid on near-black, monospace, schematic feel) · **brutalist terminal** (lime-on-black, ASCII rules, no-nonsense)
+   - *"Q2 product roadmap for stakeholders"* → **calm corporate clean** (off-white, single accent, generous whitespace) · **confident editorial** (large display serif, tight grid, one bold accent) · **data-forward dashboard** (charts as hero, muted neutrals + status colors)
+   - *"Kindergarten parent night"* → **playful crayon** (paper texture, hand-drawn accents, primary colors) · **soft pastel storybook** (peach/mint, rounded type, illustrated icons) · **warm photo-led** (full-bleed kid photos, simple captions)
+
+   Mark the option that best fits the topic and audience as "(Recommended)" so the user has a sensible default. (`AskUserQuestion` already auto-adds "Other" — don't add a generic catch-all yourself.)
 
-1. **Topic & aesthetic** — what is this slide about, and what visual direction? Offer options like: minimal editorial, playful, corporate-clean, retro, brutalist, soft/pastel, dark neon. If they have no preference, propose one.
 2. **Page count** — rough length. Offer brackets: 3–5 (short), 6–10 (standard), 11–20 (deep dive), custom.
 3. **Text density per page** — how much copy lives on each page? Offer: minimal (one line / big number), light (heading + 2–3 bullets), standard (heading + 4–5 bullets or short paragraph), dense (multi-column / detailed). This directly drives type scale and layout.
 4. **Motion** — does the user want CSS/React animations and transitions, or a fully static deck? Offer: static (no motion), subtle (fades / entrance only), rich (keyframes, staggered reveals, looping visuals). If animated, plan to use CSS `@keyframes` / inline `style` + `useEffect`; no extra libraries.
 
-After those four, ask follow-ups **only if still unclear**: audience, any drafted outline/content, brand colors, required assets. Don't pad the conversation with questions already answered.
+After those four, ask follow-ups **only if still unclear**: brand colors, required assets. Don't pad the conversation with questions already answered.
 
 ## Step 3 — Pick a slide id
 

package/src/app/app.tsx

@@ -1,6 +1,7 @@
 import config from 'virtual:open-slide/config';
 import { BrowserRouter, Route, Routes } from 'react-router-dom';
 import { Toaster } from './components/ui/sonner';
+import { useLocale } from './lib/use-locale';
 import { Home } from './routes/home';
 import { Presenter } from './routes/presenter';
 import { Slide } from './routes/slide';
@@ -20,11 +21,14 @@ export function App() {
 }
 
 function NotFound() {
+  const t = useLocale();
   return (
     <div className="grid h-screen place-items-center bg-background px-6 text-center text-foreground">
       <div>
-        <p className="folio">404 · not found</p>
-        <h1 className="mt-2 font-heading text-2xl font-semibold tracking-tight">Page not found</h1>
+        <p className="folio">{t.notFound.eyebrow}</p>
+        <h1 className="mt-2 font-heading text-2xl font-semibold tracking-tight">
+          {t.notFound.title}
+        </h1>
       </div>
     </div>
   );