@cresenity/cresjs-error-collector 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Cresenity
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,89 @@
+# cresjs-error-collector
+
+Browser/React error collector for CF (Cresenity Framework) apps. Reports uncaught JS errors,
+unhandled promise rejections, and caught React render errors **directly to devcloud** — cross-
+origin, no backend relay — landing in the same Exception Collector PHP exceptions already use.
+
+## How it talks to devcloud
+
+The browser POSTs straight to devcloud's `v1/jsExceptions` endpoint (CORS-open), authenticated
+with a query-string `key` — not a header, since `navigator.sendBeacon()` (the primary transport
+here, so a report still goes out even if the page is closing) can't set custom headers at all.
+
+That `key` is `app.js_ingest_key` from devcloud (Manager → Project → App → "JS Ingest Key") — a
+low-privilege, per-app token deliberately safe to expose in page source, the same way a Sentry
+DSN's public key is. It can only submit JS error reports through this one endpoint; it is **not**
+`app.api_key`/`secret_key` (those stay server-side, used by devcloud's APM trace ingestion and
+other server-to-server calls).
+
+**Never hardcode the devcloud endpoint URL or the key in your app's source.** Both come from
+server-side config injected into the page at render time — see "Wiring it into a page" below.
+
+## Install
+
+Not published to a private registry — public on npm under the `@cresenity` scope:
+
+```bash
+npm install @cresenity/cresjs-error-collector
+```
+
+## Usage
+
+### Vanilla (any page, framework-agnostic)
+
+```ts
+import { initJsErrorCollector } from '@cresenity/cresjs-error-collector';
+
+initJsErrorCollector();
+```
+
+Attaches `window.onerror`/`unhandledrejection` listeners. Reads `window.__CF_JS_COLLECTOR_CONFIG__`
+(`{ endpoint, key } | null`) by default — no-ops entirely (not even attaching the listeners) when
+that's missing. Pass `{ endpoint, key }` directly to `createCollector()` instead if your host page
+doesn't go through that injection point.
+
+### React
+
+```tsx
+import { CresjsErrorBoundary } from '@cresenity/cresjs-error-collector/react';
+
+<CresjsErrorBoundary>
+  <App />
+</CresjsErrorBoundary>
+```
+
+React never lets a render/lifecycle/hook error bubble to `window.onerror` once a boundary exists
+above it — `CresjsErrorBoundary` is that boundary, reporting via the same mechanism. Errors outside
+React's render cycle (event handlers, timers, unhandled promise rejections) still need the vanilla
+`initJsErrorCollector()` call too — the two cover different failure modes, use both.
+
+Pass `fallback` (node, or `(error, reset) => node`) for a custom crash UI instead of the built-in
+one, and `onError` for an extra side effect (toast, local logging) alongside the report.
+
+## Wiring it into a page (CF-specific)
+
+Something server-side has to set `window.__CF_JS_COLLECTOR_CONFIG__` before this package's code
+runs, reading `devcloud.jsCollector.url` / `devcloud.jsCollector.key` (`system/config/devcloud.php`
+in the CF monorepo — both env-driven, no hardcoded defaults):
+
+```html
+<script>
+  window.__CF_JS_COLLECTOR_CONFIG__ = { endpoint: "...", key: "..." };
+</script>
+```
+
+`CApp`'s `RendererTrait` already does this for every classic CF page automatically. A standalone
+SPA shell (one that bypasses `CApp::renderScripts()` entirely, e.g. a bare `<!DOCTYPE html>` blade)
+needs the same snippet added by hand — see `application/devcloud/default/views/page/
+home-console.blade.php` for the reference.
+
+## Build
+
+```bash
+npm install
+npm run build      # tsup -> dist/ (esm+cjs+d.ts, two entries: index, react)
+npm run typecheck
+```
+
+`npm install` from a git URL runs the `prepare` script automatically, so consumers get a built
+`dist/` without needing to run `npm run build` themselves.

package/dist/chunk-GVQRIR62.js

@@ -0,0 +1,114 @@
+// src/reporter.ts
+var DEFAULT_MAX_REPORTS_PER_LOAD = 20;
+function defaultGetConfig() {
+  if (typeof window === "undefined") {
+    return null;
+  }
+  const config = window.__CF_JS_COLLECTOR_CONFIG__;
+  if (!config || !config.endpoint || !config.key) {
+    return null;
+  }
+  return { endpoint: config.endpoint, key: config.key };
+}
+function createCollector(options = {}) {
+  var _a;
+  const maxReportsPerLoad = (_a = options.maxReportsPerLoad) != null ? _a : DEFAULT_MAX_REPORTS_PER_LOAD;
+  const getConfig = () => {
+    var _a2;
+    if (options.endpoint && options.key) {
+      return { endpoint: options.endpoint, key: options.key };
+    }
+    return ((_a2 = options.getConfig) != null ? _a2 : defaultGetConfig)();
+  };
+  let sentCount = 0;
+  let attached = false;
+  function send(payload) {
+    const config = getConfig();
+    if (!config || sentCount >= maxReportsPerLoad) {
+      return;
+    }
+    sentCount += 1;
+    try {
+      const url = `${config.endpoint}?key=${encodeURIComponent(config.key)}`;
+      const body = JSON.stringify(payload);
+      if (typeof navigator !== "undefined" && navigator.sendBeacon) {
+        navigator.sendBeacon(url, new Blob([body], { type: "application/json" }));
+        return;
+      }
+      if (typeof fetch === "function") {
+        fetch(url, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body,
+          keepalive: true,
+          mode: "cors"
+        }).catch(() => {
+        });
+      }
+    } catch {
+    }
+  }
+  function onError(event) {
+    if (!event || !event.error && !event.message) {
+      return;
+    }
+    const jsError = event.error;
+    send({
+      message: String(jsError && jsError.message || event.message || "Unknown error"),
+      stack: jsError && jsError.stack ? String(jsError.stack) : null,
+      name: jsError && jsError.name ? jsError.name : null,
+      filename: event.filename || null,
+      lineno: event.lineno || null,
+      colno: event.colno || null,
+      url: window.location.href,
+      type: "error"
+    });
+  }
+  function onUnhandledRejection(event) {
+    const reason = event && event.reason;
+    const message = reason && reason.message ? reason.message : String(reason);
+    send({
+      message: String(message),
+      stack: reason && reason.stack ? String(reason.stack) : null,
+      name: reason && reason.name ? reason.name : "UnhandledRejection",
+      filename: null,
+      lineno: null,
+      colno: null,
+      url: window.location.href,
+      type: "unhandledrejection"
+    });
+  }
+  return {
+    init() {
+      if (attached || typeof window === "undefined") {
+        return;
+      }
+      attached = true;
+      window.addEventListener("error", onError);
+      window.addEventListener("unhandledrejection", onUnhandledRejection);
+    },
+    destroy() {
+      if (!attached) {
+        return;
+      }
+      attached = false;
+      window.removeEventListener("error", onError);
+      window.removeEventListener("unhandledrejection", onUnhandledRejection);
+    },
+    report: send
+  };
+}
+var defaultCollector = createCollector();
+function initJsErrorCollector() {
+  defaultCollector.init();
+}
+function reportJsError(payload) {
+  defaultCollector.report(payload);
+}
+
+export {
+  createCollector,
+  initJsErrorCollector,
+  reportJsError
+};
+//# sourceMappingURL=chunk-GVQRIR62.js.map

package/dist/chunk-GVQRIR62.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/reporter.ts"],"sourcesContent":["/**\n * Framework-agnostic reporter - window.onerror/unhandledrejection + a manual report() call.\n * POSTs DIRECTLY to devcloud's v1/jsExceptions endpoint, cross-origin (CORS-open on that side) -\n * not through the reporting app's own backend at all. Auth is a query-string `key`\n * (app.js_ingest_key, a low-privilege token deliberately safe to expose in page source, like a\n * Sentry DSN's public key) rather than a header, since navigator.sendBeacon() - the primary\n * transport here, used so a report still gets sent even if the page is closing - cannot set\n * custom headers at all.\n *\n * This is the single source of truth cres.js itself depends on for its own window.onerror/\n * unhandledrejection coverage - a fix/change here reaches every classic CF page AND every React\n * SPA built on this package without touching either separately.\n */\n\nexport interface JsErrorReport {\n    message: string;\n    stack?: string | null;\n    name?: string | null;\n    filename?: string | null;\n    lineno?: number | null;\n    colno?: number | null;\n    url?: string;\n    /** 'error' | 'unhandledrejection' | 'react' | a caller-defined label for a manual report() */\n    type?: string;\n}\n\nexport interface CollectorConfig {\n    /** devcloud's ingest endpoint, e.g. \"https://devcloud.example.com/v1/jsExceptions\". Never hardcode this - always pass it in from server-side config (see the README). */\n    endpoint: string;\n    /** app.js_ingest_key from devcloud (Manager > Project > App > \"JS Ingest Key\"). Safe to expose client-side - see the docblock above. */\n    key: string;\n}\n\nexport interface CollectorOptions extends Partial<CollectorConfig> {\n    /** Hard cap per page load - an error storm must not turn into a request storm. */\n    maxReportsPerLoad?: number;\n    /**\n     * Defaults to reading window.__CF_JS_COLLECTOR_CONFIG__ ({endpoint, key} or null), injected\n     * server-side by CApp's RendererTrait (classic CF pages) or an SPA's own shell, from\n     * `devcloud.jsCollector.*` config - so an app that never configured this gets zero reporting\n     * overhead, not just a dropped request. Pass endpoint/key directly instead (or override this)\n     * only for a host that doesn't go through that injection point.\n     */\n    getConfig?: () => CollectorConfig | null;\n}\n\nconst DEFAULT_MAX_REPORTS_PER_LOAD = 20;\n\nfunction defaultGetConfig(): CollectorConfig | null {\n    if (typeof window === 'undefined') {\n        return null;\n    }\n    const config = (window as any).__CF_JS_COLLECTOR_CONFIG__;\n    if (!config || !config.endpoint || !config.key) {\n        return null;\n    }\n\n    return { endpoint: config.endpoint, key: config.key };\n}\n\nexport interface Collector {\n    /** Attach window.onerror/unhandledrejection listeners. Safe to call multiple times. */\n    init: () => void;\n    /** Detach the listeners attached by init(). */\n    destroy: () => void;\n    /** Send one report directly - what ErrorBoundary/componentDidCatch calls. */\n    report: (payload: JsErrorReport) => void;\n}\n\nexport function createCollector(options: CollectorOptions = {}): Collector {\n    const maxReportsPerLoad = options.maxReportsPerLoad ?? DEFAULT_MAX_REPORTS_PER_LOAD;\n    const getConfig = (): CollectorConfig | null => {\n        if (options.endpoint && options.key) {\n            return { endpoint: options.endpoint, key: options.key };\n        }\n        return (options.getConfig ?? defaultGetConfig)();\n    };\n\n    let sentCount = 0;\n    let attached = false;\n\n    function send(payload: JsErrorReport): void {\n        const config = getConfig();\n        if (!config || sentCount >= maxReportsPerLoad) {\n            return;\n        }\n        sentCount += 1;\n\n        try {\n            const url = `${config.endpoint}?key=${encodeURIComponent(config.key)}`;\n            const body = JSON.stringify(payload);\n            if (typeof navigator !== 'undefined' && navigator.sendBeacon) {\n                navigator.sendBeacon(url, new Blob([body], { type: 'application/json' }));\n                return;\n            }\n            if (typeof fetch === 'function') {\n                fetch(url, {\n                    method: 'POST',\n                    headers: { 'Content-Type': 'application/json' },\n                    body,\n                    keepalive: true,\n                    mode: 'cors',\n                }).catch(() => {\n                    // a failed report must never itself surface as another error\n                });\n            }\n        } catch {\n            // same - stay silent\n        }\n    }\n\n    function onError(event: ErrorEvent): void {\n        if (!event || (!event.error && !event.message)) {\n            // plain resource load failure (img/script/link) - not a JS exception\n            return;\n        }\n        const jsError = event.error;\n        send({\n            message: String((jsError && jsError.message) || event.message || 'Unknown error'),\n            stack: jsError && jsError.stack ? String(jsError.stack) : null,\n            name: jsError && jsError.name ? jsError.name : null,\n            filename: event.filename || null,\n            lineno: event.lineno || null,\n            colno: event.colno || null,\n            url: window.location.href,\n            type: 'error',\n        });\n    }\n\n    function onUnhandledRejection(event: PromiseRejectionEvent): void {\n        const reason: any = event && event.reason;\n        const message = reason && reason.message ? reason.message : String(reason);\n        send({\n            message: String(message),\n            stack: reason && reason.stack ? String(reason.stack) : null,\n            name: reason && reason.name ? reason.name : 'UnhandledRejection',\n            filename: null,\n            lineno: null,\n            colno: null,\n            url: window.location.href,\n            type: 'unhandledrejection',\n        });\n    }\n\n    return {\n        init() {\n            if (attached || typeof window === 'undefined') {\n                return;\n            }\n            attached = true;\n            window.addEventListener('error', onError);\n            window.addEventListener('unhandledrejection', onUnhandledRejection);\n        },\n        destroy() {\n            if (!attached) {\n                return;\n            }\n            attached = false;\n            window.removeEventListener('error', onError);\n            window.removeEventListener('unhandledrejection', onUnhandledRejection);\n        },\n        report: send,\n    };\n}\n\n// Default singleton - covers the common case (one collector per page) without every consumer\n// needing to manage its own instance.\nconst defaultCollector = createCollector();\n\nexport function initJsErrorCollector(): void {\n    defaultCollector.init();\n}\n\nexport function reportJsError(payload: JsErrorReport): void {\n    defaultCollector.report(payload);\n}\n"],"mappings":"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","names":["_a"]}

package/dist/index.cjs

@@ -0,0 +1,142 @@
+"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 src_exports = {};
+__export(src_exports, {
+  createCollector: () => createCollector,
+  initJsErrorCollector: () => initJsErrorCollector,
+  reportJsError: () => reportJsError
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/reporter.ts
+var DEFAULT_MAX_REPORTS_PER_LOAD = 20;
+function defaultGetConfig() {
+  if (typeof window === "undefined") {
+    return null;
+  }
+  const config = window.__CF_JS_COLLECTOR_CONFIG__;
+  if (!config || !config.endpoint || !config.key) {
+    return null;
+  }
+  return { endpoint: config.endpoint, key: config.key };
+}
+function createCollector(options = {}) {
+  var _a;
+  const maxReportsPerLoad = (_a = options.maxReportsPerLoad) != null ? _a : DEFAULT_MAX_REPORTS_PER_LOAD;
+  const getConfig = () => {
+    var _a2;
+    if (options.endpoint && options.key) {
+      return { endpoint: options.endpoint, key: options.key };
+    }
+    return ((_a2 = options.getConfig) != null ? _a2 : defaultGetConfig)();
+  };
+  let sentCount = 0;
+  let attached = false;
+  function send(payload) {
+    const config = getConfig();
+    if (!config || sentCount >= maxReportsPerLoad) {
+      return;
+    }
+    sentCount += 1;
+    try {
+      const url = `${config.endpoint}?key=${encodeURIComponent(config.key)}`;
+      const body = JSON.stringify(payload);
+      if (typeof navigator !== "undefined" && navigator.sendBeacon) {
+        navigator.sendBeacon(url, new Blob([body], { type: "application/json" }));
+        return;
+      }
+      if (typeof fetch === "function") {
+        fetch(url, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body,
+          keepalive: true,
+          mode: "cors"
+        }).catch(() => {
+        });
+      }
+    } catch {
+    }
+  }
+  function onError(event) {
+    if (!event || !event.error && !event.message) {
+      return;
+    }
+    const jsError = event.error;
+    send({
+      message: String(jsError && jsError.message || event.message || "Unknown error"),
+      stack: jsError && jsError.stack ? String(jsError.stack) : null,
+      name: jsError && jsError.name ? jsError.name : null,
+      filename: event.filename || null,
+      lineno: event.lineno || null,
+      colno: event.colno || null,
+      url: window.location.href,
+      type: "error"
+    });
+  }
+  function onUnhandledRejection(event) {
+    const reason = event && event.reason;
+    const message = reason && reason.message ? reason.message : String(reason);
+    send({
+      message: String(message),
+      stack: reason && reason.stack ? String(reason.stack) : null,
+      name: reason && reason.name ? reason.name : "UnhandledRejection",
+      filename: null,
+      lineno: null,
+      colno: null,
+      url: window.location.href,
+      type: "unhandledrejection"
+    });
+  }
+  return {
+    init() {
+      if (attached || typeof window === "undefined") {
+        return;
+      }
+      attached = true;
+      window.addEventListener("error", onError);
+      window.addEventListener("unhandledrejection", onUnhandledRejection);
+    },
+    destroy() {
+      if (!attached) {
+        return;
+      }
+      attached = false;
+      window.removeEventListener("error", onError);
+      window.removeEventListener("unhandledrejection", onUnhandledRejection);
+    },
+    report: send
+  };
+}
+var defaultCollector = createCollector();
+function initJsErrorCollector() {
+  defaultCollector.init();
+}
+function reportJsError(payload) {
+  defaultCollector.report(payload);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createCollector,
+  initJsErrorCollector,
+  reportJsError
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/reporter.ts"],"sourcesContent":["export {\n    createCollector,\n    initJsErrorCollector,\n    reportJsError,\n} from './reporter';\nexport type { Collector, CollectorConfig, CollectorOptions, JsErrorReport } from './reporter';\n","/**\n * Framework-agnostic reporter - window.onerror/unhandledrejection + a manual report() call.\n * POSTs DIRECTLY to devcloud's v1/jsExceptions endpoint, cross-origin (CORS-open on that side) -\n * not through the reporting app's own backend at all. Auth is a query-string `key`\n * (app.js_ingest_key, a low-privilege token deliberately safe to expose in page source, like a\n * Sentry DSN's public key) rather than a header, since navigator.sendBeacon() - the primary\n * transport here, used so a report still gets sent even if the page is closing - cannot set\n * custom headers at all.\n *\n * This is the single source of truth cres.js itself depends on for its own window.onerror/\n * unhandledrejection coverage - a fix/change here reaches every classic CF page AND every React\n * SPA built on this package without touching either separately.\n */\n\nexport interface JsErrorReport {\n    message: string;\n    stack?: string | null;\n    name?: string | null;\n    filename?: string | null;\n    lineno?: number | null;\n    colno?: number | null;\n    url?: string;\n    /** 'error' | 'unhandledrejection' | 'react' | a caller-defined label for a manual report() */\n    type?: string;\n}\n\nexport interface CollectorConfig {\n    /** devcloud's ingest endpoint, e.g. \"https://devcloud.example.com/v1/jsExceptions\". Never hardcode this - always pass it in from server-side config (see the README). */\n    endpoint: string;\n    /** app.js_ingest_key from devcloud (Manager > Project > App > \"JS Ingest Key\"). Safe to expose client-side - see the docblock above. */\n    key: string;\n}\n\nexport interface CollectorOptions extends Partial<CollectorConfig> {\n    /** Hard cap per page load - an error storm must not turn into a request storm. */\n    maxReportsPerLoad?: number;\n    /**\n     * Defaults to reading window.__CF_JS_COLLECTOR_CONFIG__ ({endpoint, key} or null), injected\n     * server-side by CApp's RendererTrait (classic CF pages) or an SPA's own shell, from\n     * `devcloud.jsCollector.*` config - so an app that never configured this gets zero reporting\n     * overhead, not just a dropped request. Pass endpoint/key directly instead (or override this)\n     * only for a host that doesn't go through that injection point.\n     */\n    getConfig?: () => CollectorConfig | null;\n}\n\nconst DEFAULT_MAX_REPORTS_PER_LOAD = 20;\n\nfunction defaultGetConfig(): CollectorConfig | null {\n    if (typeof window === 'undefined') {\n        return null;\n    }\n    const config = (window as any).__CF_JS_COLLECTOR_CONFIG__;\n    if (!config || !config.endpoint || !config.key) {\n        return null;\n    }\n\n    return { endpoint: config.endpoint, key: config.key };\n}\n\nexport interface Collector {\n    /** Attach window.onerror/unhandledrejection listeners. Safe to call multiple times. */\n    init: () => void;\n    /** Detach the listeners attached by init(). */\n    destroy: () => void;\n    /** Send one report directly - what ErrorBoundary/componentDidCatch calls. */\n    report: (payload: JsErrorReport) => void;\n}\n\nexport function createCollector(options: CollectorOptions = {}): Collector {\n    const maxReportsPerLoad = options.maxReportsPerLoad ?? DEFAULT_MAX_REPORTS_PER_LOAD;\n    const getConfig = (): CollectorConfig | null => {\n        if (options.endpoint && options.key) {\n            return { endpoint: options.endpoint, key: options.key };\n        }\n        return (options.getConfig ?? defaultGetConfig)();\n    };\n\n    let sentCount = 0;\n    let attached = false;\n\n    function send(payload: JsErrorReport): void {\n        const config = getConfig();\n        if (!config || sentCount >= maxReportsPerLoad) {\n            return;\n        }\n        sentCount += 1;\n\n        try {\n            const url = `${config.endpoint}?key=${encodeURIComponent(config.key)}`;\n            const body = JSON.stringify(payload);\n            if (typeof navigator !== 'undefined' && navigator.sendBeacon) {\n                navigator.sendBeacon(url, new Blob([body], { type: 'application/json' }));\n                return;\n            }\n            if (typeof fetch === 'function') {\n                fetch(url, {\n                    method: 'POST',\n                    headers: { 'Content-Type': 'application/json' },\n                    body,\n                    keepalive: true,\n                    mode: 'cors',\n                }).catch(() => {\n                    // a failed report must never itself surface as another error\n                });\n            }\n        } catch {\n            // same - stay silent\n        }\n    }\n\n    function onError(event: ErrorEvent): void {\n        if (!event || (!event.error && !event.message)) {\n            // plain resource load failure (img/script/link) - not a JS exception\n            return;\n        }\n        const jsError = event.error;\n        send({\n            message: String((jsError && jsError.message) || event.message || 'Unknown error'),\n            stack: jsError && jsError.stack ? String(jsError.stack) : null,\n            name: jsError && jsError.name ? jsError.name : null,\n            filename: event.filename || null,\n            lineno: event.lineno || null,\n            colno: event.colno || null,\n            url: window.location.href,\n            type: 'error',\n        });\n    }\n\n    function onUnhandledRejection(event: PromiseRejectionEvent): void {\n        const reason: any = event && event.reason;\n        const message = reason && reason.message ? reason.message : String(reason);\n        send({\n            message: String(message),\n            stack: reason && reason.stack ? String(reason.stack) : null,\n            name: reason && reason.name ? reason.name : 'UnhandledRejection',\n            filename: null,\n            lineno: null,\n            colno: null,\n            url: window.location.href,\n            type: 'unhandledrejection',\n        });\n    }\n\n    return {\n        init() {\n            if (attached || typeof window === 'undefined') {\n                return;\n            }\n            attached = true;\n            window.addEventListener('error', onError);\n            window.addEventListener('unhandledrejection', onUnhandledRejection);\n        },\n        destroy() {\n            if (!attached) {\n                return;\n            }\n            attached = false;\n            window.removeEventListener('error', onError);\n            window.removeEventListener('unhandledrejection', onUnhandledRejection);\n        },\n        report: send,\n    };\n}\n\n// Default singleton - covers the common case (one collector per page) without every consumer\n// needing to manage its own instance.\nconst defaultCollector = createCollector();\n\nexport function initJsErrorCollector(): void {\n    defaultCollector.init();\n}\n\nexport function reportJsError(payload: JsErrorReport): void {\n    defaultCollector.report(payload);\n}\n"],"mappings":"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","names":["_a"]}

package/dist/index.d.cts

@@ -0,0 +1,55 @@
+/**
+ * Framework-agnostic reporter - window.onerror/unhandledrejection + a manual report() call.
+ * POSTs DIRECTLY to devcloud's v1/jsExceptions endpoint, cross-origin (CORS-open on that side) -
+ * not through the reporting app's own backend at all. Auth is a query-string `key`
+ * (app.js_ingest_key, a low-privilege token deliberately safe to expose in page source, like a
+ * Sentry DSN's public key) rather than a header, since navigator.sendBeacon() - the primary
+ * transport here, used so a report still gets sent even if the page is closing - cannot set
+ * custom headers at all.
+ *
+ * This is the single source of truth cres.js itself depends on for its own window.onerror/
+ * unhandledrejection coverage - a fix/change here reaches every classic CF page AND every React
+ * SPA built on this package without touching either separately.
+ */
+interface JsErrorReport {
+    message: string;
+    stack?: string | null;
+    name?: string | null;
+    filename?: string | null;
+    lineno?: number | null;
+    colno?: number | null;
+    url?: string;
+    /** 'error' | 'unhandledrejection' | 'react' | a caller-defined label for a manual report() */
+    type?: string;
+}
+interface CollectorConfig {
+    /** devcloud's ingest endpoint, e.g. "https://devcloud.example.com/v1/jsExceptions". Never hardcode this - always pass it in from server-side config (see the README). */
+    endpoint: string;
+    /** app.js_ingest_key from devcloud (Manager > Project > App > "JS Ingest Key"). Safe to expose client-side - see the docblock above. */
+    key: string;
+}
+interface CollectorOptions extends Partial<CollectorConfig> {
+    /** Hard cap per page load - an error storm must not turn into a request storm. */
+    maxReportsPerLoad?: number;
+    /**
+     * Defaults to reading window.__CF_JS_COLLECTOR_CONFIG__ ({endpoint, key} or null), injected
+     * server-side by CApp's RendererTrait (classic CF pages) or an SPA's own shell, from
+     * `devcloud.jsCollector.*` config - so an app that never configured this gets zero reporting
+     * overhead, not just a dropped request. Pass endpoint/key directly instead (or override this)
+     * only for a host that doesn't go through that injection point.
+     */
+    getConfig?: () => CollectorConfig | null;
+}
+interface Collector {
+    /** Attach window.onerror/unhandledrejection listeners. Safe to call multiple times. */
+    init: () => void;
+    /** Detach the listeners attached by init(). */
+    destroy: () => void;
+    /** Send one report directly - what ErrorBoundary/componentDidCatch calls. */
+    report: (payload: JsErrorReport) => void;
+}
+declare function createCollector(options?: CollectorOptions): Collector;
+declare function initJsErrorCollector(): void;
+declare function reportJsError(payload: JsErrorReport): void;
+
+export { type Collector, type CollectorConfig, type CollectorOptions, type JsErrorReport, createCollector, initJsErrorCollector, reportJsError };

package/dist/index.d.ts

@@ -0,0 +1,55 @@
+/**
+ * Framework-agnostic reporter - window.onerror/unhandledrejection + a manual report() call.
+ * POSTs DIRECTLY to devcloud's v1/jsExceptions endpoint, cross-origin (CORS-open on that side) -
+ * not through the reporting app's own backend at all. Auth is a query-string `key`
+ * (app.js_ingest_key, a low-privilege token deliberately safe to expose in page source, like a
+ * Sentry DSN's public key) rather than a header, since navigator.sendBeacon() - the primary
+ * transport here, used so a report still gets sent even if the page is closing - cannot set
+ * custom headers at all.
+ *
+ * This is the single source of truth cres.js itself depends on for its own window.onerror/
+ * unhandledrejection coverage - a fix/change here reaches every classic CF page AND every React
+ * SPA built on this package without touching either separately.
+ */
+interface JsErrorReport {
+    message: string;
+    stack?: string | null;
+    name?: string | null;
+    filename?: string | null;
+    lineno?: number | null;
+    colno?: number | null;
+    url?: string;
+    /** 'error' | 'unhandledrejection' | 'react' | a caller-defined label for a manual report() */
+    type?: string;
+}
+interface CollectorConfig {
+    /** devcloud's ingest endpoint, e.g. "https://devcloud.example.com/v1/jsExceptions". Never hardcode this - always pass it in from server-side config (see the README). */
+    endpoint: string;
+    /** app.js_ingest_key from devcloud (Manager > Project > App > "JS Ingest Key"). Safe to expose client-side - see the docblock above. */
+    key: string;
+}
+interface CollectorOptions extends Partial<CollectorConfig> {
+    /** Hard cap per page load - an error storm must not turn into a request storm. */
+    maxReportsPerLoad?: number;
+    /**
+     * Defaults to reading window.__CF_JS_COLLECTOR_CONFIG__ ({endpoint, key} or null), injected
+     * server-side by CApp's RendererTrait (classic CF pages) or an SPA's own shell, from
+     * `devcloud.jsCollector.*` config - so an app that never configured this gets zero reporting
+     * overhead, not just a dropped request. Pass endpoint/key directly instead (or override this)
+     * only for a host that doesn't go through that injection point.
+     */
+    getConfig?: () => CollectorConfig | null;
+}
+interface Collector {
+    /** Attach window.onerror/unhandledrejection listeners. Safe to call multiple times. */
+    init: () => void;
+    /** Detach the listeners attached by init(). */
+    destroy: () => void;
+    /** Send one report directly - what ErrorBoundary/componentDidCatch calls. */
+    report: (payload: JsErrorReport) => void;
+}
+declare function createCollector(options?: CollectorOptions): Collector;
+declare function initJsErrorCollector(): void;
+declare function reportJsError(payload: JsErrorReport): void;
+
+export { type Collector, type CollectorConfig, type CollectorOptions, type JsErrorReport, createCollector, initJsErrorCollector, reportJsError };

package/dist/index.js

@@ -0,0 +1,11 @@
+import {
+  createCollector,
+  initJsErrorCollector,
+  reportJsError
+} from "./chunk-GVQRIR62.js";
+export {
+  createCollector,
+  initJsErrorCollector,
+  reportJsError
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/react.cjs

@@ -0,0 +1,204 @@
+"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/react.ts
+var react_exports = {};
+__export(react_exports, {
+  CresjsErrorBoundary: () => CresjsErrorBoundary,
+  initJsErrorCollector: () => initJsErrorCollector,
+  reportJsError: () => reportJsError
+});
+module.exports = __toCommonJS(react_exports);
+
+// src/ErrorBoundary.tsx
+var import_react = require("react");
+
+// src/reporter.ts
+var DEFAULT_MAX_REPORTS_PER_LOAD = 20;
+function defaultGetConfig() {
+  if (typeof window === "undefined") {
+    return null;
+  }
+  const config = window.__CF_JS_COLLECTOR_CONFIG__;
+  if (!config || !config.endpoint || !config.key) {
+    return null;
+  }
+  return { endpoint: config.endpoint, key: config.key };
+}
+function createCollector(options = {}) {
+  var _a;
+  const maxReportsPerLoad = (_a = options.maxReportsPerLoad) != null ? _a : DEFAULT_MAX_REPORTS_PER_LOAD;
+  const getConfig = () => {
+    var _a2;
+    if (options.endpoint && options.key) {
+      return { endpoint: options.endpoint, key: options.key };
+    }
+    return ((_a2 = options.getConfig) != null ? _a2 : defaultGetConfig)();
+  };
+  let sentCount = 0;
+  let attached = false;
+  function send(payload) {
+    const config = getConfig();
+    if (!config || sentCount >= maxReportsPerLoad) {
+      return;
+    }
+    sentCount += 1;
+    try {
+      const url = `${config.endpoint}?key=${encodeURIComponent(config.key)}`;
+      const body = JSON.stringify(payload);
+      if (typeof navigator !== "undefined" && navigator.sendBeacon) {
+        navigator.sendBeacon(url, new Blob([body], { type: "application/json" }));
+        return;
+      }
+      if (typeof fetch === "function") {
+        fetch(url, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body,
+          keepalive: true,
+          mode: "cors"
+        }).catch(() => {
+        });
+      }
+    } catch {
+    }
+  }
+  function onError(event) {
+    if (!event || !event.error && !event.message) {
+      return;
+    }
+    const jsError = event.error;
+    send({
+      message: String(jsError && jsError.message || event.message || "Unknown error"),
+      stack: jsError && jsError.stack ? String(jsError.stack) : null,
+      name: jsError && jsError.name ? jsError.name : null,
+      filename: event.filename || null,
+      lineno: event.lineno || null,
+      colno: event.colno || null,
+      url: window.location.href,
+      type: "error"
+    });
+  }
+  function onUnhandledRejection(event) {
+    const reason = event && event.reason;
+    const message = reason && reason.message ? reason.message : String(reason);
+    send({
+      message: String(message),
+      stack: reason && reason.stack ? String(reason.stack) : null,
+      name: reason && reason.name ? reason.name : "UnhandledRejection",
+      filename: null,
+      lineno: null,
+      colno: null,
+      url: window.location.href,
+      type: "unhandledrejection"
+    });
+  }
+  return {
+    init() {
+      if (attached || typeof window === "undefined") {
+        return;
+      }
+      attached = true;
+      window.addEventListener("error", onError);
+      window.addEventListener("unhandledrejection", onUnhandledRejection);
+    },
+    destroy() {
+      if (!attached) {
+        return;
+      }
+      attached = false;
+      window.removeEventListener("error", onError);
+      window.removeEventListener("unhandledrejection", onUnhandledRejection);
+    },
+    report: send
+  };
+}
+var defaultCollector = createCollector();
+function initJsErrorCollector() {
+  defaultCollector.init();
+}
+function reportJsError(payload) {
+  defaultCollector.report(payload);
+}
+
+// src/ErrorBoundary.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var CresjsErrorBoundary = class extends import_react.Component {
+  constructor() {
+    super(...arguments);
+    this.state = { error: null };
+    this.reset = () => {
+      this.setState({ error: null });
+    };
+  }
+  static getDerivedStateFromError(error) {
+    return { error };
+  }
+  componentDidCatch(error, errorInfo) {
+    var _a, _b;
+    reportJsError({
+      message: error.message || String(error),
+      stack: error.stack || null,
+      name: error.name || null,
+      url: typeof window !== "undefined" ? window.location.href : void 0,
+      type: "react"
+    });
+    (_b = (_a = this.props).onError) == null ? void 0 : _b.call(_a, error, errorInfo);
+  }
+  render() {
+    const { error } = this.state;
+    if (!error) {
+      return this.props.children;
+    }
+    const { fallback } = this.props;
+    if (typeof fallback === "function") {
+      return fallback(error, this.reset);
+    }
+    if (fallback) {
+      return fallback;
+    }
+    return DEFAULT_FALLBACK;
+  }
+};
+var DEFAULT_FALLBACK = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  "div",
+  {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      justifyContent: "center",
+      gap: "0.75rem",
+      padding: "3rem 1.5rem",
+      textAlign: "center",
+      fontFamily: "system-ui, sans-serif"
+    },
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: { margin: 0, fontSize: "1rem", fontWeight: 600 }, children: "Terjadi kesalahan." }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: { margin: 0, fontSize: "0.875rem", opacity: 0.7 }, children: "Halaman ini sudah dilaporkan otomatis. Silakan muat ulang." })
+    ]
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CresjsErrorBoundary,
+  initJsErrorCollector,
+  reportJsError
+});
+//# sourceMappingURL=react.cjs.map

package/dist/react.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react.ts","../src/ErrorBoundary.tsx","../src/reporter.ts"],"sourcesContent":["export { CresjsErrorBoundary } from './ErrorBoundary';\nexport type { CresjsErrorBoundaryProps } from './ErrorBoundary';\n// Re-exported so a React-only consumer doesn't also need to import from the base entry.\nexport { initJsErrorCollector, reportJsError } from './reporter';\nexport type { JsErrorReport } from './reporter';\n","import { Component } from 'react';\nimport type { ErrorInfo, ReactNode } from 'react';\nimport { reportJsError } from './reporter';\n\nexport interface CresjsErrorBoundaryProps {\n    children: ReactNode;\n    /** Custom fallback UI, or a render function given the error and a reset() to retry. */\n    fallback?: ReactNode | ((error: Error, reset: () => void) => ReactNode);\n    /** Extra side effect (toast, local logging, etc.) - runs in addition to the report, not instead of it. */\n    onError?: (error: Error, errorInfo: ErrorInfo) => void;\n}\n\ninterface CresjsErrorBoundaryState {\n    error: Error | null;\n}\n\n/**\n * React only calls componentDidCatch()/getDerivedStateFromError() on the NEAREST boundary above\n * a thrown render/lifecycle/hook error - it never lets that kind of error bubble to\n * window.onerror (see reporter.ts's docblock for the other half: errors outside React's render\n * cycle - plain event handlers, timers, unhandled promise rejections - still reach window and are\n * covered by createCollector()/initJsErrorCollector() instead). Wrap your app root (or any\n * subtree worth isolating a crash to) in this to get both halves.\n */\nexport class CresjsErrorBoundary extends Component<CresjsErrorBoundaryProps, CresjsErrorBoundaryState> {\n    state: CresjsErrorBoundaryState = { error: null };\n\n    static getDerivedStateFromError(error: Error): CresjsErrorBoundaryState {\n        return { error };\n    }\n\n    componentDidCatch(error: Error, errorInfo: ErrorInfo): void {\n        reportJsError({\n            message: error.message || String(error),\n            stack: error.stack || null,\n            name: error.name || null,\n            url: typeof window !== 'undefined' ? window.location.href : undefined,\n            type: 'react',\n        });\n        this.props.onError?.(error, errorInfo);\n    }\n\n    reset = (): void => {\n        this.setState({ error: null });\n    };\n\n    render(): ReactNode {\n        const { error } = this.state;\n        if (!error) {\n            return this.props.children;\n        }\n\n        const { fallback } = this.props;\n        if (typeof fallback === 'function') {\n            return fallback(error, this.reset);\n        }\n        if (fallback) {\n            return fallback;\n        }\n\n        return DEFAULT_FALLBACK;\n    }\n}\n\nconst DEFAULT_FALLBACK = (\n    <div\n        style={{\n            display: 'flex',\n            flexDirection: 'column',\n            alignItems: 'center',\n            justifyContent: 'center',\n            gap: '0.75rem',\n            padding: '3rem 1.5rem',\n            textAlign: 'center',\n            fontFamily: 'system-ui, sans-serif',\n        }}\n    >\n        <p style={{ margin: 0, fontSize: '1rem', fontWeight: 600 }}>Terjadi kesalahan.</p>\n        <p style={{ margin: 0, fontSize: '0.875rem', opacity: 0.7 }}>\n            Halaman ini sudah dilaporkan otomatis. Silakan muat ulang.\n        </p>\n    </div>\n);\n","/**\n * Framework-agnostic reporter - window.onerror/unhandledrejection + a manual report() call.\n * POSTs DIRECTLY to devcloud's v1/jsExceptions endpoint, cross-origin (CORS-open on that side) -\n * not through the reporting app's own backend at all. Auth is a query-string `key`\n * (app.js_ingest_key, a low-privilege token deliberately safe to expose in page source, like a\n * Sentry DSN's public key) rather than a header, since navigator.sendBeacon() - the primary\n * transport here, used so a report still gets sent even if the page is closing - cannot set\n * custom headers at all.\n *\n * This is the single source of truth cres.js itself depends on for its own window.onerror/\n * unhandledrejection coverage - a fix/change here reaches every classic CF page AND every React\n * SPA built on this package without touching either separately.\n */\n\nexport interface JsErrorReport {\n    message: string;\n    stack?: string | null;\n    name?: string | null;\n    filename?: string | null;\n    lineno?: number | null;\n    colno?: number | null;\n    url?: string;\n    /** 'error' | 'unhandledrejection' | 'react' | a caller-defined label for a manual report() */\n    type?: string;\n}\n\nexport interface CollectorConfig {\n    /** devcloud's ingest endpoint, e.g. \"https://devcloud.example.com/v1/jsExceptions\". Never hardcode this - always pass it in from server-side config (see the README). */\n    endpoint: string;\n    /** app.js_ingest_key from devcloud (Manager > Project > App > \"JS Ingest Key\"). Safe to expose client-side - see the docblock above. */\n    key: string;\n}\n\nexport interface CollectorOptions extends Partial<CollectorConfig> {\n    /** Hard cap per page load - an error storm must not turn into a request storm. */\n    maxReportsPerLoad?: number;\n    /**\n     * Defaults to reading window.__CF_JS_COLLECTOR_CONFIG__ ({endpoint, key} or null), injected\n     * server-side by CApp's RendererTrait (classic CF pages) or an SPA's own shell, from\n     * `devcloud.jsCollector.*` config - so an app that never configured this gets zero reporting\n     * overhead, not just a dropped request. Pass endpoint/key directly instead (or override this)\n     * only for a host that doesn't go through that injection point.\n     */\n    getConfig?: () => CollectorConfig | null;\n}\n\nconst DEFAULT_MAX_REPORTS_PER_LOAD = 20;\n\nfunction defaultGetConfig(): CollectorConfig | null {\n    if (typeof window === 'undefined') {\n        return null;\n    }\n    const config = (window as any).__CF_JS_COLLECTOR_CONFIG__;\n    if (!config || !config.endpoint || !config.key) {\n        return null;\n    }\n\n    return { endpoint: config.endpoint, key: config.key };\n}\n\nexport interface Collector {\n    /** Attach window.onerror/unhandledrejection listeners. Safe to call multiple times. */\n    init: () => void;\n    /** Detach the listeners attached by init(). */\n    destroy: () => void;\n    /** Send one report directly - what ErrorBoundary/componentDidCatch calls. */\n    report: (payload: JsErrorReport) => void;\n}\n\nexport function createCollector(options: CollectorOptions = {}): Collector {\n    const maxReportsPerLoad = options.maxReportsPerLoad ?? DEFAULT_MAX_REPORTS_PER_LOAD;\n    const getConfig = (): CollectorConfig | null => {\n        if (options.endpoint && options.key) {\n            return { endpoint: options.endpoint, key: options.key };\n        }\n        return (options.getConfig ?? defaultGetConfig)();\n    };\n\n    let sentCount = 0;\n    let attached = false;\n\n    function send(payload: JsErrorReport): void {\n        const config = getConfig();\n        if (!config || sentCount >= maxReportsPerLoad) {\n            return;\n        }\n        sentCount += 1;\n\n        try {\n            const url = `${config.endpoint}?key=${encodeURIComponent(config.key)}`;\n            const body = JSON.stringify(payload);\n            if (typeof navigator !== 'undefined' && navigator.sendBeacon) {\n                navigator.sendBeacon(url, new Blob([body], { type: 'application/json' }));\n                return;\n            }\n            if (typeof fetch === 'function') {\n                fetch(url, {\n                    method: 'POST',\n                    headers: { 'Content-Type': 'application/json' },\n                    body,\n                    keepalive: true,\n                    mode: 'cors',\n                }).catch(() => {\n                    // a failed report must never itself surface as another error\n                });\n            }\n        } catch {\n            // same - stay silent\n        }\n    }\n\n    function onError(event: ErrorEvent): void {\n        if (!event || (!event.error && !event.message)) {\n            // plain resource load failure (img/script/link) - not a JS exception\n            return;\n        }\n        const jsError = event.error;\n        send({\n            message: String((jsError && jsError.message) || event.message || 'Unknown error'),\n            stack: jsError && jsError.stack ? String(jsError.stack) : null,\n            name: jsError && jsError.name ? jsError.name : null,\n            filename: event.filename || null,\n            lineno: event.lineno || null,\n            colno: event.colno || null,\n            url: window.location.href,\n            type: 'error',\n        });\n    }\n\n    function onUnhandledRejection(event: PromiseRejectionEvent): void {\n        const reason: any = event && event.reason;\n        const message = reason && reason.message ? reason.message : String(reason);\n        send({\n            message: String(message),\n            stack: reason && reason.stack ? String(reason.stack) : null,\n            name: reason && reason.name ? reason.name : 'UnhandledRejection',\n            filename: null,\n            lineno: null,\n            colno: null,\n            url: window.location.href,\n            type: 'unhandledrejection',\n        });\n    }\n\n    return {\n        init() {\n            if (attached || typeof window === 'undefined') {\n                return;\n            }\n            attached = true;\n            window.addEventListener('error', onError);\n            window.addEventListener('unhandledrejection', onUnhandledRejection);\n        },\n        destroy() {\n            if (!attached) {\n                return;\n            }\n            attached = false;\n            window.removeEventListener('error', onError);\n            window.removeEventListener('unhandledrejection', onUnhandledRejection);\n        },\n        report: send,\n    };\n}\n\n// Default singleton - covers the common case (one collector per page) without every consumer\n// needing to manage its own instance.\nconst defaultCollector = createCollector();\n\nexport function initJsErrorCollector(): void {\n    defaultCollector.init();\n}\n\nexport function reportJsError(payload: JsErrorReport): void {\n    defaultCollector.report(payload);\n}\n"],"mappings":"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","names":["_a"]}

package/dist/react.d.cts

@@ -0,0 +1,30 @@
+import { Component, ReactNode, ErrorInfo } from 'react';
+export { JsErrorReport, initJsErrorCollector, reportJsError } from './index.cjs';
+
+interface CresjsErrorBoundaryProps {
+    children: ReactNode;
+    /** Custom fallback UI, or a render function given the error and a reset() to retry. */
+    fallback?: ReactNode | ((error: Error, reset: () => void) => ReactNode);
+    /** Extra side effect (toast, local logging, etc.) - runs in addition to the report, not instead of it. */
+    onError?: (error: Error, errorInfo: ErrorInfo) => void;
+}
+interface CresjsErrorBoundaryState {
+    error: Error | null;
+}
+/**
+ * React only calls componentDidCatch()/getDerivedStateFromError() on the NEAREST boundary above
+ * a thrown render/lifecycle/hook error - it never lets that kind of error bubble to
+ * window.onerror (see reporter.ts's docblock for the other half: errors outside React's render
+ * cycle - plain event handlers, timers, unhandled promise rejections - still reach window and are
+ * covered by createCollector()/initJsErrorCollector() instead). Wrap your app root (or any
+ * subtree worth isolating a crash to) in this to get both halves.
+ */
+declare class CresjsErrorBoundary extends Component<CresjsErrorBoundaryProps, CresjsErrorBoundaryState> {
+    state: CresjsErrorBoundaryState;
+    static getDerivedStateFromError(error: Error): CresjsErrorBoundaryState;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    reset: () => void;
+    render(): ReactNode;
+}
+
+export { CresjsErrorBoundary, type CresjsErrorBoundaryProps };

package/dist/react.d.ts

@@ -0,0 +1,30 @@
+import { Component, ReactNode, ErrorInfo } from 'react';
+export { JsErrorReport, initJsErrorCollector, reportJsError } from './index.js';
+
+interface CresjsErrorBoundaryProps {
+    children: ReactNode;
+    /** Custom fallback UI, or a render function given the error and a reset() to retry. */
+    fallback?: ReactNode | ((error: Error, reset: () => void) => ReactNode);
+    /** Extra side effect (toast, local logging, etc.) - runs in addition to the report, not instead of it. */
+    onError?: (error: Error, errorInfo: ErrorInfo) => void;
+}
+interface CresjsErrorBoundaryState {
+    error: Error | null;
+}
+/**
+ * React only calls componentDidCatch()/getDerivedStateFromError() on the NEAREST boundary above
+ * a thrown render/lifecycle/hook error - it never lets that kind of error bubble to
+ * window.onerror (see reporter.ts's docblock for the other half: errors outside React's render
+ * cycle - plain event handlers, timers, unhandled promise rejections - still reach window and are
+ * covered by createCollector()/initJsErrorCollector() instead). Wrap your app root (or any
+ * subtree worth isolating a crash to) in this to get both halves.
+ */
+declare class CresjsErrorBoundary extends Component<CresjsErrorBoundaryProps, CresjsErrorBoundaryState> {
+    state: CresjsErrorBoundaryState;
+    static getDerivedStateFromError(error: Error): CresjsErrorBoundaryState;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    reset: () => void;
+    render(): ReactNode;
+}
+
+export { CresjsErrorBoundary, type CresjsErrorBoundaryProps };

package/dist/react.js

@@ -0,0 +1,70 @@
+import {
+  initJsErrorCollector,
+  reportJsError
+} from "./chunk-GVQRIR62.js";
+
+// src/ErrorBoundary.tsx
+import { Component } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var CresjsErrorBoundary = class extends Component {
+  constructor() {
+    super(...arguments);
+    this.state = { error: null };
+    this.reset = () => {
+      this.setState({ error: null });
+    };
+  }
+  static getDerivedStateFromError(error) {
+    return { error };
+  }
+  componentDidCatch(error, errorInfo) {
+    var _a, _b;
+    reportJsError({
+      message: error.message || String(error),
+      stack: error.stack || null,
+      name: error.name || null,
+      url: typeof window !== "undefined" ? window.location.href : void 0,
+      type: "react"
+    });
+    (_b = (_a = this.props).onError) == null ? void 0 : _b.call(_a, error, errorInfo);
+  }
+  render() {
+    const { error } = this.state;
+    if (!error) {
+      return this.props.children;
+    }
+    const { fallback } = this.props;
+    if (typeof fallback === "function") {
+      return fallback(error, this.reset);
+    }
+    if (fallback) {
+      return fallback;
+    }
+    return DEFAULT_FALLBACK;
+  }
+};
+var DEFAULT_FALLBACK = /* @__PURE__ */ jsxs(
+  "div",
+  {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      justifyContent: "center",
+      gap: "0.75rem",
+      padding: "3rem 1.5rem",
+      textAlign: "center",
+      fontFamily: "system-ui, sans-serif"
+    },
+    children: [
+      /* @__PURE__ */ jsx("p", { style: { margin: 0, fontSize: "1rem", fontWeight: 600 }, children: "Terjadi kesalahan." }),
+      /* @__PURE__ */ jsx("p", { style: { margin: 0, fontSize: "0.875rem", opacity: 0.7 }, children: "Halaman ini sudah dilaporkan otomatis. Silakan muat ulang." })
+    ]
+  }
+);
+export {
+  CresjsErrorBoundary,
+  initJsErrorCollector,
+  reportJsError
+};
+//# sourceMappingURL=react.js.map

package/dist/react.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ErrorBoundary.tsx"],"sourcesContent":["import { Component } from 'react';\nimport type { ErrorInfo, ReactNode } from 'react';\nimport { reportJsError } from './reporter';\n\nexport interface CresjsErrorBoundaryProps {\n    children: ReactNode;\n    /** Custom fallback UI, or a render function given the error and a reset() to retry. */\n    fallback?: ReactNode | ((error: Error, reset: () => void) => ReactNode);\n    /** Extra side effect (toast, local logging, etc.) - runs in addition to the report, not instead of it. */\n    onError?: (error: Error, errorInfo: ErrorInfo) => void;\n}\n\ninterface CresjsErrorBoundaryState {\n    error: Error | null;\n}\n\n/**\n * React only calls componentDidCatch()/getDerivedStateFromError() on the NEAREST boundary above\n * a thrown render/lifecycle/hook error - it never lets that kind of error bubble to\n * window.onerror (see reporter.ts's docblock for the other half: errors outside React's render\n * cycle - plain event handlers, timers, unhandled promise rejections - still reach window and are\n * covered by createCollector()/initJsErrorCollector() instead). Wrap your app root (or any\n * subtree worth isolating a crash to) in this to get both halves.\n */\nexport class CresjsErrorBoundary extends Component<CresjsErrorBoundaryProps, CresjsErrorBoundaryState> {\n    state: CresjsErrorBoundaryState = { error: null };\n\n    static getDerivedStateFromError(error: Error): CresjsErrorBoundaryState {\n        return { error };\n    }\n\n    componentDidCatch(error: Error, errorInfo: ErrorInfo): void {\n        reportJsError({\n            message: error.message || String(error),\n            stack: error.stack || null,\n            name: error.name || null,\n            url: typeof window !== 'undefined' ? window.location.href : undefined,\n            type: 'react',\n        });\n        this.props.onError?.(error, errorInfo);\n    }\n\n    reset = (): void => {\n        this.setState({ error: null });\n    };\n\n    render(): ReactNode {\n        const { error } = this.state;\n        if (!error) {\n            return this.props.children;\n        }\n\n        const { fallback } = this.props;\n        if (typeof fallback === 'function') {\n            return fallback(error, this.reset);\n        }\n        if (fallback) {\n            return fallback;\n        }\n\n        return DEFAULT_FALLBACK;\n    }\n}\n\nconst DEFAULT_FALLBACK = (\n    <div\n        style={{\n            display: 'flex',\n            flexDirection: 'column',\n            alignItems: 'center',\n            justifyContent: 'center',\n            gap: '0.75rem',\n            padding: '3rem 1.5rem',\n            textAlign: 'center',\n            fontFamily: 'system-ui, sans-serif',\n        }}\n    >\n        <p style={{ margin: 0, fontSize: '1rem', fontWeight: 600 }}>Terjadi kesalahan.</p>\n        <p style={{ margin: 0, fontSize: '0.875rem', opacity: 0.7 }}>\n            Halaman ini sudah dilaporkan otomatis. Silakan muat ulang.\n        </p>\n    </div>\n);\n"],"mappings":";;;;;;AAAA,SAAS,iBAAiB;AAiEtB,SAYI,KAZJ;AAzCG,IAAM,sBAAN,cAAkC,UAA8D;AAAA,EAAhG;AAAA;AACH,iBAAkC,EAAE,OAAO,KAAK;AAiBhD,iBAAQ,MAAY;AAChB,WAAK,SAAS,EAAE,OAAO,KAAK,CAAC;AAAA,IACjC;AAAA;AAAA,EAjBA,OAAO,yBAAyB,OAAwC;AACpE,WAAO,EAAE,MAAM;AAAA,EACnB;AAAA,EAEA,kBAAkB,OAAc,WAA4B;AA/BhE;AAgCQ,kBAAc;AAAA,MACV,SAAS,MAAM,WAAW,OAAO,KAAK;AAAA,MACtC,OAAO,MAAM,SAAS;AAAA,MACtB,MAAM,MAAM,QAAQ;AAAA,MACpB,KAAK,OAAO,WAAW,cAAc,OAAO,SAAS,OAAO;AAAA,MAC5D,MAAM;AAAA,IACV,CAAC;AACD,qBAAK,OAAM,YAAX,4BAAqB,OAAO;AAAA,EAChC;AAAA,EAMA,SAAoB;AAChB,UAAM,EAAE,MAAM,IAAI,KAAK;AACvB,QAAI,CAAC,OAAO;AACR,aAAO,KAAK,MAAM;AAAA,IACtB;AAEA,UAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,QAAI,OAAO,aAAa,YAAY;AAChC,aAAO,SAAS,OAAO,KAAK,KAAK;AAAA,IACrC;AACA,QAAI,UAAU;AACV,aAAO;AAAA,IACX;AAEA,WAAO;AAAA,EACX;AACJ;AAEA,IAAM,mBACF;AAAA,EAAC;AAAA;AAAA,IACG,OAAO;AAAA,MACH,SAAS;AAAA,MACT,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,KAAK;AAAA,MACL,SAAS;AAAA,MACT,WAAW;AAAA,MACX,YAAY;AAAA,IAChB;AAAA,IAEA;AAAA,0BAAC,OAAE,OAAO,EAAE,QAAQ,GAAG,UAAU,QAAQ,YAAY,IAAI,GAAG,gCAAkB;AAAA,MAC9E,oBAAC,OAAE,OAAO,EAAE,QAAQ,GAAG,UAAU,YAAY,SAAS,IAAI,GAAG,wEAE7D;AAAA;AAAA;AACJ;","names":[]}

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@cresenity/cresjs-error-collector",
+  "version": "0.1.0",
+  "description": "Browser/React error collector for CF (Cresenity Framework) apps - reports to devcloud's Exception Collector via POST /cresenity/jsError. Used by cres.js itself and by every app's React SPA.",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/cresenity/cresjs-error-collector.git"
+  },
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./react": {
+      "types": "./dist/react.d.ts",
+      "import": "./dist/react.js",
+      "require": "./dist/react.cjs"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "prepare": "tsup",
+    "typecheck": "tsc --noEmit",
+    "dev": "tsup --watch"
+  },
+  "peerDependencies": {
+    "react": ">=16.8.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.0",
+    "react": "^18.3.0",
+    "tsup": "^8.3.0",
+    "typescript": "^5.6.0"
+  }
+}