create-krispya 0.1.0

package/dist/integrations/xr.js

@@ -0,0 +1,51 @@
+export function generateXr(generator, options) {
+    if (options == null || options === false) {
+        return;
+    }
+    if (options === true) {
+        options = {};
+    }
+    generator.addDependency("@react-three/xr", "^6.6.16");
+    generator.addDependency("@vitejs/plugin-basic-ssl", "^2.0.0");
+    generator.inject("import", "import { XR, createXRStore } from '@react-three/xr'");
+    generator.inject(`global-start`, `const store = createXRStore(${JSON.stringify(options.storeOptions ?? {})})`);
+    generator.inject("scene-start", "<XR store={store}>");
+    generator.inject("scene-end", "</XR>");
+    generator.inject("vite-config-import", "import basicSsl from '@vitejs/plugin-basic-ssl'");
+    generator.configureVite({
+        server: {
+            host: true,
+        },
+        plugins: ["$raw:basicSsl()"],
+    });
+    generator.inject("dom-start", `<div style={{
+        display: "flex",
+          flexDirection: "row",
+          gap: "1rem",
+          position: 'absolute',
+          zIndex: 10000,
+          background: 'black',
+          borderRadius: '0.5rem',
+          border: 'none',
+          fontWeight: 'bold',
+          color: 'white',
+          cursor: 'pointer',
+          fontSize: '1.5rem',
+          bottom: '1rem',
+          left: '50%',
+          boxShadow: '0px 0px 20px rgba(0,0,0,1)',
+          transform: 'translate(-50%, 0)',
+        }}><button
+        style={{ cursor: "pointer", padding: '1rem 2rem', fontSize: "1rem", background: "none", color: "white", border: "none" }}
+        onClick={() => store.enterAR()}
+      >
+        Enter AR
+      </button>
+      <button
+        style={{ cursor: "pointer", padding: '1rem 2rem', fontSize: "1rem", background: "none", color: "white", border: "none" }}
+        onClick={() => store.enterVR()}
+      >
+        Enter VR
+      </button></div>`);
+    generator.inject("readme-libraries", `[@react-three/xr](https://pmndrs.github.io/xr/docs/) - VR/AR support for @react-three/fiber`);
+}

package/dist/integrations/zustand.d.ts

@@ -0,0 +1,8 @@
+import type { Generator } from "../index.js";
+export type GenerateZustandOptions = {
+    /**
+     * @default true
+     */
+    addExample?: boolean;
+} | boolean;
+export declare function generateZustand(generator: Generator, options: GenerateZustandOptions | undefined): void;

package/dist/integrations/zustand.js

@@ -0,0 +1,7 @@
+export function generateZustand(generator, options) {
+    if (options == null) {
+        return;
+    }
+    generator.addDependency("zustand", "^5.0.3");
+    generator.inject("readme-libraries", `[zustand](https://zustand.docs.pmnd.rs/) - small, fast and scalable state-management solution`);
+}

package/dist/lib/array.d.ts

@@ -0,0 +1 @@
+export declare function unique<T>(...array: T[][]): T[];

package/dist/lib/array.js

@@ -0,0 +1,9 @@
+export function unique(...array) {
+    const set = new Set();
+    for (const arr of array) {
+        for (const item of arr) {
+            set.add(item);
+        }
+    }
+    return Array.from(set);
+}

package/dist/merge.d.ts

@@ -0,0 +1 @@
+export declare function merge(target: any, modification: any): any;

package/dist/merge.js

@@ -0,0 +1,26 @@
+export function merge(target, modification) {
+    if (modification == null) {
+        throw new Error(`Cannot merge "${modification}" modification into target "${target}"`);
+    }
+    if (target == null) {
+        return modification;
+    }
+    if (Array.isArray(target)) {
+        if (!Array.isArray(modification)) {
+            throw new Error(`Cannot merge non-array modification "${modification}" into array target "${target}"`);
+        }
+        return [...target, ...modification];
+    }
+    if (typeof target === "object") {
+        if (typeof modification != "object") {
+            throw new Error(`Cannot merge non-object modification "${modification}" into object target "${target}"`);
+        }
+        const result = { ...target };
+        for (const modificationKey in modification) {
+            result[modificationKey] = merge(target[modificationKey], modification[modificationKey]);
+        }
+        return result;
+    }
+    console.warn(`target "${target}" is overwritten with modification "${modification}"`);
+    return modification;
+}

package/dist/utils.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Fetches the latest version of an npm package from the registry
+ * @param packageName The name of the npm package
+ * @param fallback Fallback version if fetch fails
+ * @returns The latest version string (e.g., "1.0.0")
+ */
+export declare function getLatestNpmVersion(packageName: string, fallback: string): Promise<string>;
+/**
+ * Fetches the latest version of pnpm from the npm registry
+ * @returns The latest pnpm version string (e.g., "10.24.0")
+ */
+export declare function getLatestPnpmVersion(): Promise<string>;
+/**
+ * Fetches the latest LTS version of Node.js
+ * @returns The latest Node.js LTS version string (e.g., "22.13.0")
+ */
+export declare function getLatestNodeVersion(): Promise<string>;
+/**
+ * Generates a random name in the format "adjective-noun"
+ * @returns A randomly generated name string
+ */
+export declare function generateRandomName(): string;

package/dist/utils.js

@@ -0,0 +1,123 @@
+/**
+ * Fetches the latest version of an npm package from the registry
+ * @param packageName The name of the npm package
+ * @param fallback Fallback version if fetch fails
+ * @returns The latest version string (e.g., "1.0.0")
+ */
+export async function getLatestNpmVersion(packageName, fallback) {
+    try {
+        const response = await fetch(`https://registry.npmjs.org/${packageName}/latest`);
+        const data = (await response.json());
+        return data.version;
+    }
+    catch {
+        return fallback;
+    }
+}
+/**
+ * Fetches the latest version of pnpm from the npm registry
+ * @returns The latest pnpm version string (e.g., "10.24.0")
+ */
+export async function getLatestPnpmVersion() {
+    return getLatestNpmVersion("pnpm", "10.11.0");
+}
+/**
+ * Fetches the latest LTS version of Node.js
+ * @returns The latest Node.js LTS version string (e.g., "22.13.0")
+ */
+export async function getLatestNodeVersion() {
+    try {
+        const response = await fetch("https://nodejs.org/dist/index.json");
+        const data = (await response.json());
+        // Find the first LTS version
+        const ltsVersion = data.find((v) => v.lts);
+        if (ltsVersion) {
+            // Remove the 'v' prefix from version string
+            return ltsVersion.version.replace(/^v/, "");
+        }
+        return "22.0.0";
+    }
+    catch {
+        // Fallback to a known recent LTS version if fetch fails
+        return "22.0.0";
+    }
+}
+/**
+ * Generates a random name in the format "adjective-noun"
+ * @returns A randomly generated name string
+ */
+export function generateRandomName() {
+    const adjectives = [
+        "red",
+        "blue",
+        "green",
+        "yellow",
+        "purple",
+        "orange",
+        "pink",
+        "black",
+        "white",
+        "tiny",
+        "big",
+        "small",
+        "large",
+        "huge",
+        "giant",
+        "mini",
+        "mega",
+        "super",
+        "happy",
+        "sad",
+        "angry",
+        "calm",
+        "quiet",
+        "loud",
+        "silent",
+        "noisy",
+        "shiny",
+        "dull",
+        "bright",
+        "dark",
+        "fuzzy",
+        "smooth",
+        "rough",
+        "soft",
+    ];
+    const nouns = [
+        "apple",
+        "banana",
+        "cherry",
+        "date",
+        "elderberry",
+        "fig",
+        "grape",
+        "honeydew",
+        "cat",
+        "dog",
+        "elephant",
+        "fox",
+        "giraffe",
+        "horse",
+        "iguana",
+        "jaguar",
+        "mountain",
+        "river",
+        "ocean",
+        "desert",
+        "forest",
+        "jungle",
+        "meadow",
+        "valley",
+        "star",
+        "moon",
+        "sun",
+        "planet",
+        "comet",
+        "asteroid",
+        "galaxy",
+        "universe",
+    ];
+    const randomAdjective = adjectives[Math.floor(Math.random() * adjectives.length)];
+    const randomNoun = nouns[Math.floor(Math.random() * nouns.length)];
+    return `${randomAdjective}-${randomNoun}`;
+}

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "create-krispya",
+  "version": "0.1.0",
+  "description": "🌹 CLI for creating web projects with (my) sensible defaults",
+  "keywords": [
+    "cli",
+    "r3f",
+    "react",
+    "react-three-fiber",
+    "scaffold",
+    "vite"
+  ],
+  "license": "ISC",
+  "author": "Kris Baumgartner",
+  "bin": "dist/cli.js",
+  "files": [
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "dependencies": {
+    "@clack/prompts": "^0.11.0",
+    "chalk": "^5.4.1",
+    "commander": "^13.1.0",
+    "ora": "^8.2.0",
+    "undici": "^5.28.4"
+  },
+  "devDependencies": {
+    "@types/node": "^20.17.32",
+    "tsx": "^4.20.5",
+    "typescript": "^5.8.3"
+  },
+  "scripts": {
+    "build": "tsc --project ./tsconfig.build.json",
+    "dev": "tsx src/cli.ts"
+  }
+}