@open-press/core 1.1.0 → 1.1.2

package/engine/commands/dev.mjs

@@ -17,7 +17,7 @@ export async function run({ root, options }) {
   }
   const host = options.host ?? "127.0.0.1";
   const port = options.port ?? "5173";
-  const url = `http://${host}:${port}/?dev=1`;
+  const url = `http://${host}:${port}/workspace`;
   if (options.dryRun) {
     console.log(`OpenPress dev URL: ${url}`);
     if (!options.noBuild) {

package/engine/commands/typecheck.mjs

@@ -1,7 +1,9 @@
 import fs from "node:fs";
+import { mkdir, writeFile } from "node:fs/promises";
 import path from "node:path";
 import { createRequire } from "node:module";
-import { runCommand } from "./_shared.mjs";
+import { FRAMEWORK_ROOT, runCommand } from "./_shared.mjs";
+import { loadConfig } from "../runtime/config.mjs";
 
 // Run typecheck via the locally installed typescript. The previous
 // implementation used `npx tsc`; npm 11 + Node 24 (our CI / release
@@ -17,14 +19,15 @@ import { runCommand } from "./_shared.mjs";
 //      even when bare require.resolve doesn't, which is what CI hits.
 export async function run({ root }) {
   const absoluteRoot = path.resolve(root);
+  const projectPath = await resolveTypecheckProject(absoluteRoot);
 
   const tscBin = resolveTscBin(absoluteRoot);
   if (tscBin) {
-    return runCommand("node", [tscBin, "--noEmit", "-p", "tsconfig.json"], absoluteRoot);
+    return runCommand("node", [tscBin, "--noEmit", "-p", projectPath], absoluteRoot);
   }
 
   if (hasCommand("pnpm")) {
-    return runCommand("pnpm", ["exec", "tsc", "--noEmit", "-p", "tsconfig.json"], absoluteRoot);
+    return runCommand("pnpm", ["exec", "tsc", "--noEmit", "-p", projectPath], absoluteRoot);
   }
 
   console.error("[openpress] typescript is not installed in this workspace.");
@@ -32,6 +35,88 @@ export async function run({ root }) {
   return 1;
 }
 
+async function resolveTypecheckProject(absoluteRoot) {
+  const workspaceProject = path.join(absoluteRoot, "tsconfig.json");
+  if (fs.existsSync(workspaceProject)) return workspaceProject;
+  return await writeGeneratedTypecheckProject(absoluteRoot);
+}
+
+async function writeGeneratedTypecheckProject(absoluteRoot) {
+  const config = await loadConfig(absoluteRoot);
+  const outDir = path.join(absoluteRoot, ".openpress");
+  await mkdir(outDir, { recursive: true });
+
+  const projectPath = path.join(outDir, "typecheck.tsconfig.json");
+  const fromProjectDir = (target) => normalizePath(path.relative(outDir, target)) || ".";
+  const fromWorkspace = (target) => normalizePath(path.relative(absoluteRoot, target)) || ".";
+  const includeRoot = (target) => {
+    const relative = fromProjectDir(target);
+    return relative === "." ? "." : relative;
+  };
+
+  const typeRoots = [
+    path.join(absoluteRoot, "node_modules", "@types"),
+    path.join(FRAMEWORK_ROOT, "node_modules", "@types"),
+  ]
+    .filter((dir) => fs.existsSync(dir))
+    .map((dir) => fromProjectDir(dir));
+
+  const typecheckConfig = {
+    compilerOptions: {
+      target: "ES2022",
+      useDefineForClassFields: true,
+      lib: ["DOM", "DOM.Iterable", "ES2022"],
+      allowJs: false,
+      skipLibCheck: true,
+      esModuleInterop: true,
+      allowSyntheticDefaultImports: true,
+      strict: true,
+      forceConsistentCasingInFileNames: true,
+      module: "ESNext",
+      moduleResolution: "Bundler",
+      types: ["node"],
+      ...(typeRoots.length > 0 ? { typeRoots } : {}),
+      resolveJsonModule: true,
+      isolatedModules: true,
+      noEmit: true,
+      jsx: "react-jsx",
+      ignoreDeprecations: "6.0",
+      baseUrl: "..",
+      paths: {
+        "@open-press/core": [fromWorkspace(path.join(FRAMEWORK_ROOT, "src", "openpress", "core", "index.tsx"))],
+        "@open-press/core/mdx": [fromWorkspace(path.join(FRAMEWORK_ROOT, "src", "openpress", "mdx", "index.ts"))],
+        "@open-press/core/manuscript": [fromWorkspace(path.join(FRAMEWORK_ROOT, "src", "openpress", "manuscript", "index.tsx"))],
+        "@open-press/core/numbering": [fromWorkspace(path.join(FRAMEWORK_ROOT, "src", "openpress", "numbering", "index.ts"))],
+        "@/components": [
+          `${fromWorkspace(config.paths.componentsDir)}/index.ts`,
+          `${fromWorkspace(config.paths.componentsDir)}/index.tsx`,
+        ],
+        "@/components/*": [`${fromWorkspace(config.paths.componentsDir)}/*`],
+        "@workspace/content": [fromWorkspace(config.paths.sourceDir)],
+        "@workspace/content/*": [`${fromWorkspace(config.paths.sourceDir)}/*`],
+        "@workspace/media": [fromWorkspace(config.paths.mediaDir)],
+        "@workspace/media/*": [`${fromWorkspace(config.paths.mediaDir)}/*`],
+        "@workspace/components": [fromWorkspace(config.paths.componentsDir)],
+        "@workspace/components/*": [`${fromWorkspace(config.paths.componentsDir)}/*`],
+        "@/*": [`${fromWorkspace(path.join(FRAMEWORK_ROOT, "src"))}/*`],
+      },
+    },
+    include: [
+      `${includeRoot(config.paths.documentRoot)}/**/*.ts`,
+      `${includeRoot(config.paths.documentRoot)}/**/*.tsx`,
+      "../tests/**/*.test.ts",
+      "../tests/**/*.test.tsx",
+    ],
+  };
+
+  await writeFile(projectPath, `${JSON.stringify(typecheckConfig, null, 2)}\n`, "utf8");
+  return projectPath;
+}
+
+function normalizePath(value) {
+  return value.replaceAll("\\", "/");
+}
+
 function resolveTscBin(absoluteRoot) {
   try {
     const require = createRequire(path.join(absoluteRoot, "package.json"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-press/core",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "type": "module",
   "description": "open-press core — runtime primitives, CLI, and render pipeline for AI-first fixed-layout documents.",
   "license": "MIT",

package/src/openpress/app/OpenPressApp.tsx

@@ -218,20 +218,33 @@ export function OpenPressApp() {
 
 function currentSlugFromLocation(): string {
   if (typeof window === "undefined") return "";
-  return normalizeSlug(window.location.pathname);
+  return slugFromWorkspacePathname(window.location.pathname);
 }
 
 function normalizeSlug(raw: string): string {
   return raw.replace(/^\/+|\/+$/g, "");
 }
 
+function slugFromWorkspacePathname(pathname: string): string {
+  const normalized = normalizeSlug(pathname);
+  if (!normalized || normalized === "workspace") return "";
+
+  const segments = normalized.split("/").filter(Boolean);
+  if (segments.length === 2 && segments[1] === "preview") {
+    return segments[0] ?? "";
+  }
+
+  // Legacy static/public route compatibility. New workspace navigation
+  // writes /workspace and /<press-slug>/preview.
+  return normalized;
+}
+
 function pushSlug(slug: string) {
   if (typeof window === "undefined") return;
-  // Preserve the current query string (e.g. ?dev=1 keeps the workbench
-  // chrome alive across gallery navigation). Drop the hash — it's a
-  // page anchor that means nothing in a different document.
-  const pathname = slug ? `/${normalizeSlug(slug)}` : "/";
-  const target = `${pathname}${window.location.search}`;
+  // Drop query + hash: workbench routing is path-based, and page anchors
+  // do not transfer across documents.
+  const pathname = slug ? `/${normalizeSlug(slug)}/preview` : "/workspace";
+  const target = pathname;
   if (window.location.pathname === pathname) return;
   window.history.pushState({}, "", target);
 }

package/src/openpress/reader/PageThumbnailsPanel.tsx

@@ -69,6 +69,7 @@ function ThumbnailCard({
   aspectRatio: string;
 }) {
   const surfaceRef = useRef<HTMLDivElement>(null);
+  const cardRef = useRef<HTMLDivElement>(null);
   const [scale, setScale] = useState<number | null>(null);
 
   useEffect(() => {
@@ -86,6 +87,11 @@ function ThumbnailCard({
     return () => ro.disconnect();
   }, [pageWidthPx, pageHeightPx]);
 
+  useEffect(() => {
+    if (!active) return;
+    cardRef.current?.scrollIntoView({ block: "nearest" });
+  }, [active]);
+
   const className = `openpress-thumb-card${active ? " is-active" : ""}`;
   // Wrap the page HTML using the same class structure as the main
   // reader (`.openpress-html-page > .openpress-html-page__html`) so
@@ -117,6 +123,7 @@ function ThumbnailCard({
 
   return (
     <div
+      ref={cardRef}
       role="button"
       tabIndex={0}
       className={className}

package/src/openpress/shared/runtimeMode.ts

@@ -2,10 +2,18 @@ export function isLocalWorkspaceHost(hostname: string) {
   return hostname === "localhost" || hostname === "127.0.0.1" || hostname === "::1";
 }
 
-export function isWorkspaceModeLocation(location: Pick<Location, "hostname" | "search">) {
-  return isLocalWorkspaceHost(location.hostname) && new URLSearchParams(location.search).has("dev");
+export function isWorkspaceModeLocation(location: Pick<Location, "hostname" | "pathname">) {
+  if (!isLocalWorkspaceHost(location.hostname)) return false;
+  const pathname = normalizePathname(location.pathname);
+  if (pathname === "workspace") return true;
+  const segments = pathname.split("/").filter(Boolean);
+  return segments.length === 2 && segments[1] === "preview";
 }
 
 export function isPrintModeLocation(location: Pick<Location, "search">) {
   return new URLSearchParams(location.search).has("print");
 }
+
+function normalizePathname(pathname: string) {
+  return pathname.replace(/^\/+|\/+$/g, "");
+}

package/src/styles/openpress/workbench-panels.css

@@ -597,24 +597,36 @@
    (canvas-style Press: social posts, slides). Renders the actual page
    HTML scaled down so the user can navigate by visual recognition. */
 .openpress-reader-app .openpress-panel-section--thumbnails {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  padding: 8px 14px 16px;
+  display: grid;
+  grid-template-rows: minmax(0, 1fr);
   min-height: 0;
+  overflow: hidden;
+  padding: 8px 14px 12px;
 }
 
 .openpress-reader-app .openpress-thumb-list {
   display: flex;
+  min-height: 0;
   flex-direction: column;
   gap: 10px;
   margin: 0;
-  padding: 0;
+  overflow: auto;
+  padding: 0 0 10px;
   list-style: none;
+  overscroll-behavior: contain;
+  scrollbar-width: none;
+}
+
+.openpress-reader-app .openpress-thumb-list::-webkit-scrollbar {
+  width: 0;
+  height: 0;
+  display: none;
 }
 
 .openpress-reader-app .openpress-thumb-card {
   display: grid;
+  width: 100%;
+  min-width: 0;
   grid-template-columns: 20px minmax(0, 1fr);
   align-items: stretch;
   gap: 6px;