@nestia/editor 12.0.0-rc.2 → 12.0.0-rc.4

package/lib/index.mjs

@@ -1,2 +1,4 @@
-export { default } from './index2.mjs';
-//# sourceMappingURL=index.mjs.map
+import { NestiaEditorIframe } from "./NestiaEditorIframe.mjs";
+import { NestiaEditorUploader } from "./NestiaEditorUploader.mjs";
+import { NestiaEditorApplication } from "./NestiaEditorApplication.mjs";
+export { NestiaEditorApplication, NestiaEditorIframe, NestiaEditorUploader };

package/lib/internal/NestiaEditorArchiver.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Archives a composed project into a zip file and hands it to the browser.
+ *
+ * StackBlitz can no longer run nestia projects: the generated projects build
+ * through `ttsc`, whose TypeScript compiler is a native Go binary that a
+ * WebContainer cannot execute. The editor therefore delivers the composed
+ * project as a downloadable zip archive instead of an embedded StackBlitz
+ * workspace.
+ */
+export declare namespace NestiaEditorArchiver {
+    /** Pack the composed project files into a zip archive. */
+    const pack: (files: Record<string, string>) => Uint8Array;
+    /** Compose a safe archive file name from a package name. */
+    const name: (packageName: string) => string;
+    /** Trigger a browser download of the packed archive. */
+    const download: (props: {
+        name: string;
+        files: Record<string, string>;
+    }) => void;
+}

package/lib/internal/NestiaEditorArchiver.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NestiaEditorArchiver = void 0;
+const fflate_1 = require("fflate");
+/**
+ * Archives a composed project into a zip file and hands it to the browser.
+ *
+ * StackBlitz can no longer run nestia projects: the generated projects build
+ * through `ttsc`, whose TypeScript compiler is a native Go binary that a
+ * WebContainer cannot execute. The editor therefore delivers the composed
+ * project as a downloadable zip archive instead of an embedded StackBlitz
+ * workspace.
+ */
+var NestiaEditorArchiver;
+(function (NestiaEditorArchiver) {
+    /** Pack the composed project files into a zip archive. */
+    NestiaEditorArchiver.pack = (files) => {
+        const entries = {};
+        for (const [key, value] of Object.entries(files))
+            entries[key] = (0, fflate_1.strToU8)(value);
+        return (0, fflate_1.zipSync)(entries);
+    };
+    /** Compose a safe archive file name from a package name. */
+    NestiaEditorArchiver.name = (packageName) => `${packageName.replace(/^@/, "").replace(/[^A-Za-z0-9._-]+/g, "-")}.zip`;
+    /** Trigger a browser download of the packed archive. */
+    NestiaEditorArchiver.download = (props) => {
+        const blob = new Blob([NestiaEditorArchiver.pack(props.files)], {
+            type: "application/zip",
+        });
+        const url = URL.createObjectURL(blob);
+        const anchor = window.document.createElement("a");
+        anchor.href = url;
+        anchor.download = props.name;
+        anchor.click();
+        setTimeout(() => URL.revokeObjectURL(url), 30000);
+    };
+})(NestiaEditorArchiver || (exports.NestiaEditorArchiver = NestiaEditorArchiver = {}));
+//# sourceMappingURL=NestiaEditorArchiver.js.map

package/lib/internal/NestiaEditorArchiver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NestiaEditorArchiver.js","sourceRoot":"","sources":["../../src/internal/NestiaEditorArchiver.ts"],"names":[],"mappings":";;;AAAA,mCAA0C;AAE1C;;;;;;;;GAQG;AACH,IAAiB,oBAAoB,CA+BpC;AA/BD,WAAiB,oBAAoB;IACnC,0DAA0D;IAC7C,yBAAI,GAAG,CAAC,KAA6B,EAAc,EAAE;QAChE,MAAM,OAAO,GAA+B,EAAE,CAAC;QAC/C,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;YAC9C,OAAO,CAAC,GAAG,CAAC,GAAG,IAAA,gBAAO,EAAC,KAAK,CAAC,CAAC;QAChC,OAAO,IAAA,gBAAO,EAAC,OAAO,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,4DAA4D;IAC/C,yBAAI,GAAG,CAAC,WAAmB,EAAU,EAAE,CAClD,GAAG,WAAW,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,mBAAmB,EAAE,GAAG,CAAC,MAAM,CAAC;IAE3E,wDAAwD;IAC3C,6BAAQ,GAAG,CAAC,KAGxB,EAAQ,EAAE;QACT,MAAM,IAAI,GAAS,IAAI,IAAI,CACzB,CAAC,yBAAI,CAAC,KAAK,CAAC,KAAK,CAA4B,CAAC,EAC9C;YACE,IAAI,EAAE,iBAAiB;SACxB,CACF,CAAC;QACF,MAAM,GAAG,GAAW,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;QAC9C,MAAM,MAAM,GAAsB,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QACrE,MAAM,CAAC,IAAI,GAAG,GAAG,CAAC;QAClB,MAAM,CAAC,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC;QAC7B,MAAM,CAAC,KAAK,EAAE,CAAC;QACf,UAAU,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,EAAE,KAAM,CAAC,CAAC;IACrD,CAAC,CAAC;AACJ,CAAC,EA/BgB,oBAAoB,aAApB,oBAAoB,GAApB,oBAAoB,QA+BpC"}

package/lib/internal/NestiaEditorArchiver.mjs

@@ -0,0 +1,24 @@
+import { strToU8, zipSync } from "fflate";
+//#region src/internal/NestiaEditorArchiver.ts
+let NestiaEditorArchiver;
+(function(_NestiaEditorArchiver) {
+	const pack = _NestiaEditorArchiver.pack = (files) => {
+		const entries = {};
+		for (const [key, value] of Object.entries(files)) entries[key] = strToU8(value);
+		return zipSync(entries);
+	};
+	_NestiaEditorArchiver.name = (packageName) => `${packageName.replace(/^@/, "").replace(/[^A-Za-z0-9._-]+/g, "-")}.zip`;
+	_NestiaEditorArchiver.download = (props) => {
+		const blob = new Blob([pack(props.files)], { type: "application/zip" });
+		const url = URL.createObjectURL(blob);
+		const anchor = window.document.createElement("a");
+		anchor.href = url;
+		anchor.download = props.name;
+		anchor.click();
+		setTimeout(() => URL.revokeObjectURL(url), 3e4);
+	};
+})(NestiaEditorArchiver || (NestiaEditorArchiver = {}));
+//#endregion
+export { NestiaEditorArchiver };
+
+//# sourceMappingURL=NestiaEditorArchiver.mjs.map

package/lib/internal/NestiaEditorArchiver.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NestiaEditorArchiver.mjs","names":[],"sources":[],"mappings":""}

package/lib/internal/NestiaEditorComposer.mjs

@@ -1,3 +1,52 @@
-export { NestiaEditorComposer } from './NestiaEditorComposer2.mjs';
-export { __exports as default } from '../_virtual/NestiaEditorComposer.mjs';
-//# sourceMappingURL=NestiaEditorComposer.mjs.map
+import migrate from "@nestia/migrate";
+import * as prettierEsTreePlugin from "prettier/plugins/estree";
+import * as prettierTsPlugin from "prettier/plugins/typescript";
+import { format } from "prettier/standalone";
+//#region src/internal/NestiaEditorComposer.ts
+let NestiaEditorComposer;
+(function(_NestiaEditorComposer) {
+	_NestiaEditorComposer.nest = (props) => compose({
+		openFile: "README.md,test/start.ts",
+		startScript: ["build:test,test", ""],
+		migrate: (app) => app.nest(props)
+	})(props);
+	_NestiaEditorComposer.sdk = async (props) => compose({
+		openFile: "README.md,test/start.ts",
+		startScript: ["swagger", "hello"],
+		migrate: (app) => app.sdk(props)
+	})(props);
+	const compose = (config) => async (props) => {
+		if (props.files !== void 0) return {
+			success: true,
+			data: {
+				files: props.files,
+				openFile: config.openFile,
+				startScript: config.startScript
+			}
+		};
+		const result = await migrate.NestiaMigrateApplication.validate(props.document);
+		if (result.success === false) return result;
+		const app = result.data;
+		const files = config.migrate(app);
+		for (const [key, value] of Object.entries(files)) if (key.substring(key.length - 3) === ".ts") try {
+			files[key] = await format(value, {
+				parser: "typescript",
+				plugins: [prettierEsTreePlugin, prettierTsPlugin]
+			});
+		} catch (exp) {
+			console.log(exp);
+		}
+		return {
+			success: true,
+			data: {
+				files,
+				openFile: config.openFile,
+				startScript: config.startScript
+			}
+		};
+	};
+})(NestiaEditorComposer || (NestiaEditorComposer = {}));
+//#endregion
+export { NestiaEditorComposer };
+
+//# sourceMappingURL=NestiaEditorComposer.mjs.map

package/lib/internal/NestiaEditorComposer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NestiaEditorComposer.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"NestiaEditorComposer.mjs","names":[],"sources":[],"mappings":""}

package/lib/internal/NestiaEditorFileUploader.mjs

@@ -1,3 +1,43 @@
-export { NestiaEditorFileUploader } from './NestiaEditorFileUploader2.mjs';
-export { __exports as default } from '../_virtual/NestiaEditorFileUploader.mjs';
-//# sourceMappingURL=NestiaEditorFileUploader.mjs.map
+import React from "react";
+import { load } from "js-yaml";
+import { jsx } from "react/jsx-runtime";
+import FileUpload from "react-mui-fileuploader";
+//#region src/internal/NestiaEditorFileUploader.tsx
+function NestiaEditorFileUploader(props) {
+	const [elements, setElements] = React.useState([]);
+	const onChange = async (array) => {
+		if (array.length === 0) {
+			props.onChange(null, null);
+			return;
+		}
+		const file = array[array.length - 1];
+		const buffer = await file.arrayBuffer();
+		const content = new TextDecoder().decode(buffer);
+		const extension = file.name.split(".").pop();
+		try {
+			const json = extension === "json" ? JSON.parse(content) : load(content);
+			props.onChange(json, null);
+		} catch {
+			props.onChange(null, extension === "json" ? "Invalid JSON file" : "Invalid YAML file");
+			return;
+		}
+		if (array.length > 1) setElements([file]);
+	};
+	return /* @__PURE__ */ jsx(FileUpload, {
+		defaultFiles: elements,
+		onFilesChange: onChange,
+		acceptedType: ".json, .yaml",
+		getBase64: false,
+		multiFile: false,
+		maxUploadFiles: 1,
+		title: "Swagger file uploader",
+		header: "Drag and drop a Swagger file here",
+		buttonLabel: "Click Here",
+		rightLabel: "to select swagger.json/yaml file",
+		buttonRemoveLabel: "Clear"
+	});
+}
+//#endregion
+export { NestiaEditorFileUploader };
+
+//# sourceMappingURL=NestiaEditorFileUploader.mjs.map

package/lib/internal/NestiaEditorFileUploader.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NestiaEditorFileUploader.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"NestiaEditorFileUploader.mjs","names":[],"sources":[],"mappings":""}

package/lib/main.mjs

@@ -1,3 +1,9 @@
-import './main2.mjs';
-export { __exports as default } from './_virtual/main.mjs';
-//# sourceMappingURL=main.mjs.map
+import { NestiaEditorApplication } from "./NestiaEditorApplication.mjs";
+import { StrictMode } from "react";
+import { jsx } from "react/jsx-runtime";
+import { createRoot } from "react-dom/client";
+//#region src/main.tsx
+createRoot(document.getElementById("root")).render(/* @__PURE__ */ jsx(StrictMode, { children: /* @__PURE__ */ jsx(NestiaEditorApplication, {}) }));
+//#endregion
+
+//# sourceMappingURL=main.mjs.map

package/lib/main.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"main.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"main.mjs","names":[],"sources":[],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nestia/editor",
-  "version": "12.0.0-rc.2",
+  "version": "12.0.0-rc.4",
   "main": "lib/index.js",
   "exports": {
     ".": {
@@ -38,13 +38,13 @@
   "homepage": "https://nestia.io",
   "dependencies": {
     "@mui/material": "^5.15.6",
-    "@stackblitz/sdk": "^1.11.0",
-    "@typia/interface": "^13.0.0-rc.1",
+    "@typia/interface": "^13.0.1",
+    "fflate": "^0.8.2",
     "js-yaml": "^4.1.0",
     "prettier": "^3.8.1",
     "react-mui-fileuploader": "^0.5.2",
-    "typia": "^13.0.0-rc.1",
-    "@nestia/migrate": "^12.0.0-rc.2"
+    "typia": "^13.0.1",
+    "@nestia/migrate": "^12.0.0-rc.4"
   },
   "devDependencies": {
     "@eslint/js": "^9.13.0",
@@ -52,9 +52,7 @@
     "@nestjs/core": "^11.1.6",
     "@nestjs/platform-express": "^11.1.6",
     "@nestjs/platform-fastify": "^11.1.6",
-    "@rollup/plugin-commonjs": "^29.0.0",
-    "@rollup/plugin-esm-shim": "^0.1.8",
-    "@rollup/plugin-node-resolve": "^16.0.3",
+    "@ttsc/unplugin": "^0.18.1",
     "@types/js-yaml": "^4.0.9",
     "@types/node": "^25.3.3",
     "@types/react": "^18.3.11",
@@ -66,9 +64,8 @@
     "globals": "^15.11.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "rollup": "^4.56.0",
-    "rollup-plugin-node-externals": "^8.1.2",
-    "typescript": "7.0.1-rc",
+    "rolldown": "^1.1.5",
+    "typescript": "^7.0.2",
     "vite": "^5.4.9"
   },
   "files": [
@@ -85,7 +82,7 @@
   "scripts": {
     "build": "npm run build:static && npm run build:lib",
     "build:static": "rimraf dist && ttsc && vite build",
-    "build:lib": "rimraf lib && ttsc --project tsconfig.lib.json && tsc --project tsconfig.lib.json --emitDeclarationOnly && rollup -c",
+    "build:lib": "rimraf lib && ttsc --project tsconfig.lib.json && tsc --project tsconfig.lib.json --emitDeclarationOnly && rolldown -c && node ../../deploy/verify-package-exports.cjs --esm-static",
     "dev": "vite",
     "lint": "eslint .",
     "preview": "vite preview"

package/src/NestiaEditorApplication.tsx

@@ -1,94 +1,94 @@
-import { Typography } from "@mui/material";
-import React from "react";
-
-import { NestiaEditorIframe } from "./NestiaEditorIframe";
-import { NestiaEditorUploader } from "./NestiaEditorUploader";
-
-export function NestiaEditorApplication() {
-  const [ready, setReady] = React.useState(false);
-  const [asset, setAsset] = React.useState<IAsset | null>(null);
-
-  React.useEffect(() => {
-    (async () => {
-      try {
-        setAsset(await getAsset());
-      } catch {
-        setAsset(null);
-      }
-      setReady(true);
-    })().catch(() => {});
-  }, []);
-  if (ready === false) return <></>;
-
-  return asset !== null ? (
-    <NestiaEditorIframe
-      swagger={asset.url}
-      package={asset.package}
-      simulate={asset.simulate}
-      e2e={asset.e2e}
-      mode={asset.mode}
-    />
-  ) : (
-    <div
-      style={{
-        padding: 25,
-      }}
-    >
-      <Typography variant="h4">Nestia Editor</Typography>
-      <hr />
-      <br />
-      <NestiaEditorUploader />
-    </div>
-  );
-}
-
-async function getAsset(): Promise<IAsset | null> {
-  const index: number = window.location.href.indexOf("?");
-  const query: URLSearchParams = new URLSearchParams(
-    index === -1 ? "" : window.location.href.substring(index + 1),
-  );
-  if (query.has("uploader")) return null;
-
-  const url: string | null =
-    query.get("url") ??
-    (await findSwagger("./swagger.json")) ??
-    (await findSwagger("./swagger.yaml"));
-  if (url === null) return null;
-
-  const mode: string | null = query.get("mode");
-  const packageName: string | null =
-    query.get("package") ?? (window as any).package;
-  const keyword: boolean | string | null =
-    query.get("keyword") ?? (window as any).keyword;
-  const simulate: boolean | string | null =
-    query.get("simulate") ?? (window as any).simulate;
-  const e2e: boolean | string | null = query.get("e2e") ?? (window as any).e2e;
-  return {
-    mode: mode === "nest" ? "nest" : "sdk",
-    package: packageName ?? "@ORGANIZATION/PROJECT",
-    url,
-    keyword:
-      keyword !== null
-        ? keyword === true || keyword === "true" || keyword === "1"
-        : false,
-    simulate:
-      simulate !== null
-        ? simulate === true || simulate === "true" || simulate === "1"
-        : false,
-    e2e: e2e !== null ? e2e === true || e2e === "true" || e2e === "1" : false,
-  };
-}
-
-async function findSwagger(file: string): Promise<string | null> {
-  const response: Response = await fetch(file);
-  return response.status === 200 ? file : null;
-}
-
-interface IAsset {
-  mode: "nest" | "sdk";
-  package: string;
-  url: string;
-  keyword: boolean;
-  simulate: boolean;
-  e2e: boolean;
-}
+import { Typography } from "@mui/material";
+import React from "react";
+
+import { NestiaEditorIframe } from "./NestiaEditorIframe";
+import { NestiaEditorUploader } from "./NestiaEditorUploader";
+
+export function NestiaEditorApplication() {
+  const [ready, setReady] = React.useState(false);
+  const [asset, setAsset] = React.useState<IAsset | null>(null);
+
+  React.useEffect(() => {
+    (async () => {
+      try {
+        setAsset(await getAsset());
+      } catch {
+        setAsset(null);
+      }
+      setReady(true);
+    })().catch(() => {});
+  }, []);
+  if (ready === false) return <></>;
+
+  return asset !== null ? (
+    <NestiaEditorIframe
+      swagger={asset.url}
+      package={asset.package}
+      simulate={asset.simulate}
+      e2e={asset.e2e}
+      mode={asset.mode}
+    />
+  ) : (
+    <div
+      style={{
+        padding: 25,
+      }}
+    >
+      <Typography variant="h4">Nestia Editor</Typography>
+      <hr />
+      <br />
+      <NestiaEditorUploader />
+    </div>
+  );
+}
+
+async function getAsset(): Promise<IAsset | null> {
+  const index: number = window.location.href.indexOf("?");
+  const query: URLSearchParams = new URLSearchParams(
+    index === -1 ? "" : window.location.href.substring(index + 1),
+  );
+  if (query.has("uploader")) return null;
+
+  const url: string | null =
+    query.get("url") ??
+    (await findSwagger("./swagger.json")) ??
+    (await findSwagger("./swagger.yaml"));
+  if (url === null) return null;
+
+  const mode: string | null = query.get("mode");
+  const packageName: string | null =
+    query.get("package") ?? (window as any).package;
+  const keyword: boolean | string | null =
+    query.get("keyword") ?? (window as any).keyword;
+  const simulate: boolean | string | null =
+    query.get("simulate") ?? (window as any).simulate;
+  const e2e: boolean | string | null = query.get("e2e") ?? (window as any).e2e;
+  return {
+    mode: mode === "nest" ? "nest" : "sdk",
+    package: packageName ?? "@ORGANIZATION/PROJECT",
+    url,
+    keyword:
+      keyword !== null
+        ? keyword === true || keyword === "true" || keyword === "1"
+        : false,
+    simulate:
+      simulate !== null
+        ? simulate === true || simulate === "true" || simulate === "1"
+        : false,
+    e2e: e2e !== null ? e2e === true || e2e === "true" || e2e === "1" : false,
+  };
+}
+
+async function findSwagger(file: string): Promise<string | null> {
+  const response: Response = await fetch(file);
+  return response.status === 200 ? file : null;
+}
+
+interface IAsset {
+  mode: "nest" | "sdk";
+  package: string;
+  url: string;
+  keyword: boolean;
+  simulate: boolean;
+  e2e: boolean;
+}