@treelocator/runtime 0.1.0

package/dist/functions/transformPath.js

@@ -0,0 +1,7 @@
+export function transformPath(path, from, to) {
+  try {
+    return path.replace(new RegExp(`${from}`), to);
+  } catch (e) {
+    return path;
+  }
+}

package/dist/functions/transformPath.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/functions/transformPath.test.js

@@ -0,0 +1,16 @@
+import { transformPath } from "./transformPath";
+import { describe, expect, test } from "vitest";
+describe("transformPath", () => {
+  test("replacing internal url to external", () => {
+    expect(transformPath("/app/src/myFile.js", "/app/", "C://myPath/")).toBe("C://myPath/src/myFile.js");
+  });
+  test("unifying absolute and relative paths", () => {
+    const from = "^/src/";
+    const to = "/myPath/src/";
+    expect(transformPath("/src/myFile.js", from, to)).toBe("/myPath/src/myFile.js");
+    expect(transformPath("/myPath/src/myFile.js", from, to)).toBe("/myPath/src/myFile.js");
+  });
+  test("invalid regex should keep original", () => {
+    expect(transformPath("/app/src/myFile.js", "[", "C://myPath/")).toBe("/app/src/myFile.js");
+  });
+});

package/dist/global.d.js

@@ -0,0 +1 @@
+export {};

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+import { Target } from "@locator/shared";
+import { AdapterId } from "./consts";
+export * from "./adapters/jsx/runtimeStore";
+export declare const MAX_ZINDEX = 2147483647;
+export declare function setup({ adapter, targets, }?: {
+    adapter?: AdapterId;
+    targets?: {
+        [k: string]: Target | string;
+    };
+}): void;
+export default setup;

package/dist/index.js

@@ -0,0 +1,13 @@
+import { initRuntime } from "./initRuntime";
+export * from "./adapters/jsx/runtimeStore";
+export const MAX_ZINDEX = 2147483647;
+export function setup({
+  adapter,
+  targets
+} = {}) {
+  setTimeout(() => initRuntime({
+    adapter,
+    targets
+  }), 0);
+}
+export default setup;

package/dist/initRuntime.d.ts

@@ -0,0 +1,8 @@
+import { Target } from "@locator/shared";
+import { AdapterId } from "./consts";
+export declare function initRuntime({ adapter, targets, }?: {
+    adapter?: AdapterId;
+    targets?: {
+        [k: string]: Target | string;
+    };
+}): void;

package/dist/initRuntime.js

@@ -0,0 +1,80 @@
+import { allTargets } from "@locator/shared";
+import { fontFamily } from "./consts";
+import generatedStyles from "./_generated_styles";
+import { MAX_ZINDEX } from "./index";
+import { installBrowserAPI } from "./browserApi";
+export function initRuntime({
+  adapter,
+  targets
+} = {}) {
+  if (typeof window === "undefined" || typeof document === "undefined") {
+    return;
+  }
+  if (document.getElementById("locatorjs-wrapper")) {
+    // already initialized
+    return;
+  }
+
+  // Install browser API on window.__locatorjs__
+  installBrowserAPI(adapter);
+
+  // add style tag to head
+  const style = document.createElement("style");
+  style.id = "locatorjs-style";
+  style.innerHTML = `
+      #locatorjs-layer {
+        all: initial;
+        pointer-events: none;
+        font-family: ${fontFamily};
+      }
+      #locatorjs-layer * {
+        box-sizing: border-box;
+      }
+      #locatorjs-labels-wrapper {
+        display: flex;
+        gap: 8px;
+      }
+      ${generatedStyles}
+    `;
+  const globalStyle = document.createElement("style");
+  globalStyle.id = "locatorjs-global-style";
+  globalStyle.innerHTML = `
+      #locatorjs-wrapper {
+        z-index: ${MAX_ZINDEX};
+        pointer-events: none;
+        position: fixed;
+      }
+      .locatorjs-active-pointer * {
+        cursor: pointer !important;
+      }
+    `;
+  const wrapper = document.createElement("div");
+  wrapper.setAttribute("id", "locatorjs-wrapper");
+  const shadow = wrapper.attachShadow({
+    mode: "open"
+  });
+  const layer = document.createElement("div");
+  layer.setAttribute("id", "locatorjs-layer");
+  shadow.appendChild(style);
+  shadow.appendChild(layer);
+  document.body.appendChild(wrapper);
+  document.head.appendChild(globalStyle);
+
+  // This weird import is needed because:
+  // SSR React (Next.js) breaks when importing any SolidJS compiled file, so the import has to be conditional
+  // Browser Extension breaks when importing with "import()"
+  // Vite breaks when importing with "require()"
+  if (typeof require !== "undefined") {
+    // eslint-disable-next-line @typescript-eslint/no-var-requires
+    const {
+      initRender
+    } = require("./components/Runtime");
+    initRender(layer, adapter, targets || allTargets);
+  } else {
+    import("./components/Runtime").then(({
+      initRender
+    }) => {
+      initRender(layer, adapter, targets || allTargets);
+    });
+  }
+}