@tooltify/integration-shared 0.1.3 → 0.2.0

package/dist/index.d.ts

@@ -1,5 +1,11 @@
-interface StartOptions {
+interface ReactOptions {
+    shouldInjectSource?: (type: any, props: any) => boolean;
+}
+interface BaseStartOptions {
     publicUrl?: string;
+    react?: ReactOptions;
 }
 
-export type { StartOptions };
+declare function createReactJsxRuntimeFile(packagesDir: string, shouldInjectSource?: (type: any, props: any) => boolean): string;
+
+export { type BaseStartOptions, type ReactOptions, createReactJsxRuntimeFile };

package/dist/index.js

@@ -0,0 +1,18 @@
+// helpers/createReactJsxRuntimeFile.helper.ts
+import { createRequire } from "module";
+var _require = createRequire(import.meta.url);
+var REACT_TRANSFORMER_PATH = _require.resolve("@tooltify/integration-shared/source-transformers/react");
+console.log(REACT_TRANSFORMER_PATH);
+function createReactJsxRuntimeFile(packagesDir, shouldInjectSource) {
+  const shouldInjectSourceCode = shouldInjectSource ? shouldInjectSource.toString() : "undefined";
+  const isShortMethodDefinition = shouldInjectSourceCode.startsWith("shouldInjectSource");
+  return `import { createJsxRuntime } from ${JSON.stringify(REACT_TRANSFORMER_PATH)}
+export const { jsxDEV, Fragment } = createJsxRuntime({
+  packagesDir: ${JSON.stringify(packagesDir)},
+  ${isShortMethodDefinition ? "" : "shouldInjectSource:"}${shouldInjectSourceCode}
+})
+`;
+}
+export {
+  createReactJsxRuntimeFile
+};

package/dist/source-transformers/react.d.ts

@@ -1,10 +1,19 @@
 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>>;
+interface JsxRuntimeOptions {
+    packagesDir: string;
+    shouldInjectSource?: (type: any, props: any) => boolean;
+}
+/**
+ * Esto reescribe la libreria de JSXRuntime agregando un wrapper para poder inyectar el data-source.
+ */
+declare function createJsxRuntime({ packagesDir, shouldInjectSource }: JsxRuntimeOptions): {
+    jsxDEV: (type: any, props: any, key: any, isStaticChildren: boolean, source?: {
+        fileName?: string;
+        lineNumber?: number;
+        columnNumber?: number;
+    }) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+    Fragment: react.ExoticComponent<react.FragmentProps>;
+};
 
-export { jsxDEV };
+export { type JsxRuntimeOptions, createJsxRuntime };

package/dist/source-transformers/react.js

@@ -5,31 +5,30 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment } from "react/jsx-runtime";
 var SOURCE_PROPERTY_NAME = "tooltify_source";
 
 // source-transformers/react.source-transformer.ts
-var SymbolForwardRef = /* @__PURE__ */ Symbol.for("react.forward_ref");
-var isForwardRef = (type) => (
-  /**
-   * Este check solo sera aplicado apartir de react < 16.3
-   */
-  typeof type === "object" && type !== null && type?.["$$typeof"] === SymbolForwardRef
-);
-function jsxDEV(type, props, key, isStaticChildren, source) {
-  if ((typeof type === "string" || isForwardRef(type)) && source?.fileName) {
-    const idx = source.fileName.indexOf(__TOOLTIFY_PACKAGES_DIR__);
-    if (idx >= 0) {
-      const relative = source.fileName.slice(idx + __TOOLTIFY_PACKAGES_DIR__.length);
-      const sourceValue = `${relative}:${source.lineNumber ?? 0}`;
-      const originalRef = props.ref;
-      props.ref = (el) => {
-        if (el) el.setAttribute(SOURCE_PROPERTY_NAME, sourceValue);
-        if (typeof originalRef === "function") originalRef(el);
-        else if (originalRef && "current" in originalRef) originalRef.current = el;
-      };
+function createJsxRuntime({ packagesDir, shouldInjectSource }) {
+  const shouldInject = (type, props) => {
+    if (typeof type === "string") return true;
+    return shouldInjectSource?.(type, props) ?? false;
+  };
+  function jsxDEV(type, props, key, isStaticChildren, source) {
+    if (shouldInject(type, props) && source?.fileName) {
+      const idx = source.fileName.indexOf(packagesDir);
+      if (idx >= 0) {
+        const relative = source.fileName.slice(idx + packagesDir.length);
+        const sourceValue = `${relative}:${source.lineNumber ?? 0}`;
+        const originalRef = props.ref;
+        props.ref = (el) => {
+          if (el && typeof el.setAttribute === "function") el.setAttribute(SOURCE_PROPERTY_NAME, sourceValue);
+          if (typeof originalRef === "function") originalRef(el);
+          else if (originalRef && "current" in originalRef) originalRef.current = el;
+        };
+      }
     }
+    const fn = isStaticChildren ? _jsxs : _jsx;
+    return fn(type, props, key);
   }
-  const fn = isStaticChildren ? _jsxs : _jsx;
-  return fn(type, props, key);
+  return { jsxDEV, Fragment };
 }
 export {
-  Fragment,
-  jsxDEV
+  createJsxRuntime
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tooltify/integration-shared",
-  "version": "0.1.3",
+  "version": "0.2.0",
   "type": "module",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.js",
@@ -12,6 +12,7 @@
     "./source-transformers/react": {
       "types": "./dist/source-transformers/react.d.ts",
       "import": "./dist/source-transformers/react.js",
+      "require": "./dist/source-transformers/react.js",
       "default": "./dist/source-transformers/react.js"
     }
   },
@@ -20,8 +21,7 @@
     "prepublishOnly": "npm run build"
   },
   "peerDependencies": {
-    "react": "*",
-    "@tooltify/core": "*"
+    "react": "*"
   },
   "files": [
     "dist"