@suspensive/codemods 3.0.0 → 3.1.1

package/dist/bin/codemods.cjs

@@ -29,7 +29,7 @@ var import_extra_typings = require("@commander-js/extra-typings");
 // package.json
 var package_default = {
   name: "@suspensive/codemods",
-  version: "3.0.0",
+  version: "3.1.1",
   description: "Codemods for @suspensive.",
   keywords: [
     "suspensive",
@@ -87,7 +87,15 @@ var import_prompts = __toESM(require("prompts"), 1);
 var TRANSFORMER_INQUIRER_CHOICES = [
   {
     title: "tanstack-query-import",
-    description: "Migrate imports to @tanstack/react-query in @suspensive/react-query (using @tanstack/react-query@5)"
+    description: "Migrate imports to @tanstack/react-query in @suspensive/react-query"
+  },
+  {
+    title: "migrate-query-client-consumer-props",
+    description: "Migrate QueryClientConsumer context prop to queryClient"
+  },
+  {
+    title: "migrate-with-api",
+    description: "Migrate wrap API to with API for Suspensive v3"
   }
 ];
 function onCancel() {

package/dist/bin/transformRunner.cjs

@@ -41,7 +41,15 @@ var import_prompts = __toESM(require("prompts"), 1);
 var TRANSFORMER_INQUIRER_CHOICES = [
   {
     title: "tanstack-query-import",
-    description: "Migrate imports to @tanstack/react-query in @suspensive/react-query (using @tanstack/react-query@5)"
+    description: "Migrate imports to @tanstack/react-query in @suspensive/react-query"
+  },
+  {
+    title: "migrate-query-client-consumer-props",
+    description: "Migrate QueryClientConsumer context prop to queryClient"
+  },
+  {
+    title: "migrate-with-api",
+    description: "Migrate wrap API to with API for Suspensive v3"
   }
 ];
 function onCancel() {

package/dist/transforms/migrate-with-api.cjs

@@ -0,0 +1,129 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/transforms/migrate-with-api.ts
+var migrate_with_api_exports = {};
+__export(migrate_with_api_exports, {
+  default: () => transformer
+});
+module.exports = __toCommonJS(migrate_with_api_exports);
+
+// src/transforms/utils/createParserFromPath.ts
+var import_jscodeshift = __toESM(require("jscodeshift"), 1);
+var import_babylon = __toESM(require("jscodeshift/parser/babylon"), 1);
+var import_tsOptions = __toESM(require("jscodeshift/parser/tsOptions"), 1);
+function createParserFromPath(filePath) {
+  const isDeclarationFile = /\.d\.[mc]?ts$/.test(filePath);
+  if (isDeclarationFile) {
+    return import_jscodeshift.default.withParser(
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-call
+      (0, import_babylon.default)({
+        ...import_tsOptions.default,
+        plugins: [
+          // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access
+          ...import_tsOptions.default.plugins.filter((plugin) => plugin !== "typescript"),
+          ["typescript", { dts: true }]
+        ]
+      })
+    );
+  }
+  const isTsFile = /\.[mc]?ts$/.test(filePath);
+  return isTsFile ? import_jscodeshift.default.withParser("ts") : import_jscodeshift.default.withParser("tsx");
+}
+
+// src/transforms/migrate-with-api.ts
+function transformer(file) {
+  const j2 = createParserFromPath(file.path);
+  const root = j2(file.source);
+  const usedSuspensiveAPIs = /* @__PURE__ */ new Set();
+  const wrapImportNodes = root.find(j2.ImportDeclaration, { source: { value: "@suspensive/react" } });
+  const wrapImportNames = wrapImportNodes.find(j2.ImportSpecifier, { imported: { name: "wrap" } }).nodes().map((spec) => spec.local?.name ?? "wrap");
+  for (const path of wrapImportNodes.nodes()) {
+    path.specifiers = path.specifiers?.filter(
+      (spec) => !(spec.type === "ImportSpecifier" && spec.imported.name === "wrap")
+    );
+  }
+  const callPaths = root.find(j2.CallExpression, {
+    callee: {
+      type: "MemberExpression",
+      property: { type: "Identifier", name: "on" }
+    }
+  }).paths();
+  for (const path of callPaths) {
+    let current = path.node;
+    const stages = [];
+    while (current.type === "CallExpression" && current.callee.type === "MemberExpression") {
+      const prop = current.callee.property;
+      if (prop.type === "Identifier") {
+        stages.unshift({ name: prop.name, args: current.arguments });
+      }
+      current = current.callee.object;
+    }
+    const isWrapRoot = current.type === "Identifier" && wrapImportNames.includes(current.name) || current.type === "MemberExpression" && current.object.type === "Identifier" && wrapImportNames.includes(current.object.name);
+    if (!isWrapRoot) continue;
+    const onStage = stages.find((s) => s.name === "on");
+    if (!onStage) continue;
+    const wrapComponentStages = stages.filter((s) => s.name !== "on");
+    for (const stage of wrapComponentStages) {
+      usedSuspensiveAPIs.add(stage.name);
+    }
+    let withNode = onStage.args[0];
+    for (let i = wrapComponentStages.length - 1; i >= 0; i--) {
+      const { name, args } = wrapComponentStages[i];
+      const options = args[0] ?? j2.objectExpression([]);
+      withNode = j2.callExpression(j2.memberExpression(j2.identifier(name), j2.identifier("with")), [options, withNode]);
+    }
+    j2(path).replaceWith(withNode);
+  }
+  if (usedSuspensiveAPIs.size > 0) {
+    const suspensiveReactImport = root.find(j2.ImportDeclaration, { source: { value: "@suspensive/react" } });
+    if (suspensiveReactImport.size() > 0) {
+      for (const path of suspensiveReactImport.nodes()) {
+        const existing = path.specifiers?.map(
+          (spec) => spec.type === "ImportSpecifier" ? spec.imported.name : spec.local?.name
+        );
+        for (const name of Array.from(usedSuspensiveAPIs)) {
+          if (!existing?.includes(name)) {
+            path.specifiers?.push(j2.importSpecifier(j2.identifier(name)));
+          }
+        }
+      }
+    } else {
+      for (const path of root.find(j2.Program).nodes()) {
+        path.body.unshift(
+          j2.importDeclaration(
+            Array.from(usedSuspensiveAPIs).map((name) => j2.importSpecifier(j2.identifier(name))),
+            j2.literal("@suspensive/react")
+          )
+        );
+      }
+    }
+    return root.toSource();
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@suspensive/codemods",
-  "version": "3.0.0",
+  "version": "3.1.1",
   "description": "Codemods for @suspensive.",
   "keywords": [
     "suspensive",