@nestia/editor 12.0.0-rc.3 → 12.0.0

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.3",
+  "version": "12.0.0",
   "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",
+    "@typia/interface": "^13.0.2",
+    "fflate": "^0.8.2",
     "js-yaml": "^4.1.0",
     "prettier": "^3.8.1",
     "react-mui-fileuploader": "^0.5.2",
-    "typia": "^13.0.0",
-    "@nestia/migrate": "^12.0.0-rc.3"
+    "typia": "^13.0.2",
+    "@nestia/migrate": "^12.0.0"
   },
   "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.4",
     "@types/js-yaml": "^4.0.9",
     "@types/node": "^25.3.3",
     "@types/react": "^18.3.11",
@@ -66,8 +64,7 @@
     "globals": "^15.11.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "rollup": "^4.56.0",
-    "rollup-plugin-node-externals": "^8.1.2",
+    "rolldown": "^1.1.5",
     "typescript": "^7.0.2",
     "vite": "^5.4.9"
   },
@@ -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/NestiaEditorIframe.tsx

@@ -1,6 +1,7 @@
 import {
   Alert,
   AlertTitle,
+  Button,
   CircularProgress,
   Step,
   StepContent,
@@ -8,24 +9,25 @@ import {
   Stepper,
   Typography,
 } from "@mui/material";
-import StackBlitzSDK from "@stackblitz/sdk";
 import { OpenApiV3, OpenApiV3_1, SwaggerV2 } from "@typia/interface";
 import { load } from "js-yaml";
 import React from "react";
 import { IValidation } from "typia";
 
+import { NestiaEditorArchiver } from "./internal/NestiaEditorArchiver";
 import { NestiaEditorComposer } from "./internal/NestiaEditorComposer";
 
 export function NestiaEditorIframe(props: NestiaEditorIframe.IProps) {
-  const [id] = React.useState(
-    `reactia-editor-div-${Math.random().toString().substring(2)}`,
-  );
   const [step, setStep] = React.useState(0);
   const [fetchError, setFetchError] = React.useState<string | null>(null);
   const [operations, setOperationCount] = React.useState<
     Record<string, number>
   >({});
   const [composerError, setComposerError] = React.useState<any | null>(null);
+  const [files, setFiles] = React.useState<Record<string, string> | null>(null);
+  const archive: string = NestiaEditorArchiver.name(
+    props.package ?? "@ORGANIZATION/PROJECT",
+  );
 
   React.useEffect(() => {
     (async () => {
@@ -69,29 +71,15 @@ export function NestiaEditorIframe(props: NestiaEditorIframe.IProps) {
         return;
       }
 
-      // COMPOSING STACKBLITZ PROJECT
+      // READY TO DOWNLOAD
       setStep(2);
-      StackBlitzSDK.embedProject(
-        id,
-        {
-          title: document.info?.title ?? "Nestia Editor",
-          template: "node",
-          files: result.data.files,
-        },
-        {
-          width: "100%",
-          height: "100%",
-          openFile: result.data.openFile,
-          startScript: result.data.startScript as any, // no problem
-        },
-      );
+      setFiles(result.data.files);
     })().catch((exp) => {
       console.error("unknown error", exp);
     });
   }, []);
   return (
     <div
-      id={id}
       style={{
         width: "100%",
         height: "100%",
@@ -176,9 +164,34 @@ export function NestiaEditorIframe(props: NestiaEditorIframe.IProps) {
           </Step>
           <Step key={2}>
             <StepLabel>
-              <Typography variant="h5">Composing TypeScript Project</Typography>
+              <Typography variant="h5">
+                Downloading TypeScript Project
+              </Typography>
             </StepLabel>
-            <StepContent></StepContent>
+            <StepContent>
+              <br />
+              {files !== null ? (
+                <>
+                  <p>
+                    {Object.keys(files).length.toLocaleString()} files are
+                    ready.
+                  </p>
+                  <Button
+                    variant="contained"
+                    color="success"
+                    size="large"
+                    onClick={() =>
+                      NestiaEditorArchiver.download({
+                        name: archive,
+                        files,
+                      })
+                    }
+                  >
+                    Download {archive}
+                  </Button>
+                </>
+              ) : null}
+            </StepContent>
           </Step>
         </Stepper>
       </div>

package/src/NestiaEditorUploader.tsx

@@ -8,10 +8,10 @@ import {
   Switch,
   TextField,
 } from "@mui/material";
-import StackBlitzSDK from "@stackblitz/sdk";
 import { OpenApiV3, OpenApiV3_1, SwaggerV2 } from "@typia/interface";
 import React from "react";
 
+import { NestiaEditorArchiver } from "./internal/NestiaEditorArchiver";
 import { NestiaEditorComposer } from "./internal/NestiaEditorComposer";
 import { NestiaEditorFileUploader } from "./internal/NestiaEditorFileUploader";
 
@@ -58,18 +58,10 @@ export function NestiaEditorUploader(props: NestiaEditorUploader.IProps) {
         package: name,
       });
       if (result.success === true) {
-        StackBlitzSDK.openProject(
-          {
-            title: document.info?.title ?? "Nestia Editor",
-            template: "node",
-            files: result.data.files,
-          },
-          {
-            newWindow: true,
-            openFile: result.data.openFile,
-            startScript: result.data.startScript as any,
-          },
-        );
+        NestiaEditorArchiver.download({
+          name: NestiaEditorArchiver.name(name),
+          files: result.data.files,
+        });
       } else {
         handleError(JSON.stringify(result.errors, null, 2));
       }
@@ -142,7 +134,7 @@ export function NestiaEditorUploader(props: NestiaEditorUploader.IProps) {
         disabled={progress === true || document === null}
         onClick={() => generate()}
       >
-        {progress ? "Generating..." : "Generate Editor"}
+        {progress ? "Generating..." : "Download Project"}
       </Button>
     </>
   );

package/src/internal/NestiaEditorArchiver.ts

@@ -0,0 +1,43 @@
+import { strToU8, zipSync } from "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.
+ */
+export namespace NestiaEditorArchiver {
+  /** Pack the composed project files into a zip archive. */
+  export const pack = (files: Record<string, string>): Uint8Array => {
+    const entries: Record<string, Uint8Array> = {};
+    for (const [key, value] of Object.entries(files))
+      entries[key] = strToU8(value);
+    return zipSync(entries);
+  };
+
+  /** Compose a safe archive file name from a package name. */
+  export const name = (packageName: string): string =>
+    `${packageName.replace(/^@/, "").replace(/[^A-Za-z0-9._-]+/g, "-")}.zip`;
+
+  /** Trigger a browser download of the packed archive. */
+  export const download = (props: {
+    name: string;
+    files: Record<string, string>;
+  }): void => {
+    const blob: Blob = new Blob(
+      [pack(props.files) as Uint8Array<ArrayBuffer>],
+      {
+        type: "application/zip",
+      },
+    );
+    const url: string = URL.createObjectURL(blob);
+    const anchor: HTMLAnchorElement = window.document.createElement("a");
+    anchor.href = url;
+    anchor.download = props.name;
+    anchor.click();
+    setTimeout(() => URL.revokeObjectURL(url), 30_000);
+  };
+}