@jxsuite/import 0.42.4 → 0.43.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jxsuite/import",
-  "version": "0.42.4",
+  "version": "0.43.0",
   "description": "Clone a live website into a Jx project",
   "license": "MIT",
   "repository": {
@@ -35,9 +35,9 @@
     "import": "bun run src/cli.ts"
   },
   "dependencies": {
-    "@jxsuite/markup": "^1.0.4",
-    "@jxsuite/protocol": "^6.2.2",
-    "@jxsuite/schema": "^5.2.0",
+    "@jxsuite/markup": "^1.0.6",
+    "@jxsuite/protocol": "^6.2.4",
+    "@jxsuite/schema": "^5.4.0",
     "pixelmatch": "^8.0.0",
     "pngjs": "^7.0.0",
     "puppeteer-core": "^25.12.0"
@@ -49,6 +49,6 @@
     "happy-dom": "^21.0.3"
   },
   "optionalDependencies": {
-    "@jxsuite/compiler": "^8.2.0"
+    "@jxsuite/compiler": "^8.4.0"
   }
 }

package/src/cli.ts

@@ -10,6 +10,7 @@ import {
   MIN_BREAKPOINT_WIDTH,
 } from "./breakpoint-plan.ts";
 import type { BreakpointPolicy, BreakpointRounding } from "./breakpoint-plan.ts";
+import { NEW_PROJECT_FILE_NAME } from "@jxsuite/schema/project-file";
 
 function usage(): never {
   console.log(`Usage: jx-import <url> [options]
@@ -246,7 +247,7 @@ async function main(siteUrl: string) {
 
     console.log(`\nDone! Open in Studio:`);
     console.log(
-      `  http://localhost:3000/packages/studio/index.html?project=${outDir}/project.json`,
+      `  http://localhost:3000/packages/studio/index.html?project=${outDir}/${NEW_PROJECT_FILE_NAME}`,
     );
   } catch (error) {
     console.error(`Error: ${error instanceof Error ? error.message : error}`);

package/src/emit.ts

@@ -1,9 +1,10 @@
 import { isString } from "@jxsuite/schema/guards";
-import type { JxElement, JxHeadEntry } from "@jxsuite/schema/types";
+import type { JxElement, JxHeadEntry, ProjectConfig } from "@jxsuite/schema/types";
 import { componentize } from "./componentize.ts";
 import { stripClasses } from "./strip-classes.ts";
 import type { ComponentizeOptions, ComponentizeResult } from "./componentize.ts";
 import type { ImportIo } from "./io.ts";
+import { NEW_PROJECT_FILE_NAME, serializeProjectFile } from "@jxsuite/schema/project-file";
 
 /**
  * The `$media` key the base width lives under — a number of CSS pixels, not a query.
@@ -250,9 +251,11 @@ export async function emitMultiPageProject({
     });
   }
 
-  const projectText = `${JSON.stringify(projectJson, null, 2)}\n`;
-  await io.write("project.json", projectText);
-  files.push("project.json");
+  /* SAFETY: every ProjectConfig member is optional, and this project's shape is what the import
+     emits; `jx validate` holds it to the per-project schema. */
+  const projectText = serializeProjectFile(projectJson as ProjectConfig, null);
+  await io.write(NEW_PROJECT_FILE_NAME, projectText);
+  files.push(NEW_PROJECT_FILE_NAME);
 
   /*
    * Classes go here, at the last possible moment, and that placement is the whole design.

package/src/run.ts

@@ -18,6 +18,7 @@ import type { BreakpointPolicy } from "./breakpoint-plan.ts";
 import type { ImportPhase, ImportProgressEvent } from "./pipeline.ts";
 import type { VerifyOptions } from "./verify.ts";
 import type { Browser } from "puppeteer-core";
+import { NEW_PROJECT_FILE_NAME, serializeProjectFile } from "@jxsuite/schema/project-file";
 
 export type { ImportPhase, ImportProgressEvent } from "./pipeline.ts";
 
@@ -117,7 +118,6 @@ export interface ImportSiteResult {
 const DEFAULT_AI_MODEL = "gpt-4o-mini";
 
 /** The one file the seed writes, and the only thing the empty-directory guard tolerates. */
-const PROJECT_FILE = "project.json";
 
 /** A placeholder project name from the URL, replaced by the page title at emit. */
 function seedName(url: string): string {
@@ -150,7 +150,7 @@ export async function importSite(
      given a `project.json` before the browser launches, so a host can open the project and watch the
      rest of the run arrive in its file tree — and a guard that could not tell that seed from a
      stranger's files would refuse every import at its second statement. */
-  if (existsSync(outDir) && readdirSync(outDir).some((entry) => entry !== PROJECT_FILE)) {
+  if (existsSync(outDir) && readdirSync(outDir).some((entry) => entry !== NEW_PROJECT_FILE_NAME)) {
     throw new Error(`Directory "${outDir}" is not empty`);
   }
 
@@ -234,7 +234,7 @@ export async function importSite(
   async function seedProject(): Promise<void> {
     await mkdir(outDir, { recursive: true });
     const seed = { name: seedName(url), imports: {}, images: { optimize: false } };
-    await writeFile(join(outDir, PROJECT_FILE), `${JSON.stringify(seed, null, 2)}\n`);
+    await writeFile(join(outDir, NEW_PROJECT_FILE_NAME), serializeProjectFile(seed, null));
     onProgress?.({
       message: `Created ${outDir}`,
       phase: "seed",