@valbuild/init 0.51.0

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@valbuild/init",
+  "version": "0.51.0",
+  "description": "",
+  "main": "dist/valbuild-init.cjs.js",
+  "module": "dist/valbuild-init.esm.js",
+  "exports": {
+    ".": {
+      "module": "./dist/valbuild-init.esm.js",
+      "default": "./dist/valbuild-init.cjs.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "scripts": {
+    "test": "jest",
+    "build": "ncc build ./src/index.ts -o ./out/ --minify --no-cache --no-source-map-register"
+  },
+  "bin": {
+    "@valbuild/init": "./out/index.js"
+  },
+  "dependencies": {
+    "@inquirer/confirm": "^2.0.15",
+    "@inquirer/prompts": "^3.0.2",
+    "@types/diff": "^5.0.9",
+    "chalk": "^4.1.2",
+    "cors": "^2.8.5",
+    "diff": "^5.1.0",
+    "eslint": "^8.31.0",
+    "express": "^4.18.2",
+    "fast-glob": "^3.3.1",
+    "jscodeshift": "^0.15.1",
+    "meow": "^9.0.0",
+    "open": "^9.1.0",
+    "picocolors": "^1.0.0",
+    "recast": "^0.23.4",
+    "semver": "^7.5.4",
+    "simple-git": "^3.22.0",
+    "typescript": "^5.3.3",
+    "zod": "^3.22.4"
+  },
+  "preconstruct": {
+    "entrypoints": [
+      "./index.ts"
+    ],
+    "exports": true
+  },
+  "devDependencies": {
+    "@babel/preset-env": "^7.23.8",
+    "@babel/preset-typescript": "^7.23.3",
+    "@types/jest": "^29.5.11",
+    "@types/jscodeshift": "^0.11.11",
+    "@vercel/ncc": "^0.38.1",
+    "jest": "^29.7.0"
+  }
+}

package/src/codemods/index.ts

@@ -0,0 +1 @@
+export * from "./transformNextAppRouterValProvider";

package/src/codemods/transformNextAppRouterValProvider.ts

@@ -0,0 +1,76 @@
+import j from "jscodeshift";
+
+export function transformNextAppRouterValProvider(
+  fileInfo: j.FileInfo,
+  api: j.API,
+  options: j.Options
+) {
+  if (!options.configImportPath) {
+    throw new Error("configImportPath is required");
+  }
+  const root = api.jscodeshift(fileInfo.source);
+  root
+    .find(j.ImportDeclaration)
+    .at(0)
+    .insertBefore(
+      j.importDeclaration(
+        [j.importSpecifier(j.identifier("ValProvider"))],
+        j.literal("@valbuild/next")
+      )
+    )
+    .insertBefore(
+      j.importDeclaration(
+        [j.importSpecifier(j.identifier("config"))],
+        j.literal(options.configImportPath)
+      )
+    );
+  root
+    .findJSXElements("body")
+    .childNodes()
+    .forEach((el) => {
+      if (el.value.type === "JSXExpressionContainer") {
+        if (
+          el.value.expression.type === "Identifier" &&
+          el.value.expression.name === "children"
+        ) {
+          el.replace(
+            j.jsxElement(
+              {
+                name: {
+                  type: "JSXIdentifier",
+                  name: "ValProvider",
+                },
+                type: "JSXOpeningElement",
+                selfClosing: false,
+                attributes: [
+                  {
+                    type: "JSXAttribute",
+                    name: {
+                      type: "JSXIdentifier",
+                      name: "config",
+                    },
+                    value: {
+                      type: "JSXExpressionContainer",
+                      expression: {
+                        type: "Identifier",
+                        name: "config",
+                      },
+                    },
+                  },
+                ],
+              },
+              {
+                name: {
+                  type: "JSXIdentifier",
+                  name: "ValProvider",
+                },
+                type: "JSXClosingElement",
+              },
+              [j.jsxExpressionContainer(j.identifier("children"))]
+            )
+          );
+        }
+      }
+    });
+  return root.toSource();
+}

package/src/codemods.test.ts

@@ -0,0 +1,75 @@
+import jcs from "jscodeshift";
+import { transformNextAppRouterValProvider } from "./codemods/transformNextAppRouterValProvider";
+
+const APP_ROUTER_LAYOUT_SANS_VAL_PROVIDER = `import type { Metadata } from "next";
+import { Inter } from "next/font/google";
+import "./globals.css";
+
+const inter = Inter({ subsets: ["latin"] });
+
+export const metadata: Metadata = {
+  title: "Create Next App",
+  description: "Generated by create next app",
+};
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="en">
+      <body className={inter.className}>
+        {children}
+      </body>
+    </html>
+  );
+}
+`;
+
+describe("codemods", () => {
+  test("init ValProvider layout", async () => {
+    const res = transformNextAppRouterValProvider(
+      {
+        path: "./app/layout.tsx",
+        source: APP_ROUTER_LAYOUT_SANS_VAL_PROVIDER,
+      },
+      {
+        j: jcs,
+        jscodeshift: jcs.withParser("tsx"),
+        stats: () => {},
+        report: () => {},
+      },
+      {
+        configImportPath: "../val.config",
+      }
+    );
+    expect(res).toEqual(`import { ValProvider } from "@valbuild/next";
+import { config } from "../val.config";
+import type { Metadata } from "next";
+import { Inter } from "next/font/google";
+import "./globals.css";
+
+const inter = Inter({ subsets: ["latin"] });
+
+export const metadata: Metadata = {
+  title: "Create Next App",
+  description: "Generated by create next app",
+};
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    (<html lang="en">
+      <body className={inter.className}>
+        <ValProvider config={config}>{children}</ValProvider>
+      </body>
+    </html>)
+  );
+}
+`);
+  });
+});

package/src/index.ts

@@ -0,0 +1,49 @@
+import meow from "meow";
+import { init } from "./init";
+import { error } from "./logger";
+
+async function main() {
+  const { flags } = meow(
+    `
+      Usage
+        $ npx @valbuild/init
+      Commands
+        Initialize Val in a project
+
+      Options
+        --help                   Show this message
+        --root [root], -r [root] Set project root directory (default process.cwd())
+        --yes [yes], -y [yes]    Accept all prompts with defaults.
+    `,
+    {
+      flags: {
+        root: {
+          type: "string",
+          alias: "r",
+        },
+        yes: {
+          type: "boolean",
+          alias: "y",
+        },
+      },
+      hardRejection: false,
+    }
+  );
+
+  await init(flags.root, { yes: flags.yes });
+}
+
+void main().catch((err) => {
+  if (err.message.includes("force closed the prompt")) {
+    process.exitCode = 2;
+    return;
+  }
+  error(
+    err instanceof Error
+      ? err.message + "\n" + err.stack
+      : typeof err === "object"
+      ? JSON.stringify(err, null, 2)
+      : err
+  );
+  process.exitCode = 1;
+});