vite-code-generator 0.1.0

package/dist/generator/resource-page.js

@@ -0,0 +1,280 @@
+import { deriveResourceNames } from './naming.js';
+function normalizeDir(raw) {
+    return raw.replace(/\\/g, '/').replace(/^\/+|\/+$/g, '');
+}
+function pageTsx(names) {
+    return `import { useDocumentTitle } from "@/hooks";
+import { Layout, LayoutCard } from "../components";
+import { use${names.plural} } from "@/hooks/query-hooks";
+import {
+  Button,
+  Table,
+  useTableData,
+  useTableSearch,
+  useModal,
+} from "@/components";
+import { Space } from "antd";
+import { BiEdit, BiPlus } from "react-icons/bi";
+import type { ${names.singular} } from "@/types";
+import { useState } from "react";
+import ${names.singular}Form from "./components/${names.singular}Form";
+
+export function ${names.plural}Page() {
+  useDocumentTitle("${names.plural}");
+  const { data: ${names.pluralCamel} } = use${names.plural}();
+  const modal = useModal();
+  const [selected${names.singular}, setSelected${names.singular}] = useState<${names.singular} | null>(null);
+
+  const handleOpenCreateModal = () => {
+    setSelected${names.singular}(null);
+    modal.toggleModal();
+  };
+
+  const handleOpenEditModal = (${names.singularCamel}: ${names.singular}) => {
+    setSelected${names.singular}(${names.singularCamel});
+    modal.toggleModal();
+  };
+
+  const handleCloseModal = () => {
+    setSelected${names.singular}(null);
+    modal.toggleModal();
+  };
+
+  const tableSearch = useTableSearch();
+  const tableData = useTableData(
+    ${names.pluralCamel} || [],
+    [
+      {
+        title: "Display Name",
+        key: "display_name",
+        render: (${names.singularCamel}: ${names.singular}) => (
+          <div className="date-container">
+            <p>{${names.singularCamel}.display_name}</p>
+          </div>
+        ),
+      },
+      {
+        title: "Name",
+        key: "name",
+        render: (${names.singularCamel}: ${names.singular}) => (
+          <div className="date-container">
+            <p>{${names.singularCamel}.name}</p>
+          </div>
+        ),
+      },
+      {
+        title: "Action",
+        key: "action",
+        render: (${names.singularCamel}: ${names.singular}) => (
+          <Space size="small">
+            <Button
+              variant="filled"
+              icon={<BiEdit />}
+              onClick={() => handleOpenEditModal(${names.singularCamel})}
+            >
+              Edit
+            </Button>
+          </Space>
+        ),
+      },
+    ],
+    {
+      search: tableSearch,
+      enableLiveFiltering: true,
+    }
+  );
+
+  return (
+    <Layout>
+      <${names.singular}Form
+        open={modal.isOpen}
+        onCancel={handleCloseModal}
+        selected${names.singular}={selected${names.singular}}
+      />
+      <LayoutCard
+        title="${names.plural}"
+        header={
+          <Button icon={<BiPlus />} onClick={handleOpenCreateModal}>
+            Add ${names.singular}
+          </Button>
+        }
+      >
+        <Table id="${names.pluralCamel}" data={tableData} />
+      </LayoutCard>
+    </Layout>
+  );
+}
+`;
+}
+function pageCss() {
+    return `.modal-header {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 0.25rem;
+  margin-top: 0.25rem;
+  font-size: 0.8rem;
+}
+`;
+}
+function formTsx(names) {
+    return `import {
+  useCreate${names.singular},
+  useUpdate${names.singular},
+} from "@/hooks/query-hooks";
+import { type ${names.singular} } from "@/types";
+import { Input, Modal } from "antd";
+import { useEffect, useState } from "react";
+import { toSnakeCase } from "@/utils";
+import styles from "../${names.plural}Page.module.css";
+
+type ${names.singular}FormProps = {
+  open: boolean;
+  onCancel: () => void;
+  selected${names.singular}: ${names.singular} | null;
+};
+
+export default function ${names.singular}Form({
+  open,
+  onCancel,
+  selected${names.singular},
+}: ${names.singular}FormProps) {
+  const [formData, setFormData] = useState<${names.singular}>({
+    display_name: "",
+    name: "",
+  });
+
+  const { mutate: create${names.singular}, isPending: isCreating } = useCreate${names.singular}();
+  const { mutate: update${names.singular}, isPending: isUpdating } = useUpdate${names.singular}();
+
+  const isLoading = isCreating || isUpdating;
+  const isEditMode = !!selected${names.singular};
+
+  useEffect(() => {
+    if (selected${names.singular}) {
+      setFormData(selected${names.singular});
+    } else {
+      setFormData({ display_name: "", name: "" });
+    }
+  }, [selected${names.singular}]);
+
+  const onFormChange = (field: string, value: string) => {
+    setFormData((prev) => {
+      if (!isEditMode && field === "display_name") {
+        return { display_name: value, name: toSnakeCase(value) };
+      }
+      return { ...prev, [field]: value };
+    });
+  };
+
+  const handleSave = () => {
+    if (!formData.display_name || !formData.name) {
+      return;
+    }
+
+    if (isEditMode && selected${names.singular}?.id) {
+      update${names.singular}(
+        { id: selected${names.singular}.id, ${names.singularCamel}: formData },
+        {
+          onSuccess: () => onCancel(),
+        }
+      );
+    } else {
+      create${names.singular}(formData, {
+        onSuccess: () => onCancel(),
+      });
+    }
+  };
+
+  return (
+    <Modal
+      open={open}
+      onCancel={onCancel}
+      width={800}
+      centered
+      okText="Save"
+      onOk={handleSave}
+      okButtonProps={{
+        disabled: !formData.display_name || !formData.name,
+        loading: isLoading,
+      }}
+    >
+      <div className={styles["modal-header"]}>
+        <h1>{isEditMode ? "Edit ${names.singular}" : "Add ${names.singular}"}</h1>
+      </div>
+      <div className={"modal-section"}>
+        <div className={"modal-section-header"}>
+          <h3>${names.singular} Info</h3>
+        </div>
+        <div className={"modal-section-row"}>
+          <div className={"modal-section-row-item"}>
+            <p>Display Name</p>
+            <Input
+              name="display_name"
+              type="text"
+              value={formData.display_name || ""}
+              onChange={(e) => onFormChange("display_name", e.target.value)}
+              disabled={isLoading}
+            />
+          </div>
+          <div className={"modal-section-row-item"}>
+            <p>Name</p>
+            <Input
+              name="name"
+              type="text"
+              value={formData.name || ""}
+              onChange={(e) => onFormChange("name", e.target.value)}
+              disabled={isLoading || !!selected${names.singular}}
+            />
+          </div>
+        </div>
+      </div>
+    </Modal>
+  );
+}
+`;
+}
+export const resourcePageTemplate = {
+    name: 'resource-page',
+    description: 'Resource list page with form modal (plural folder). Pass PascalCase singular name and --dir.',
+    kind: 'file',
+    flags: [
+        {
+            name: 'dir',
+            description: 'Relative parent path for the new resource folder (required)',
+            defaultValue: '',
+        },
+        {
+            name: 'plural',
+            description: 'Optional PascalCase plural override (default: singular + s)',
+            defaultValue: '',
+        },
+    ],
+    resolveFiles(context) {
+        const dirRaw = typeof context.flags.dir === 'string' ? context.flags.dir.trim() : '';
+        if (!dirRaw) {
+            throw new Error('resource-page requires --dir <relative-path> (e.g. --dir src/pages)');
+        }
+        const pluralFlag = typeof context.flags.plural === 'string' && context.flags.plural.length > 0
+            ? context.flags.plural
+            : undefined;
+        const names = deriveResourceNames(context.projectName, pluralFlag);
+        const dir = normalizeDir(dirRaw);
+        const base = `${dir}/${names.plural}`;
+        return [
+            {
+                path: `${base}/${names.plural}Page.tsx`,
+                content: pageTsx(names),
+            },
+            {
+                path: `${base}/${names.plural}Page.module.css`,
+                content: pageCss(),
+            },
+            {
+                path: `${base}/components/${names.singular}Form.tsx`,
+                content: formTsx(names),
+            },
+        ];
+    },
+};
+//# sourceMappingURL=resource-page.js.map

package/dist/generator/resource-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource-page.js","sourceRoot":"","sources":["../../src/generator/resource-page.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+export { generateProject, getTemplate, listTemplates, registerTemplate, } from './generator/index.js';
+export type { GenerateOptions } from './generator/index.js';
+export type { TemplateContext, TemplateDefinition, TemplateFile, TemplateKind, } from './types.js';
+export { createCli, runCli } from './cli/index.js';
+export { deriveResourceNames } from './generator/naming.js';
+export type { ResourceNames } from './generator/naming.js';
+export { CRUD_KINDS } from './generator/crud.js';
+export type { CrudKind, ResourceVariant } from './generator/crud.js';
+export { HOOK_KINDS } from './generator/resource-hooks.js';
+export type { HookKind, ResourceHooksVariant } from './generator/resource-hooks.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,WAAW,EACX,aAAa,EACb,gBAAgB,GACjB,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAC5D,YAAY,EACV,eAAe,EACf,kBAAkB,EAClB,YAAY,EACZ,YAAY,GACb,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,YAAY,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,YAAY,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/index.js

@@ -0,0 +1,6 @@
+export { generateProject, getTemplate, listTemplates, registerTemplate, } from './generator/index.js';
+export { createCli, runCli } from './cli/index.js';
+export { deriveResourceNames } from './generator/naming.js';
+export { CRUD_KINDS } from './generator/crud.js';
+export { HOOK_KINDS } from './generator/resource-hooks.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,WAAW,EACX,aAAa,EACb,gBAAgB,GACjB,MAAM,sBAAsB,CAAC;AAQ9B,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,28 @@
+export type TemplateContext = {
+    /** Project directory name, or PascalCase resource name for file templates. */
+    projectName: string;
+    flags: Record<string, string | boolean | undefined>;
+};
+export type TemplateKind = 'project' | 'file';
+export type TemplateDefinition = {
+    name: string;
+    description: string;
+    /**
+     * project: scaffolds a directory named after the argument (default).
+     * file: writes into cwd / --out-dir; argument is the resource/type name.
+     */
+    kind?: TemplateKind;
+    /** Extra CLI flags this template accepts (beyond shared ones). */
+    flags?: Array<{
+        name: string;
+        description: string;
+        defaultValue?: string | boolean;
+    }>;
+    resolveFiles: (context: TemplateContext) => TemplateFile[];
+};
+export type TemplateFile = {
+    /** Path relative to the output project root. */
+    path: string;
+    content: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG;IAC5B,8EAA8E;IAC9E,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC,CAAC;CACrD,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,MAAM,CAAC;AAE9C,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,kEAAkE;IAClE,KAAK,CAAC,EAAE,KAAK,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;KACjC,CAAC,CAAC;IACH,YAAY,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,YAAY,EAAE,CAAC;CAC5D,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,gDAAgD;IAChD,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC"}

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "vite-code-generator",
+  "version": "0.1.0",
+  "description": "CLI code generator for Vite TypeScript projects",
+  "type": "module",
+  "bin": {
+    "vite-gen": "./bin/vite-gen.js"
+  },
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "bin",
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "start": "node ./bin/vite-gen.js",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "vite",
+    "typescript",
+    "generator",
+    "scaffold",
+    "cli"
+  ],
+  "license": "MIT",
+  "engines": {
+    "node": ">=18"
+  },
+  "dependencies": {
+    "commander": "^13.1.0"
+  },
+  "devDependencies": {
+    "@types/node": "^22.13.10",
+    "typescript": "^5.8.2"
+  }
+}