@open-slide/core 0.0.14 → 0.0.16

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Yiwei Ho
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/env.d.ts

@@ -0,0 +1,59 @@
+// Ambient module declarations for assets imported from `slides/<id>/assets/`.
+// Mirrors Vite's default asset handling (default export = resolved URL).
+//
+// Consumers opt in via tsconfig:
+//
+//   { "compilerOptions": { "types": ["@open-slide/core/env"] } }
+
+declare module '*.svg' {
+  const src: string;
+  export default src;
+}
+declare module '*.png' {
+  const src: string;
+  export default src;
+}
+declare module '*.jpg' {
+  const src: string;
+  export default src;
+}
+declare module '*.jpeg' {
+  const src: string;
+  export default src;
+}
+declare module '*.webp' {
+  const src: string;
+  export default src;
+}
+declare module '*.gif' {
+  const src: string;
+  export default src;
+}
+declare module '*.avif' {
+  const src: string;
+  export default src;
+}
+declare module '*.mp4' {
+  const src: string;
+  export default src;
+}
+declare module '*.webm' {
+  const src: string;
+  export default src;
+}
+declare module '*.woff' {
+  const src: string;
+  export default src;
+}
+declare module '*.woff2' {
+  const src: string;
+  export default src;
+}
+declare module '*.ttf' {
+  const src: string;
+  export default src;
+}
+declare module '*.otf' {
+  const src: string;
+  export default src;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-slide/core",
-  "version": "0.0.14",
+  "version": "0.0.16",
   "description": "Runtime and CLI for open-slide — write slides in slides/, we handle the rest.",
   "type": "module",
   "exports": {
@@ -11,6 +11,9 @@
     "./vite": {
       "types": "./dist/vite/index.d.ts",
       "import": "./dist/vite/index.js"
+    },
+    "./env": {
+      "types": "./env.d.ts"
     }
   },
   "bin": {
@@ -19,15 +22,11 @@
   "files": [
     "bin.js",
     "dist",
+    "env.d.ts",
     "src/app",
     "skills",
     "README.md"
   ],
-  "scripts": {
-    "build": "tsdown",
-    "typecheck": "tsc --noEmit",
-    "prepack": "pnpm build"
-  },
   "engines": {
     "node": ">=18"
   },
@@ -38,6 +37,11 @@
     "vite"
   ],
   "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/1weiho/open-slide.git",
+    "directory": "packages/core"
+  },
   "publishConfig": {
     "access": "public"
   },
@@ -72,5 +76,9 @@
     "@types/react-dom": "^18.3.1",
     "tsdown": "^0.9.9",
     "typescript": "^5.9.3"
+  },
+  "scripts": {
+    "build": "tsdown",
+    "typecheck": "tsc --noEmit"
   }
-}
+}

package/src/app/components/present/control-bar.tsx

@@ -72,64 +72,64 @@ export function PresentControlBar({
     >
       <TooltipProvider delayDuration={300}>
         <TooltipContainerCtx.Provider value={tooltipContainer ?? null}>
-        <div className="pointer-events-auto flex h-11 items-center gap-1 rounded-full border border-white/10 bg-black/55 px-2 text-white/85 shadow-[0_8px_30px_-8px_oklch(0_0_0/0.6)] backdrop-blur-md">
-          <BarButton label="Previous slide (←)" onClick={onPrev} disabled={index === 0}>
-            <ChevronLeft className="size-4" />
-          </BarButton>
-          <BarButton label="Next slide (→)" onClick={onNext} disabled={index >= total - 1}>
-            <ChevronRight className="size-4" />
-          </BarButton>
+          <div className="pointer-events-auto flex h-11 items-center gap-1 rounded-full border border-white/10 bg-black/55 px-2 text-white/85 shadow-[0_8px_30px_-8px_oklch(0_0_0/0.6)] backdrop-blur-md">
+            <BarButton label="Previous slide (←)" onClick={onPrev} disabled={index === 0}>
+              <ChevronLeft className="size-4" />
+            </BarButton>
+            <BarButton label="Next slide (→)" onClick={onNext} disabled={index >= total - 1}>
+              <ChevronRight className="size-4" />
+            </BarButton>
 
-          <Divider />
+            <Divider />
 
-          <span className="px-2 font-mono text-[11.5px] tracking-[0.08em] tabular-nums uppercase select-none text-white/85">
-            <span className="text-white">{(index + 1).toString().padStart(2, '0')}</span>
-            <span className="text-white/35"> / </span>
-            <span>{total.toString().padStart(2, '0')}</span>
-          </span>
+            <span className="px-2 font-mono text-[11.5px] tracking-[0.08em] tabular-nums uppercase select-none text-white/85">
+              <span className="text-white">{(index + 1).toString().padStart(2, '0')}</span>
+              <span className="text-white/35"> / </span>
+              <span>{total.toString().padStart(2, '0')}</span>
+            </span>
 
-          <Divider />
+            <Divider />
 
-          <ElapsedClock startedAt={startedAt} />
+            <ElapsedClock startedAt={startedAt} />
 
-          <Divider />
+            <Divider />
 
-          <BarButton label="Slide overview (O)" onClick={onOverview}>
-            <Grid2x2 className="size-4" />
-          </BarButton>
-          <BarButton
-            label="Black screen (B)"
-            onClick={() => onBlackout('black')}
-            active={blackout === 'black'}
-          >
-            <Square className="size-4 fill-current" />
-          </BarButton>
-          <BarButton
-            label="White screen (W)"
-            onClick={() => onBlackout('white')}
-            active={blackout === 'white'}
-          >
-            <Sun className="size-4" />
-          </BarButton>
-          <BarButton label="Laser pointer (L)" onClick={onLaser} active={laser}>
-            <Crosshair className="size-4" />
-          </BarButton>
-          <BarButton label="Presenter view (P)" onClick={onPresenter}>
-            <MonitorSpeaker className="size-4" />
-          </BarButton>
-          <BarButton label="Keyboard shortcuts (?)" onClick={onHelp}>
-            <Keyboard className="size-4" />
-          </BarButton>
+            <BarButton label="Slide overview (O)" onClick={onOverview}>
+              <Grid2x2 className="size-4" />
+            </BarButton>
+            <BarButton
+              label="Black screen (B)"
+              onClick={() => onBlackout('black')}
+              active={blackout === 'black'}
+            >
+              <Square className="size-4 fill-current" />
+            </BarButton>
+            <BarButton
+              label="White screen (W)"
+              onClick={() => onBlackout('white')}
+              active={blackout === 'white'}
+            >
+              <Sun className="size-4" />
+            </BarButton>
+            <BarButton label="Laser pointer (L)" onClick={onLaser} active={laser}>
+              <Crosshair className="size-4" />
+            </BarButton>
+            <BarButton label="Presenter view (P)" onClick={onPresenter}>
+              <MonitorSpeaker className="size-4" />
+            </BarButton>
+            <BarButton label="Keyboard shortcuts (?)" onClick={onHelp}>
+              <Keyboard className="size-4" />
+            </BarButton>
 
-          {allowExit && (
-            <>
-              <Divider />
-              <BarButton label="Exit (Esc)" onClick={onExit}>
-                <LogOut className="size-4" />
-              </BarButton>
-            </>
-          )}
-        </div>
+            {allowExit && (
+              <>
+                <Divider />
+                <BarButton label="Exit (Esc)" onClick={onExit}>
+                  <LogOut className="size-4" />
+                </BarButton>
+              </>
+            )}
+          </div>
         </TooltipContainerCtx.Provider>
       </TooltipProvider>
     </div>

package/src/app/components/present/overview-grid.tsx

@@ -22,14 +22,7 @@ type Props = {
  * so each preview is rendered with the slide's design tokens but with
  * motion frozen. Arrow keys move focus; Enter/click jumps and closes.
  */
-export function PresentOverviewGrid({
-  pages,
-  design,
-  open,
-  current,
-  onClose,
-  onSelect,
-}: Props) {
+export function PresentOverviewGrid({ pages, design, open, current, onClose, onSelect }: Props) {
   const [focused, setFocused] = useState(current);
   const gridRef = useRef<HTMLDivElement>(null);
   const focusedRef = useRef<HTMLButtonElement | null>(null);

package/src/app/routes/home.tsx

@@ -1,12 +1,4 @@
-import {
-  FolderInput,
-  FolderPlus,
-  MoreHorizontal,
-  Pencil,
-  Search,
-  Trash2,
-  X,
-} from 'lucide-react';
+import { FolderInput, FolderPlus, MoreHorizontal, Pencil, Search, Trash2, X } from 'lucide-react';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { Link, useSearchParams } from 'react-router-dom';
 import { Button } from '@/components/ui/button';
@@ -79,7 +71,9 @@ export function Home() {
   const [query, setQuery] = useState('');
   const [titleMap, setTitleMap] = useState<Record<string, string>>({});
   const reportTitle = useCallback((slideId: string, slideTitle: string) => {
-    setTitleMap((prev) => (prev[slideId] === slideTitle ? prev : { ...prev, [slideId]: slideTitle }));
+    setTitleMap((prev) =>
+      prev[slideId] === slideTitle ? prev : { ...prev, [slideId]: slideTitle },
+    );
   }, []);
 
   const trimmedQuery = query.trim().toLowerCase();
@@ -152,7 +146,9 @@ export function Home() {
                   .toString()
                   .padStart(2, '0')}
                 {isSearching && (
-                  <span className="opacity-40">/{visibleSlides.length.toString().padStart(2, '0')}</span>
+                  <span className="opacity-40">
+                    /{visibleSlides.length.toString().padStart(2, '0')}
+                  </span>
                 )}
               </span>
               <div className="ml-auto w-full md:w-auto">
@@ -219,13 +215,7 @@ function MobileFolderPill({
   );
 }
 
-function SearchInput({
-  value,
-  onChange,
-}: {
-  value: string;
-  onChange: (value: string) => void;
-}) {
+function SearchInput({ value, onChange }: { value: string; onChange: (value: string) => void }) {
   return (
     <div className="relative w-full md:w-[240px]">
       <Search
@@ -262,8 +252,8 @@ function NoResultsState({ query, onClear }: { query: string; onClear: () => void
         </div>
         <p className="mt-4 font-heading text-[15px] font-semibold tracking-tight">No matches</p>
         <p className="mt-1.5 text-[13px] leading-relaxed text-muted-foreground">
-          Nothing matches{' '}
-          <span className="font-medium text-foreground">&ldquo;{query}&rdquo;</span> in this folder.
+          Nothing matches <span className="font-medium text-foreground">&ldquo;{query}&rdquo;</span>{' '}
+          in this folder.
         </p>
         <Button variant="ghost" size="sm" className="mt-4" onClick={onClear}>
           Clear search
@@ -413,10 +403,7 @@ function SlideCard({
           setDragging(true);
         }}
         onDragEnd={() => setDragging(false)}
-        className={cn(
-          'group relative motion-safe:transition-opacity',
-          dragging && 'opacity-40',
-        )}
+        className={cn('group relative motion-safe:transition-opacity', dragging && 'opacity-40')}
       >
         <Link to={`/s/${id}`} className="block focus-visible:outline-none">
           {/* Slide thumb — tight border, grey baseboard, no shadcn rounded-xl */}

package/src/app/routes/presenter.tsx

@@ -1,11 +1,4 @@
-import {
-  ChevronLeft,
-  ChevronRight,
-  Loader2,
-  RotateCcw,
-  Square,
-  Sun,
-} from 'lucide-react';
+import { ChevronLeft, ChevronRight, Loader2, RotateCcw, Square, Sun } from 'lucide-react';
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { useParams } from 'react-router-dom';
 import { Button } from '@/components/ui/button';
@@ -71,14 +64,8 @@ export function Presenter() {
   const goPrev = useCallback(() => send({ type: 'prev' }), [send]);
   const goNext = useCallback(() => send({ type: 'next' }), [send]);
   const goTo = useCallback((i: number) => send({ type: 'goto', index: i }), [send]);
-  const toggleBlack = useCallback(
-    () => send({ type: 'toggle-blackout', mode: 'black' }),
-    [send],
-  );
-  const toggleWhite = useCallback(
-    () => send({ type: 'toggle-blackout', mode: 'white' }),
-    [send],
-  );
+  const toggleBlack = useCallback(() => send({ type: 'toggle-blackout', mode: 'black' }), [send]);
+  const toggleWhite = useCallback(() => send({ type: 'toggle-blackout', mode: 'white' }), [send]);
 
   // Local-window key bindings mirror the projection's main shortcuts so the
   // presenter can drive without the mouse.
@@ -368,10 +355,7 @@ function Clock() {
     return () => clearInterval(id);
   }, []);
   return (
-    <time
-      title="Current time"
-      className="font-mono text-[12px] tabular-nums text-white/55"
-    >
+    <time title="Current time" className="font-mono text-[12px] tabular-nums text-white/55">
       {now.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}
     </time>
   );
@@ -397,4 +381,3 @@ function ElapsedClock({ startedAt }: { startedAt: number }) {
     </time>
   );
 }
-