@octelis/monitor 0.1.0

package/dist/index.d.mts

@@ -0,0 +1,8 @@
+interface OctelisMonitorProps {
+    siteId: string;
+}
+declare function OctelisMonitor({ siteId }: OctelisMonitorProps): null;
+
+declare function OctelisNotFound(): null;
+
+export { OctelisMonitor, OctelisNotFound };

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+interface OctelisMonitorProps {
+    siteId: string;
+}
+declare function OctelisMonitor({ siteId }: OctelisMonitorProps): null;
+
+declare function OctelisNotFound(): null;
+
+export { OctelisMonitor, OctelisNotFound };

package/dist/index.js

@@ -0,0 +1,71 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  OctelisMonitor: () => OctelisMonitor,
+  OctelisNotFound: () => OctelisNotFound
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/OctelisMonitor.tsx
+var import_react = require("react");
+var APP_URL = "https://app.octelis.com";
+function OctelisMonitor({ siteId }) {
+  (0, import_react.useEffect)(() => {
+    if (!document.querySelector(`script[data-octelis-site="${siteId}"]`)) {
+      const script = document.createElement("script");
+      script.src = `${APP_URL}/monitor.js`;
+      script.setAttribute("data-site-id", siteId);
+      script.setAttribute("data-octelis-site", siteId);
+      script.defer = true;
+      document.head.appendChild(script);
+    }
+    const flag = `octelis_registered_${siteId}`;
+    if (localStorage.getItem(flag)) return;
+    fetch(`${APP_URL}/api/monitor/register`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ siteId })
+    }).then(() => localStorage.setItem(flag, "1")).catch(() => {
+    });
+  }, [siteId]);
+  return null;
+}
+
+// src/OctelisNotFound.tsx
+var import_react2 = require("react");
+function OctelisNotFound() {
+  (0, import_react2.useEffect)(() => {
+    const meta = document.createElement("meta");
+    meta.name = "octelis:page-type";
+    meta.content = "404";
+    document.head.appendChild(meta);
+    return () => {
+      document.head.removeChild(meta);
+    };
+  }, []);
+  return null;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  OctelisMonitor,
+  OctelisNotFound
+});

package/dist/index.mjs

@@ -0,0 +1,43 @@
+// src/OctelisMonitor.tsx
+import { useEffect } from "react";
+var APP_URL = "https://app.octelis.com";
+function OctelisMonitor({ siteId }) {
+  useEffect(() => {
+    if (!document.querySelector(`script[data-octelis-site="${siteId}"]`)) {
+      const script = document.createElement("script");
+      script.src = `${APP_URL}/monitor.js`;
+      script.setAttribute("data-site-id", siteId);
+      script.setAttribute("data-octelis-site", siteId);
+      script.defer = true;
+      document.head.appendChild(script);
+    }
+    const flag = `octelis_registered_${siteId}`;
+    if (localStorage.getItem(flag)) return;
+    fetch(`${APP_URL}/api/monitor/register`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ siteId })
+    }).then(() => localStorage.setItem(flag, "1")).catch(() => {
+    });
+  }, [siteId]);
+  return null;
+}
+
+// src/OctelisNotFound.tsx
+import { useEffect as useEffect2 } from "react";
+function OctelisNotFound() {
+  useEffect2(() => {
+    const meta = document.createElement("meta");
+    meta.name = "octelis:page-type";
+    meta.content = "404";
+    document.head.appendChild(meta);
+    return () => {
+      document.head.removeChild(meta);
+    };
+  }, []);
+  return null;
+}
+export {
+  OctelisMonitor,
+  OctelisNotFound
+};

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@octelis/monitor",
+  "version": "0.1.0",
+  "description": "Octelis site monitoring components for React",
+  "keywords": ["octelis", "monitoring", "react", "nextjs", "error-tracking"],
+  "license": "MIT",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "scripts": {
+    "build": "tsup src/index.ts --format esm,cjs --dts --external react",
+    "typecheck": "tsc --noEmit"
+  },
+  "peerDependencies": {
+    "react": "^18 || ^19"
+  },
+  "devDependencies": {
+    "@octelis/config": "workspace:*",
+    "@types/react": "^19.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.7.2"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/src/OctelisMonitor.tsx

@@ -0,0 +1,34 @@
+'use client'
+
+import { useEffect } from 'react'
+
+const APP_URL = 'https://app.octelis.com'
+
+interface OctelisMonitorProps {
+  siteId: string
+}
+
+export function OctelisMonitor({ siteId }: OctelisMonitorProps) {
+  useEffect(() => {
+    if (!document.querySelector(`script[data-octelis-site="${siteId}"]`)) {
+      const script = document.createElement('script')
+      script.src = `${APP_URL}/monitor.js`
+      script.setAttribute('data-site-id', siteId)
+      script.setAttribute('data-octelis-site', siteId)
+      script.defer = true
+      document.head.appendChild(script)
+    }
+
+    const flag = `octelis_registered_${siteId}`
+    if (localStorage.getItem(flag)) return
+    fetch(`${APP_URL}/api/monitor/register`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ siteId }),
+    })
+      .then(() => localStorage.setItem(flag, '1'))
+      .catch(() => {})
+  }, [siteId])
+
+  return null
+}

package/src/OctelisNotFound.tsx

@@ -0,0 +1,17 @@
+'use client'
+
+import { useEffect } from 'react'
+
+export function OctelisNotFound() {
+  useEffect(() => {
+    const meta = document.createElement('meta')
+    meta.name = 'octelis:page-type'
+    meta.content = '404'
+    document.head.appendChild(meta)
+    return () => {
+      document.head.removeChild(meta)
+    }
+  }, [])
+
+  return null
+}

package/src/index.ts

@@ -0,0 +1,2 @@
+export { OctelisMonitor } from './OctelisMonitor'
+export { OctelisNotFound } from './OctelisNotFound'