@nestia/editor 8.0.5-dev.20250904-2 → 8.0.6

package/src/NestiaEditorUploader.tsx

@@ -1,154 +1,154 @@
-import {
-  Button,
-  FormControl,
-  FormControlLabel,
-  FormLabel,
-  Radio,
-  RadioGroup,
-  Switch,
-  TextField,
-} from "@mui/material";
-import { OpenApiV3, OpenApiV3_1, SwaggerV2 } from "@samchon/openapi";
-import StackBlitzSDK from "@stackblitz/sdk";
-import React from "react";
-
-import { NestiaEditorComposer } from "./internal/NestiaEditorComposer";
-import { NestiaEditorFileUploader } from "./internal/NestiaEditorFileUploader";
-
-export function NestiaEditorUploader(props: NestiaEditorUploader.IProps) {
-  // PARAMETERS
-  const [mode, setMode] = React.useState<"nest" | "sdk">("sdk");
-  const [keyword, setKeyword] = React.useState(true);
-  const [simulate, setSimulate] = React.useState(true);
-  const [e2e, setE2e] = React.useState(true);
-  const [name, setName] = React.useState("@ORGINIZATION/PROJECT");
-
-  // RESULT
-  const [document, setDocument] = React.useState<
-    SwaggerV2.IDocument | OpenApiV3.IDocument | OpenApiV3_1.IDocument | null
-  >(null);
-  const [progress, setProgress] = React.useState(false);
-
-  const handleError = (error: string) => {
-    if (props.onError) props.onError(error);
-    else alert(error);
-  };
-  const handleSwagger = (
-    document:
-      | SwaggerV2.IDocument
-      | OpenApiV3.IDocument
-      | OpenApiV3_1.IDocument
-      | null,
-    error: string | null,
-  ) => {
-    setDocument(document);
-    if (error !== null) handleError(error);
-  };
-
-  const generate = async () => {
-    if (document === null) return;
-
-    setProgress(true);
-    try {
-      const result = await NestiaEditorComposer[mode]({
-        document,
-        keyword,
-        e2e,
-        simulate,
-        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,
-          },
-        );
-      } else {
-        handleError(JSON.stringify(result.errors, null, 2));
-      }
-    } catch (exp) {
-      handleError(exp instanceof Error ? exp.message : "unknown error");
-    }
-    setProgress(false);
-  };
-
-  return (
-    <>
-      <NestiaEditorFileUploader onChange={handleSwagger} />
-      <br />
-      <FormControl fullWidth style={{ paddingLeft: 15 }}>
-        <TextField
-          onChange={(e) => setName(e.target.value)}
-          defaultValue={name}
-          label="Package Name"
-          variant="outlined"
-        />
-        <FormLabel style={{ paddingTop: 20 }}> Mode </FormLabel>
-        <RadioGroup
-          defaultValue={mode}
-          onChange={(_e, value) => setMode(value as "nest" | "sdk")}
-          style={{ paddingLeft: 15 }}
-        >
-          <FormControlLabel
-            value="sdk"
-            control={<Radio />}
-            label="Software Development Kit"
-          />
-          <FormControlLabel
-            value="nest"
-            control={<Radio />}
-            label="NestJS Project"
-          />
-        </RadioGroup>
-        <FormLabel style={{ paddingTop: 20 }}> Options </FormLabel>
-        <FormControlLabel
-          label="Keyword Parameter"
-          style={{ paddingTop: 5, paddingLeft: 15 }}
-          control={
-            <Switch checked={keyword} onChange={() => setKeyword(!keyword)} />
-          }
-        />
-        <FormControlLabel
-          label="Mockup Simulator"
-          style={{ paddingTop: 5, paddingLeft: 15 }}
-          control={
-            <Switch
-              checked={simulate}
-              onChange={() => setSimulate(!simulate)}
-            />
-          }
-        />
-        <FormControlLabel
-          label="E2E Test Functions"
-          style={{ paddingLeft: 15 }}
-          control={<Switch checked={e2e} onChange={() => setE2e(!e2e)} />}
-        />
-      </FormControl>
-      <br />
-      <br />
-      <Button
-        component="a"
-        fullWidth
-        variant="contained"
-        color={"info"}
-        size="large"
-        disabled={progress === true || document === null}
-        onClick={() => generate()}
-      >
-        {progress ? "Generating..." : "Generate Editor"}
-      </Button>
-    </>
-  );
-}
-export namespace NestiaEditorUploader {
-  export interface IProps {
-    onError?: (error: string) => void;
-  }
-}
+import {
+  Button,
+  FormControl,
+  FormControlLabel,
+  FormLabel,
+  Radio,
+  RadioGroup,
+  Switch,
+  TextField,
+} from "@mui/material";
+import { OpenApiV3, OpenApiV3_1, SwaggerV2 } from "@samchon/openapi";
+import StackBlitzSDK from "@stackblitz/sdk";
+import React from "react";
+
+import { NestiaEditorComposer } from "./internal/NestiaEditorComposer";
+import { NestiaEditorFileUploader } from "./internal/NestiaEditorFileUploader";
+
+export function NestiaEditorUploader(props: NestiaEditorUploader.IProps) {
+  // PARAMETERS
+  const [mode, setMode] = React.useState<"nest" | "sdk">("sdk");
+  const [keyword, setKeyword] = React.useState(true);
+  const [simulate, setSimulate] = React.useState(true);
+  const [e2e, setE2e] = React.useState(true);
+  const [name, setName] = React.useState("@ORGINIZATION/PROJECT");
+
+  // RESULT
+  const [document, setDocument] = React.useState<
+    SwaggerV2.IDocument | OpenApiV3.IDocument | OpenApiV3_1.IDocument | null
+  >(null);
+  const [progress, setProgress] = React.useState(false);
+
+  const handleError = (error: string) => {
+    if (props.onError) props.onError(error);
+    else alert(error);
+  };
+  const handleSwagger = (
+    document:
+      | SwaggerV2.IDocument
+      | OpenApiV3.IDocument
+      | OpenApiV3_1.IDocument
+      | null,
+    error: string | null,
+  ) => {
+    setDocument(document);
+    if (error !== null) handleError(error);
+  };
+
+  const generate = async () => {
+    if (document === null) return;
+
+    setProgress(true);
+    try {
+      const result = await NestiaEditorComposer[mode]({
+        document,
+        keyword,
+        e2e,
+        simulate,
+        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,
+          },
+        );
+      } else {
+        handleError(JSON.stringify(result.errors, null, 2));
+      }
+    } catch (exp) {
+      handleError(exp instanceof Error ? exp.message : "unknown error");
+    }
+    setProgress(false);
+  };
+
+  return (
+    <>
+      <NestiaEditorFileUploader onChange={handleSwagger} />
+      <br />
+      <FormControl fullWidth style={{ paddingLeft: 15 }}>
+        <TextField
+          onChange={(e) => setName(e.target.value)}
+          defaultValue={name}
+          label="Package Name"
+          variant="outlined"
+        />
+        <FormLabel style={{ paddingTop: 20 }}> Mode </FormLabel>
+        <RadioGroup
+          defaultValue={mode}
+          onChange={(_e, value) => setMode(value as "nest" | "sdk")}
+          style={{ paddingLeft: 15 }}
+        >
+          <FormControlLabel
+            value="sdk"
+            control={<Radio />}
+            label="Software Development Kit"
+          />
+          <FormControlLabel
+            value="nest"
+            control={<Radio />}
+            label="NestJS Project"
+          />
+        </RadioGroup>
+        <FormLabel style={{ paddingTop: 20 }}> Options </FormLabel>
+        <FormControlLabel
+          label="Keyword Parameter"
+          style={{ paddingTop: 5, paddingLeft: 15 }}
+          control={
+            <Switch checked={keyword} onChange={() => setKeyword(!keyword)} />
+          }
+        />
+        <FormControlLabel
+          label="Mockup Simulator"
+          style={{ paddingTop: 5, paddingLeft: 15 }}
+          control={
+            <Switch
+              checked={simulate}
+              onChange={() => setSimulate(!simulate)}
+            />
+          }
+        />
+        <FormControlLabel
+          label="E2E Test Functions"
+          style={{ paddingLeft: 15 }}
+          control={<Switch checked={e2e} onChange={() => setE2e(!e2e)} />}
+        />
+      </FormControl>
+      <br />
+      <br />
+      <Button
+        component="a"
+        fullWidth
+        variant="contained"
+        color={"info"}
+        size="large"
+        disabled={progress === true || document === null}
+        onClick={() => generate()}
+      >
+        {progress ? "Generating..." : "Generate Editor"}
+      </Button>
+    </>
+  );
+}
+export namespace NestiaEditorUploader {
+  export interface IProps {
+    onError?: (error: string) => void;
+  }
+}

package/src/internal/NestiaEditorFileUploader.tsx

@@ -1,68 +1,68 @@
-import { OpenApiV3, OpenApiV3_1, SwaggerV2 } from "@samchon/openapi";
-import { load } from "js-yaml";
-import React from "react";
-// @ts-ignore
-import FileUpload from "react-mui-fileuploader";
-// @ts-ignore
-import { ExtendedFileProps } from "react-mui-fileuploader/dist/types/index.types";
-
-export function NestiaEditorFileUploader(
-  props: NestiaEditorFileUploader.IProps,
-) {
-  const [elements, setElements] = React.useState<ExtendedFileProps[]>([]);
-  const onChange = async (array: ExtendedFileProps[]) => {
-    if (array.length === 0) {
-      props.onChange(null, null);
-      return;
-    }
-    const file: ExtendedFileProps = array[array.length - 1]!;
-    const buffer: ArrayBuffer = await file.arrayBuffer();
-    const content: string = new TextDecoder().decode(buffer);
-    const extension: "json" | "yaml" = file.name.split(".").pop()! as
-      | "json"
-      | "yaml";
-
-    try {
-      const json:
-        | SwaggerV2.IDocument
-        | OpenApiV3.IDocument
-        | OpenApiV3_1.IDocument =
-        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 (
-    <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"
-    />
-  );
-}
-export namespace NestiaEditorFileUploader {
-  export interface IProps {
-    onChange: (
-      swagger:
-        | SwaggerV2.IDocument
-        | OpenApiV3.IDocument
-        | OpenApiV3_1.IDocument
-        | null,
-      error: string | null,
-    ) => void;
-  }
-}
+import { OpenApiV3, OpenApiV3_1, SwaggerV2 } from "@samchon/openapi";
+import { load } from "js-yaml";
+import React from "react";
+// @ts-ignore
+import FileUpload from "react-mui-fileuploader";
+// @ts-ignore
+import { ExtendedFileProps } from "react-mui-fileuploader/dist/types/index.types";
+
+export function NestiaEditorFileUploader(
+  props: NestiaEditorFileUploader.IProps,
+) {
+  const [elements, setElements] = React.useState<ExtendedFileProps[]>([]);
+  const onChange = async (array: ExtendedFileProps[]) => {
+    if (array.length === 0) {
+      props.onChange(null, null);
+      return;
+    }
+    const file: ExtendedFileProps = array[array.length - 1]!;
+    const buffer: ArrayBuffer = await file.arrayBuffer();
+    const content: string = new TextDecoder().decode(buffer);
+    const extension: "json" | "yaml" = file.name.split(".").pop()! as
+      | "json"
+      | "yaml";
+
+    try {
+      const json:
+        | SwaggerV2.IDocument
+        | OpenApiV3.IDocument
+        | OpenApiV3_1.IDocument =
+        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 (
+    <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"
+    />
+  );
+}
+export namespace NestiaEditorFileUploader {
+  export interface IProps {
+    onChange: (
+      swagger:
+        | SwaggerV2.IDocument
+        | OpenApiV3.IDocument
+        | OpenApiV3_1.IDocument
+        | null,
+      error: string | null,
+    ) => void;
+  }
+}

package/src/main.tsx

@@ -1,10 +1,10 @@
-import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
-
-import { NestiaEditorApplication } from "./NestiaEditorApplication";
-
-createRoot(document.getElementById("root")!).render(
-  <StrictMode>
-    <NestiaEditorApplication />
-  </StrictMode>,
-);
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+
+import { NestiaEditorApplication } from "./NestiaEditorApplication";
+
+createRoot(document.getElementById("root")!).render(
+  <StrictMode>
+    <NestiaEditorApplication />
+  </StrictMode>,
+);