create-sprinkles 0.2.3

package/templates/shared/vite.config.ts.hbs

@@ -0,0 +1,384 @@
+{{#if isRSC}}
+import { cloudflare } from "@cloudflare/vite-plugin";
+{{#if hasContentLayer}}
+import mdx from "@mdx-js/rollup";
+{{/if}}
+import { unstable_reactRouterRSC as reactRouter } from "@react-router/dev/vite";
+import tailwindcss from "@tailwindcss/vite";
+import rsc from "@vitejs/plugin-rsc";
+import devtoolsJson from "vite-plugin-devtools-json";
+import { defineConfig } from "vite-plus";
+
+{{#if hasContentLayer}}
+import { contentLayer } from "./content-layer/plugin.ts";
+{{/if}}
+import { reactCompiler } from "./react-compiler.plugin.ts";
+{{else if isReactRouter}}
+import { cloudflare } from "@cloudflare/vite-plugin";
+import { reactRouter } from "@react-router/dev/vite";
+import tailwindcss from "@tailwindcss/vite";
+import devtoolsJson from "vite-plugin-devtools-json";
+import { defineConfig } from "vite-plus";
+
+import { reactCompiler } from "./react-compiler.plugin.ts";
+{{else}}
+import { defineConfig } from "vite-plus";
+{{/if}}
+
+{{#if isReactRouter}}
+const IS_TEST = Boolean(process.env.VITEST);
+
+{{/if}}
+export default defineConfig({
+{{#if isRSC}}
+    css: {
+        transformer: "lightningcss",
+    },
+    environments: {
+        client: {
+            optimizeDeps: {
+                include: [
+                    "react-router",
+                    "react-router/dom",
+                    "react-router/internal/react-server-client",
+                ],
+            },
+        },
+        rsc: {
+            optimizeDeps: {
+                exclude: ["react-router"],
+            },
+            resolve: {
+                conditions: ["react-server"],
+            },
+        },
+        ssr: {
+            optimizeDeps: {
+                exclude: ["react-router"],
+            },
+        },
+    },
+{{/if}}
+    fmt: {
+        arrowParens: "avoid",
+        overrides: [
+            {
+                files: ["**/*.jsonc"],
+                options: {
+                    trailingComma: "none",
+                },
+            },
+            {
+                files: ["**/.vscode/**"],
+                options: {
+                    trailingComma: "all",
+                },
+            },
+        ],
+        sortImports: {
+            groups: [
+                "type-import",
+                ["value-builtin", "value-external"],
+                "type-internal",
+                "value-internal",
+                ["type-parent", "type-sibling", "type-index"],
+                ["value-parent", "value-sibling", "value-index"],
+                "unknown",
+            ],
+            partitionByComment: true,
+        },
+{{#if isReactRouter}}
+        sortTailwindcss: {
+            functions: ["cx", "cva"],
+            stylesheet: "./app/styles/tailwind.css",
+        },
+{{/if}}
+        tabWidth: 4,
+    },
+    lint: {
+        categories: {
+            correctness: "error",
+            suspicious: "error",
+        },
+        env: {
+{{#if isReactRouter}}
+            browser: true,
+{{/if}}
+            node: true,
+        },
+{{#if isRSC}}
+        ignorePatterns: ["**/worker-configuration.d.ts"],
+{{/if}}
+{{#if isReactRouter}}
+        jsPlugins: [
+            "eslint-plugin-perfectionist",
+            { name: "react-compiler", specifier: "eslint-plugin-react-hooks" },
+        ],
+{{/if}}
+        options: {
+            typeAware: true,
+            typeCheck: true,
+        },
+{{#if isReactRouter}}
+        plugins: ["react", "jsx-a11y", "jsdoc", "import", "node", "promise", "vitest"],
+{{else}}
+        plugins: ["jsdoc", "import", "node", "promise", "vitest"],
+{{/if}}
+        rules: {
+            "eslint/default-param-last": "error",
+            "eslint/func-style": ["error", "declaration"],
+            "eslint/id-length": "off",
+            "eslint/init-declarations": "off",
+            "eslint/max-lines": "off",
+            "eslint/max-lines-per-function": "off",
+            "eslint/max-statements": "off",
+            "eslint/capitalized-comments": "off",
+            "eslint/no-cond-assign": "off",
+            "eslint/no-continue": "off",
+            "eslint/no-dupe-else-if": "error",
+            "eslint/no-duplicate-imports": "off",
+            "eslint/no-else-return": "error",
+            "eslint/no-empty-pattern": "warn",
+            "eslint/no-irregular-whitespace": "error",
+            "eslint/no-lonely-if": "warn",
+            "eslint/no-magic-numbers": "off",
+            "eslint/no-param-reassign": "error",
+            "eslint/no-shadow": "off",
+            "eslint/no-template-curly-in-string": "warn",
+            "eslint/no-ternary": "off",
+            "eslint/no-undefined": "off",
+            "eslint/no-unused-expressions": "error",
+            "eslint/no-warning-comments": "off",
+            "eslint/no-unused-vars": "off",
+            "eslint/no-useless-escape": "warn",
+            "eslint/require-await": "off",
+            "eslint/sort-imports": "off",
+            "eslint/sort-keys": "off",
+
+            "import/extensions": [
+                "error",
+                "ignorePackages",
+                {
+                    cjs: "always",
+                    cts: "always",
+                    js: "always",
+                    jsx: "always",
+                    mjs: "always",
+                    mts: "always",
+                    ts: "always",
+                    tsx: "always",
+                },
+            ],
+            "import/exports-last": "off",
+            "import/group-exports": "off",
+            "import/no-commonjs": "warn",
+            "import/no-default-export": "off",
+            "import/no-named-export": "off",
+            "import/no-nodejs-modules": "off",
+            "import/no-relative-parent-imports": "off",
+            "import/prefer-default-export": "off",
+
+{{#if isReactRouter}}
+            "jest/require-hook": "off",
+
+            "jsx-a11y/no-autofocus": "off",
+
+            "node/no-process-env": "off",
+
+            "perfectionist/sort-jsx-props": "warn",
+            "react-compiler/component-hook-factories": "error",
+            "react-compiler/error-boundaries": "error",
+            "react-compiler/globals": "error",
+            "react-compiler/immutability": "error",
+            "react-compiler/incompatible-library": "error",
+            "react-compiler/preserve-manual-memoization": "error",
+            "react-compiler/purity": "error",
+            "react-compiler/refs": "error",
+            "react-compiler/set-state-in-effect": "error",
+            "react-compiler/set-state-in-render": "error",
+            "react-compiler/static-components": "error",
+            "react-compiler/unsupported-syntax": "error",
+            "react-compiler/use-memo": "error",
+            "react/exhaustive-deps": "warn",
+            "react/jsx-boolean-value": "warn",
+            "react/jsx-filename-extension": "off",
+            "react/jsx-max-depth": "off",
+            "react/jsx-fragments": "warn",
+            "react/jsx-key": "error",
+            "react/jsx-no-constructed-context-values": "error",
+            "react/jsx-no-duplicate-props": "error",
+            "react/jsx-no-script-url": "error",
+            "react/jsx-no-target-blank": "warn",
+            "react/jsx-no-useless-fragment": "warn",
+            "react/jsx-pascal-case": "error",
+            "react/jsx-props-no-spread-multi": "error",
+            "react/no-array-index-key": "off",
+            "react/no-multi-comp": "off",
+            "react/react-in-jsx-scope": "off",
+            "react/only-export-components": [
+                "error",
+                {
+                    allowExportNames: [
+                        "meta",
+                        "links",
+                        "headers",
+                        "loader",
+                        "action",
+                        "clientLoader",
+                        "clientAction",
+                        "middleware",
+                        "shouldRevalidate",
+                        "handle",
+                    ],
+                },
+            ],
+            "react/rules-of-hooks": "error",
+            "react/self-closing-comp": "error",
+
+{{/if}}
+            "typescript/consistent-type-imports": "error",
+            "typescript/no-empty-interface": "warn",
+            "typescript/no-explicit-any": "warn",
+            "typescript/no-inferrable-types": "error",
+            "typescript/no-non-null-assertion": "warn",
+            "typescript/prefer-as-const": "error",
+            "typescript/prefer-enum-initializers": "error",
+
+            "unicorn/no-lonely-if": "warn",
+            "unicorn/prefer-at": "warn",
+            "unicorn/prefer-string-slice": "warn",
+            "unicorn/prefer-string-trim-start-end": "error",
+        },
+        settings: {
+{{#if isReactRouter}}
+            "jsx-a11y": {
+                components: {
+                    Link: "a",
+                    NavLink: "a",
+                },
+                polymorphicPropName: "as",
+            },
+            react: {
+                formComponents: ["Form"],
+                linkComponents: [
+                    "DirectoryLink",
+                    { attribute: "to", name: "Link" },
+                    { attribute: "to", name: "NavLink" },
+                ],
+            },
+{{/if}}
+            vitest: {
+                typecheck: true,
+            },
+        },
+    },
+{{#if isPackage}}
+    pack: {
+        dts: {
+            tsgo: true,
+        },
+        exports: true,
+    },
+{{/if}}
+{{#if isRSC}}
+    plugins: [
+{{#if hasContentLayer}}
+        contentLayer(),
+        mdx(),
+{{/if}}
+        reactRouter(),
+        rsc(),
+        reactCompiler(),
+        !IS_TEST &&
+            cloudflare({
+                auxiliaryWorkers: [
+                    {
+                        configPath: "./wrangler.rsc.jsonc",
+                        viteEnvironment: {
+                            name: "rsc",
+                        },
+                    },
+                ],
+                configPath: "./wrangler.ssr.jsonc",
+                viteEnvironment: {
+                    name: "ssr",
+                },
+            }),
+        tailwindcss(),
+        devtoolsJson(),
+    ],
+{{else if isSSR}}
+    plugins: [
+        tailwindcss(),
+        reactRouter(),
+        reactCompiler(),
+        !IS_TEST &&
+            cloudflare({
+                configPath: "./wrangler.jsonc",
+                viteEnvironment: {
+                    name: "ssr",
+                },
+            }),
+        devtoolsJson(),
+    ],
+{{else if isSPA}}
+    plugins: [
+        tailwindcss(),
+        reactRouter(),
+        reactCompiler(),
+        !IS_TEST && cloudflare(),
+        devtoolsJson(),
+    ],
+{{/if}}
+{{#if isReactRouter}}
+    resolve: {
+        tsconfigPaths: true,
+    },
+{{/if}}
+    run: {
+        tasks: {
+{{#if isRSC}}
+            deploy: {
+                cache: false,
+                command: "vp build && wrangler deploy",
+            },
+            typecheck: {
+                command: "tsgo --noEmit",
+                dependsOn: ["typegen:react-router", "typegen:cloudflare"],
+            },
+            "typegen:cloudflare": {
+                command: "wrangler types -c wrangler.rsc.jsonc",
+            },
+            "typegen:react-router": {
+                command: "react-router typegen",
+            },
+{{else if isReactRouter}}
+            deploy: {
+                cache: false,
+                command: "vp build && wrangler deploy",
+            },
+            typecheck: {
+                command: "tsgo --noEmit",
+                dependsOn: ["typegen:react-router"],
+            },
+            "typegen:react-router": {
+                command: "react-router typegen",
+            },
+{{else}}
+            build: { command: "vp pack" },
+            dev: { command: "vp pack --watch" },
+            typecheck: { command: "tsgo --noEmit" },
+{{/if}}
+        },
+    },
+    staged: {
+        "*": "vp check --fix",
+    },
+    test: {
+{{#if isReactRouter}}
+        include: ["**/*.test.ts"],
+{{else}}
+        exclude: [".claude/**", "node_modules/**"],
+{{/if}}
+    },
+});

package/templates/ts-package/src/index.ts

@@ -0,0 +1,3 @@
+export function greet(name: string): string {
+    return `Hello, ${name}!`;
+}

package/templates/ts-package/tests/index.test.ts

@@ -0,0 +1,9 @@
+import { describe, expect, it } from "vite-plus/test";
+
+import { greet } from "../src/index.ts";
+
+describe("greet", () => {
+    it("should return a greeting", () => {
+        expect(greet("world")).toBe("Hello, world!");
+    });
+});

package/templates/ts-package/tsconfig.json

@@ -0,0 +1,18 @@
+{
+    "compilerOptions": {
+        "target": "ESNext",
+        "module": "ESNext",
+        "moduleResolution": "Bundler",
+        "strict": true,
+        "esModuleInterop": true,
+        "skipLibCheck": true,
+        "isolatedModules": true,
+        "declaration": true,
+        "declarationMap": true,
+        "sourceMap": true,
+        "outDir": "./dist",
+        "rootDir": "./src"
+    },
+    "include": ["src"],
+    "exclude": ["node_modules", "dist"]
+}

package/templates/ts-package-cli/bin/index.ts.hbs

@@ -0,0 +1 @@
+#!/usr/bin/env node import { cli } from "../src/cli.ts"; cli();

package/templates/ts-package-cli/src/cli.ts.hbs

@@ -0,0 +1,37 @@
+import { args } from "@bomb.sh/args";
+
+export function cli(): void {
+    const { positionals, values } = args({
+        allowPositionals: true,
+        options: {
+            help: {
+                short: "h",
+                type: "boolean",
+                default: false,
+                description: "Show help",
+            },
+            version: {
+                short: "v",
+                type: "boolean",
+                default: false,
+                description: "Show version",
+            },
+        },
+    });
+
+    if (values.version) {
+        console.log("0.1.0");
+        return;
+    }
+
+    if (values.help || positionals.length === 0) {
+        console.log(`Usage: {{repository}} [options] <command>`);
+        console.log();
+        console.log("Options:");
+        console.log("  -h, --help     Show help");
+        console.log("  -v, --version  Show version");
+        return;
+    }
+
+    console.log(`Running {{repository}} with args:`, positionals);
+}

package/templates/ts-package-generator/bin/create.ts.hbs

@@ -0,0 +1,2 @@
+#!/usr/bin/env node import { runTemplateCLI } from "bingo"; import template from
+"../src/template.ts"; await runTemplateCLI(template);

package/templates/ts-package-generator/src/template.ts.hbs

@@ -0,0 +1,22 @@
+import { createTemplate } from "bingo";
+import { handlebars } from "bingo-handlebars";
+import path from "node:path";
+import { z } from "zod";
+
+const templatesDir = path.join(import.meta.dirname, "../templates");
+
+const options = {
+    name: z.string().describe("Project name"),
+};
+
+export default createTemplate({
+    about: {
+        description: "Scaffold a new project with {{repository}}.",
+        name: "@{{owner}}/{{repository}}",
+    },
+    options,
+    async produce({ options: opts }) {
+        const files = await handlebars(path.join(templatesDir, "default"), opts);
+        return { files };
+    },
+});

package/templates/ts-package-sea/sea-config.json.hbs

@@ -0,0 +1,2 @@
+{ "main": "dist/sea-entry.mjs", "output": "sea-prep.blob", "disableExperimentalSEAWarning": true,
+"useSnapshot": false, "useCodeCache": true }

package/templates/ts-package-sea/src/sea-entry.ts.hbs

@@ -0,0 +1,4 @@
+/** * Single Executable Application entry point. * * This file is the main entry for the SEA build.
+It will be bundled * into a single file and embedded into the Node.js binary. * * @see
+https://nodejs.org/api/single-executable-applications.html */ import { greet } from "./index.ts";
+const name = process.argv[2] ?? "world"; console.log(greet(name));