@tooltify/integration-rspack 0.1.0

package/dist/helpers/react-transform-source.d.ts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+export { Fragment } from 'react/jsx-runtime';
+
+declare function jsxDEV(type: any, props: any, key: any, isStaticChildren: boolean, source?: {
+    fileName?: string;
+    lineNumber?: number;
+    columnNumber?: number;
+}): react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+
+export { jsxDEV };

package/dist/helpers/react-transform-source.js

@@ -0,0 +1,19 @@
+// ../helpers/react-transform-source.ts
+import { jsx as _jsx, jsxs as _jsxs, Fragment } from "react/jsx-runtime";
+function jsxDEV(type, props, key, isStaticChildren, source) {
+  if (typeof type === "string" && source?.fileName) {
+    const filePath = source.fileName;
+    const line = source.lineNumber || 0;
+    const idx = filePath.indexOf(__TOOLTIFY_PACKAGES_DIR__);
+    if (idx >= 0) {
+      const relative = filePath.slice(idx + __TOOLTIFY_PACKAGES_DIR__.length);
+      props = { ...props, "data-source": `${relative}:${line}` };
+    }
+  }
+  const fn = isStaticChildren ? _jsxs : _jsx;
+  return fn(type, props, key);
+}
+export {
+  Fragment,
+  jsxDEV
+};

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+import { RspackPluginInstance } from '@rspack/core';
+
+declare function rspackTooltify(): RspackPluginInstance;
+
+export { rspackTooltify };

package/dist/index.js

@@ -0,0 +1,55 @@
+// index.ts
+import path from "path";
+import { fileURLToPath } from "url";
+import { startServer } from "@tooltify/core";
+var __dirname = path.dirname(fileURLToPath(import.meta.url));
+var CUSTOM_JSX_RUNTIME = path.resolve(__dirname, "./helpers/react-transform-source");
+function rspackTooltify() {
+  return {
+    apply(compiler) {
+      const { config, port, buildTracker, cleanDeps } = startServer();
+      new compiler.rspack.NormalModuleReplacementPlugin(
+        /^react\/jsx-dev-runtime$/,
+        CUSTOM_JSX_RUNTIME
+      ).apply(compiler);
+      new compiler.rspack.DefinePlugin({
+        __TOOLTIFY_PACKAGES_DIR__: JSON.stringify(config.packagesDir)
+      }).apply(compiler);
+      compiler.hooks.compilation.tap("tooltify", (compilation) => {
+        compilation.hooks.processAssets.tap(
+          { name: "tooltify", stage: compiler.rspack.Compilation.PROCESS_ASSETS_STAGE_SUMMARIZE },
+          (assets) => {
+            for (const name of Object.keys(assets)) {
+              if (name !== "index.html") continue;
+              const html = assets[name].source().toString();
+              const injected = html.replace(
+                "</head>",
+                `<script>window.__TOOLTIFY_URL__="http://localhost:${port}"</script>
+<script src="http://localhost:${port}/tooltify.js" defer></script>
+</head>`
+              );
+              compilation.updateAsset(
+                name,
+                new compiler.rspack.sources.RawSource(injected)
+              );
+            }
+          }
+        );
+      });
+      compiler.hooks.shutdown.tap("tooltify", () => cleanDeps());
+      compiler.hooks.watchRun.tap("tooltify", (comp) => {
+        const changed = comp.modifiedFiles ? [...comp.modifiedFiles] : [];
+        if (changed.length === 0) return;
+        buildTracker.onFilesChanged(changed);
+      });
+      compiler.hooks.done.tap("tooltify", (stats) => {
+        const hash = stats.hash || Date.now().toString(36);
+        const errors = stats.hasErrors() ? stats.compilation.errors.map((e) => e.message) : [];
+        buildTracker.onBuildDone(hash, stats.hasErrors(), errors);
+      });
+    }
+  };
+}
+export {
+  rspackTooltify
+};

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@tooltify/integration-rspack",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "scripts": {
+    "build:lib": "tsup",
+    "build": "npm run build:lib",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "@rspack/core": "^1.7.8",
+    "@tooltify/core": "^0.1.0"
+  },
+  "devDependencies": {
+    "@tooltify/core": "*"
+  },
+  "files": [
+    "dist"
+  ],
+  "keywords": [
+    "devtools",
+    "rspack",
+    "tooltify",
+    "integration"
+  ],
+  "author": "Franco Werner",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/franwerner/tooltify.git",
+    "directory": "integrations/rspack"
+  }
+}