@merittdev/horus-lens 0.0.3 → 0.1.0

package/dist/react.js

@@ -1,10 +1,8 @@
 import {
   boot,
   isGateActive
-} from "./chunk-CTBY5XIN.js";
-import "./chunk-XRONR4GR.js";
-import "./chunk-DWOH2ENF.js";
-import "./chunk-PZ5AY32C.js";
+} from "./chunk-A6SNBIRS.js";
+import "./chunk-MTQ3IO4U.js";
 
 // ../react/dist/index.js
 import { useEffect, useState } from "react";

package/dist/react.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../react/src/provider.tsx","../../react/src/context.ts","../../react/src/use-lens.ts","../../react/src/error-boundary.tsx","../../react/src/fiber.ts","../../react/src/index.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { boot } from '@horus-lens/browser';\nimport type { BootOptions, LensBrowser } from '@horus-lens/browser';\nimport { LensContext } from './context.js';\n\nexport interface LensProps extends Omit<BootOptions, 'force'> {\n  accessId: string;\n  /** Activate regardless of ?lens=true — e.g. pass your preview-env flag. */\n  enabled?: boolean;\n  /**\n   * Optional: <Lens /> mounts standalone anywhere in the tree. Wrap children\n   * only when descendants need the `useLens()` context.\n   */\n  children?: ReactNode;\n}\n\n/**\n * Mounts the Lens issue-capture overlay. Renders nothing itself — drop\n * `<Lens accessId=\"lai_…\" />` into your root layout and the overlay appears\n * for sessions gated in via `?lens=true` (or force it with `enabled`).\n */\nexport function Lens(props: LensProps) {\n  const { children, enabled, ...bootOptions } = props;\n  const [browser, setBrowser] = useState<LensBrowser | null>(null);\n\n  useEffect(() => {\n    const instance = boot({ ...bootOptions, force: enabled });\n    if (instance) {\n      instance.client.setApp({ extra: { framework: 'react' } });\n    }\n    setBrowser(instance);\n    return () => {\n      instance?.destroy();\n      setBrowser(null);\n    };\n  }, [props.accessId]);\n\n  return <LensContext.Provider value={browser}>{children ?? null}</LensContext.Provider>;\n}\n\n/** Back-compat alias — `<Lens />` is the canonical name. */\nexport const LensProvider = Lens;\nexport type LensProviderProps = LensProps;\n","import { createContext } from 'react';\nimport type { LensBrowser } from '@horus-lens/browser';\n\nexport const LensContext = createContext<LensBrowser | null>(null);\n","import { useContext } from 'react';\nimport type { AppContext } from '@horus-lens/shared';\nimport { LensContext } from './context.js';\n\ninterface Identity {\n  id?: string;\n  email?: string;\n  name?: string;\n  organization?: string;\n}\n\nexport function useLens() {\n  const browser = useContext(LensContext);\n\n  return {\n    active: browser !== null,\n    open: () => browser?.open(),\n    close: () => browser?.close(),\n    identify: (user: Identity) => browser?.client.setApp({ user }),\n    setApp: (app: Partial<AppContext>) => browser?.client.setApp(app),\n    report: async (input?: { comment?: string }): Promise<{ reportId: string } | null> => {\n      if (!browser) return null;\n      return browser.client.submitReport({ comment: input?.comment });\n    },\n  };\n}\n","import { Component } from 'react';\nimport type { ContextType, ReactNode } from 'react';\nimport { LensContext } from './context.js';\n\ninterface Props {\n  children: ReactNode;\n  fallback?: ReactNode;\n}\n\ninterface State {\n  hasError: boolean;\n}\n\nexport class LensErrorBoundary extends Component<Props, State> {\n  static contextType = LensContext;\n  declare context: ContextType<typeof LensContext>;\n\n  state: State = { hasError: false };\n\n  static getDerivedStateFromError(): State {\n    return { hasError: true };\n  }\n\n  componentDidCatch(error: Error) {\n    const browser = this.context;\n    if (browser) {\n      browser.client.setApp({ extra: { lastBoundaryError: error.message } });\n      browser.open();\n    }\n  }\n\n  render() {\n    if (this.state.hasError) {\n      return (\n        this.props.fallback ?? (\n          <div\n            role=\"alert\"\n            style={{\n              padding: '12px 16px',\n              borderRadius: 8,\n              border: '1px solid rgba(0,0,0,0.1)',\n              font: '14px system-ui, sans-serif',\n            }}\n          >\n            Something went wrong.\n          </div>\n        )\n      );\n    }\n    return this.props.children;\n  }\n}\n","interface FiberType {\n  displayName?: string;\n  name?: string;\n  render?: { displayName?: string; name?: string };\n}\n\ninterface FiberNode {\n  type?: FiberType | string | null;\n  return?: FiberNode | null;\n}\n\nfunction nameOf(type: FiberNode['type']): string | undefined {\n  if (!type || typeof type === 'string') return undefined;\n  return type.displayName ?? type.name ?? type.render?.displayName ?? type.render?.name;\n}\n\n/** Walk the React fiber tree from `el` upward, collecting component names. */\nexport function getComponentStack(el: Element): string[] {\n  const names: string[] = [];\n  try {\n    const key = Object.keys(el).find((k) => k.startsWith('__reactFiber$'));\n    if (!key) return names;\n\n    let fiber = (el as unknown as Record<string, FiberNode | undefined>)[key] ?? null;\n    const seen = new Set<FiberNode>();\n    while (fiber && !seen.has(fiber)) {\n      seen.add(fiber);\n      const name = nameOf(fiber.type);\n      if (name) names.push(name);\n      fiber = fiber.return ?? null;\n    }\n  } catch {\n    return names;\n  }\n  return names;\n}\n","export { Lens, LensProvider } from './provider.js';\nexport type { LensProps, LensProviderProps } from './provider.js';\nexport { useLens } from './use-lens.js';\nexport { LensErrorBoundary } from './error-boundary.js';\nexport { getComponentStack } from './fiber.js';\nexport { isGateActive } from '@horus-lens/browser';\n"],"mappings":";;;;;;;;;AAAA,SAAS,WAAW,gBAAgB;ACApC,SAAS,qBAAqB;ADsCrB,SAAA,WAAA;AEtCT,SAAS,kBAAkB;ACA3B,SAAS,iBAAiB;AAmChB,SAAA,OAAAA,YAAA;AFhCH,IAAM,cAAc,cAAkC,IAAI;ADmB1D,SAAS,KAAK,OAAkB;AACrC,QAAM,EAAE,UAAU,SAAS,GAAG,YAAY,IAAI;AAC9C,QAAM,CAAC,SAAS,UAAU,IAAI,SAA6B,IAAI;AAE/D,YAAU,MAAM;AACd,UAAM,WAAW,KAAK,EAAE,GAAG,aAAa,OAAO,QAAQ,CAAC;AACxD,QAAI,UAAU;AACZ,eAAS,OAAO,OAAO,EAAE,OAAO,EAAE,WAAW,QAAQ,EAAE,CAAC;IAC1D;AACA,eAAW,QAAQ;AACnB,WAAO,MAAM;AACX,gBAAU,QAAQ;AAClB,iBAAW,IAAI;IACjB;EACF,GAAG,CAAC,MAAM,QAAQ,CAAC;AAEnB,SAAO,oBAAC,YAAY,UAAZ,EAAqB,OAAO,SAAU,UAAA,YAAY,KAAA,CAAK;AACjE;AAGO,IAAM,eAAe;AE/BrB,SAAS,UAAU;AACxB,QAAM,UAAU,WAAW,WAAW;AAEtC,SAAO;IACL,QAAQ,YAAY;IACpB,MAAM,MAAM,SAAS,KAAK;IAC1B,OAAO,MAAM,SAAS,MAAM;IAC5B,UAAU,CAAC,SAAmB,SAAS,OAAO,OAAO,EAAE,KAAK,CAAC;IAC7D,QAAQ,CAAC,QAA6B,SAAS,OAAO,OAAO,GAAG;IAChE,QAAQ,OAAO,UAAuE;AACpF,UAAI,CAAC,QAAS,QAAO;AACrB,aAAO,QAAQ,OAAO,aAAa,EAAE,SAAS,OAAO,QAAQ,CAAC;IAChE;EACF;AACF;ACZO,IAAM,oBAAN,cAAgC,UAAwB;EAC7D,OAAO,cAAc;EAGrB,QAAe,EAAE,UAAU,MAAM;EAEjC,OAAO,2BAAkC;AACvC,WAAO,EAAE,UAAU,KAAK;EAC1B;EAEA,kBAAkB,OAAc;AAC9B,UAAM,UAAU,KAAK;AACrB,QAAI,SAAS;AACX,cAAQ,OAAO,OAAO,EAAE,OAAO,EAAE,mBAAmB,MAAM,QAAQ,EAAE,CAAC;AACrE,cAAQ,KAAK;IACf;EACF;EAEA,SAAS;AACP,QAAI,KAAK,MAAM,UAAU;AACvB,aACE,KAAK,MAAM,YACTC;QAAC;QAAA;UACC,MAAK;UACL,OAAO;YACL,SAAS;YACT,cAAc;YACd,QAAQ;YACR,MAAM;UACR;UACD,UAAA;QAAA;MAED;IAGN;AACA,WAAO,KAAK,MAAM;EACpB;AACF;ACxCA,SAAS,OAAO,MAA6C;AAC3D,MAAI,CAAC,QAAQ,OAAO,SAAS,SAAU,QAAO;AAC9C,SAAO,KAAK,eAAe,KAAK,QAAQ,KAAK,QAAQ,eAAe,KAAK,QAAQ;AACnF;AAGO,SAAS,kBAAkB,IAAuB;AACvD,QAAM,QAAkB,CAAC;AACzB,MAAI;AACF,UAAM,MAAM,OAAO,KAAK,EAAE,EAAE,KAAK,CAAC,MAAM,EAAE,WAAW,eAAe,CAAC;AACrE,QAAI,CAAC,IAAK,QAAO;AAEjB,QAAI,QAAS,GAAwD,GAAG,KAAK;AAC7E,UAAM,OAAO,oBAAI,IAAe;AAChC,WAAO,SAAS,CAAC,KAAK,IAAI,KAAK,GAAG;AAChC,WAAK,IAAI,KAAK;AACd,YAAM,OAAO,OAAO,MAAM,IAAI;AAC9B,UAAI,KAAM,OAAM,KAAK,IAAI;AACzB,cAAQ,MAAM,UAAU;IAC1B;EACF,QAAQ;AACN,WAAO;EACT;AACA,SAAO;AACT;","names":["jsx","jsx"]}
+{"version":3,"sources":["../../react/src/provider.tsx","../../react/src/context.ts","../../react/src/use-lens.ts","../../react/src/error-boundary.tsx","../../react/src/fiber.ts","../../react/src/index.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { boot } from '@horus-lens/browser';\nimport type { BootOptions, LensBrowser } from '@horus-lens/browser';\nimport { LensContext } from './context.js';\n\nexport interface LensProps extends Omit<BootOptions, 'force'> {\n  accessId: string;\n  /** Activate regardless of ?lens=true — e.g. pass your preview-env flag. */\n  enabled?: boolean;\n  /**\n   * Optional: <Lens /> mounts standalone anywhere in the tree. Wrap children\n   * only when descendants need the `useLens()` context.\n   */\n  children?: ReactNode;\n}\n\n/**\n * Mounts the Lens issue-capture overlay. Renders nothing itself — drop\n * `<Lens accessId=\"lai_…\" />` into your root layout and the overlay appears\n * for sessions gated in via `?lens=true` (or force it with `enabled`).\n */\nexport function Lens(props: LensProps) {\n  const { children, enabled, ...bootOptions } = props;\n  const [browser, setBrowser] = useState<LensBrowser | null>(null);\n\n  useEffect(() => {\n    const instance = boot({ ...bootOptions, force: enabled });\n    if (instance) {\n      instance.client.setApp({ extra: { framework: 'react' } });\n    }\n    setBrowser(instance);\n    return () => {\n      instance?.destroy();\n      setBrowser(null);\n    };\n  }, [props.accessId]);\n\n  return <LensContext.Provider value={browser}>{children ?? null}</LensContext.Provider>;\n}\n\n/** Back-compat alias — `<Lens />` is the canonical name. */\nexport const LensProvider = Lens;\nexport type LensProviderProps = LensProps;\n","import { createContext } from 'react';\nimport type { LensBrowser } from '@horus-lens/browser';\n\nexport const LensContext = createContext<LensBrowser | null>(null);\n","import { useContext } from 'react';\nimport type { AppContext } from '@horus-lens/shared';\nimport { LensContext } from './context.js';\n\ninterface Identity {\n  id?: string;\n  email?: string;\n  name?: string;\n  organization?: string;\n}\n\nexport function useLens() {\n  const browser = useContext(LensContext);\n\n  return {\n    active: browser !== null,\n    open: () => browser?.open(),\n    close: () => browser?.close(),\n    identify: (user: Identity) => browser?.client.setApp({ user }),\n    setApp: (app: Partial<AppContext>) => browser?.client.setApp(app),\n    report: async (input?: { comment?: string }): Promise<{ reportId: string } | null> => {\n      if (!browser) return null;\n      return browser.client.submitReport({ comment: input?.comment });\n    },\n  };\n}\n","import { Component } from 'react';\nimport type { ContextType, ReactNode } from 'react';\nimport { LensContext } from './context.js';\n\ninterface Props {\n  children: ReactNode;\n  fallback?: ReactNode;\n}\n\ninterface State {\n  hasError: boolean;\n}\n\nexport class LensErrorBoundary extends Component<Props, State> {\n  static contextType = LensContext;\n  declare context: ContextType<typeof LensContext>;\n\n  state: State = { hasError: false };\n\n  static getDerivedStateFromError(): State {\n    return { hasError: true };\n  }\n\n  componentDidCatch(error: Error) {\n    const browser = this.context;\n    if (browser) {\n      browser.client.setApp({ extra: { lastBoundaryError: error.message } });\n      browser.open();\n    }\n  }\n\n  render() {\n    if (this.state.hasError) {\n      return (\n        this.props.fallback ?? (\n          <div\n            role=\"alert\"\n            style={{\n              padding: '12px 16px',\n              borderRadius: 8,\n              border: '1px solid rgba(0,0,0,0.1)',\n              font: '14px system-ui, sans-serif',\n            }}\n          >\n            Something went wrong.\n          </div>\n        )\n      );\n    }\n    return this.props.children;\n  }\n}\n","interface FiberType {\n  displayName?: string;\n  name?: string;\n  render?: { displayName?: string; name?: string };\n}\n\ninterface FiberNode {\n  type?: FiberType | string | null;\n  return?: FiberNode | null;\n}\n\nfunction nameOf(type: FiberNode['type']): string | undefined {\n  if (!type || typeof type === 'string') return undefined;\n  return type.displayName ?? type.name ?? type.render?.displayName ?? type.render?.name;\n}\n\n/** Walk the React fiber tree from `el` upward, collecting component names. */\nexport function getComponentStack(el: Element): string[] {\n  const names: string[] = [];\n  try {\n    const key = Object.keys(el).find((k) => k.startsWith('__reactFiber$'));\n    if (!key) return names;\n\n    let fiber = (el as unknown as Record<string, FiberNode | undefined>)[key] ?? null;\n    const seen = new Set<FiberNode>();\n    while (fiber && !seen.has(fiber)) {\n      seen.add(fiber);\n      const name = nameOf(fiber.type);\n      if (name) names.push(name);\n      fiber = fiber.return ?? null;\n    }\n  } catch {\n    return names;\n  }\n  return names;\n}\n","export { Lens, LensProvider } from './provider.js';\nexport type { LensProps, LensProviderProps } from './provider.js';\nexport { useLens } from './use-lens.js';\nexport { LensErrorBoundary } from './error-boundary.js';\nexport { getComponentStack } from './fiber.js';\nexport { isGateActive } from '@horus-lens/browser';\n"],"mappings":";;;;;;;AAAA,SAAS,WAAW,gBAAgB;ACApC,SAAS,qBAAqB;ADsCrB,SAAA,WAAA;AEtCT,SAAS,kBAAkB;ACA3B,SAAS,iBAAiB;AAmChB,SAAA,OAAAA,YAAA;AFhCH,IAAM,cAAc,cAAkC,IAAI;ADmB1D,SAAS,KAAK,OAAkB;AACrC,QAAM,EAAE,UAAU,SAAS,GAAG,YAAY,IAAI;AAC9C,QAAM,CAAC,SAAS,UAAU,IAAI,SAA6B,IAAI;AAE/D,YAAU,MAAM;AACd,UAAM,WAAW,KAAK,EAAE,GAAG,aAAa,OAAO,QAAQ,CAAC;AACxD,QAAI,UAAU;AACZ,eAAS,OAAO,OAAO,EAAE,OAAO,EAAE,WAAW,QAAQ,EAAE,CAAC;IAC1D;AACA,eAAW,QAAQ;AACnB,WAAO,MAAM;AACX,gBAAU,QAAQ;AAClB,iBAAW,IAAI;IACjB;EACF,GAAG,CAAC,MAAM,QAAQ,CAAC;AAEnB,SAAO,oBAAC,YAAY,UAAZ,EAAqB,OAAO,SAAU,UAAA,YAAY,KAAA,CAAK;AACjE;AAGO,IAAM,eAAe;AE/BrB,SAAS,UAAU;AACxB,QAAM,UAAU,WAAW,WAAW;AAEtC,SAAO;IACL,QAAQ,YAAY;IACpB,MAAM,MAAM,SAAS,KAAK;IAC1B,OAAO,MAAM,SAAS,MAAM;IAC5B,UAAU,CAAC,SAAmB,SAAS,OAAO,OAAO,EAAE,KAAK,CAAC;IAC7D,QAAQ,CAAC,QAA6B,SAAS,OAAO,OAAO,GAAG;IAChE,QAAQ,OAAO,UAAuE;AACpF,UAAI,CAAC,QAAS,QAAO;AACrB,aAAO,QAAQ,OAAO,aAAa,EAAE,SAAS,OAAO,QAAQ,CAAC;IAChE;EACF;AACF;ACZO,IAAM,oBAAN,cAAgC,UAAwB;EAC7D,OAAO,cAAc;EAGrB,QAAe,EAAE,UAAU,MAAM;EAEjC,OAAO,2BAAkC;AACvC,WAAO,EAAE,UAAU,KAAK;EAC1B;EAEA,kBAAkB,OAAc;AAC9B,UAAM,UAAU,KAAK;AACrB,QAAI,SAAS;AACX,cAAQ,OAAO,OAAO,EAAE,OAAO,EAAE,mBAAmB,MAAM,QAAQ,EAAE,CAAC;AACrE,cAAQ,KAAK;IACf;EACF;EAEA,SAAS;AACP,QAAI,KAAK,MAAM,UAAU;AACvB,aACE,KAAK,MAAM,YACTC;QAAC;QAAA;UACC,MAAK;UACL,OAAO;YACL,SAAS;YACT,cAAc;YACd,QAAQ;YACR,MAAM;UACR;UACD,UAAA;QAAA;MAED;IAGN;AACA,WAAO,KAAK,MAAM;EACpB;AACF;ACxCA,SAAS,OAAO,MAA6C;AAC3D,MAAI,CAAC,QAAQ,OAAO,SAAS,SAAU,QAAO;AAC9C,SAAO,KAAK,eAAe,KAAK,QAAQ,KAAK,QAAQ,eAAe,KAAK,QAAQ;AACnF;AAGO,SAAS,kBAAkB,IAAuB;AACvD,QAAM,QAAkB,CAAC;AACzB,MAAI;AACF,UAAM,MAAM,OAAO,KAAK,EAAE,EAAE,KAAK,CAAC,MAAM,EAAE,WAAW,eAAe,CAAC;AACrE,QAAI,CAAC,IAAK,QAAO;AAEjB,QAAI,QAAS,GAAwD,GAAG,KAAK;AAC7E,UAAM,OAAO,oBAAI,IAAe;AAChC,WAAO,SAAS,CAAC,KAAK,IAAI,KAAK,GAAG;AAChC,WAAK,IAAI,KAAK;AACd,YAAM,OAAO,OAAO,MAAM,IAAI;AAC9B,UAAI,KAAM,OAAM,KAAK,IAAI;AACzB,cAAQ,MAAM,UAAU;IAC1B;EACF,QAAQ;AACN,WAAO;EACT;AACA,SAAO;AACT;","names":["jsx","jsx"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@merittdev/horus-lens",
-  "version": "0.0.3",
-  "description": "Lens — context-rich issue capture for web apps: overlay, replay, and drop-in dashboard components",
+  "version": "0.1.0",
+  "description": "Lens — context-rich issue capture SDK for web apps: overlay, session replay, and drop-in browser/React capture",
   "license": "MIT",
   "type": "module",
   "sideEffects": false,
@@ -27,19 +27,7 @@
       "import": "./dist/react.js",
       "require": "./dist/react.cjs"
     },
-    "./dashboard": {
-      "types": "./dist/dashboard.d.ts",
-      "import": "./dist/dashboard.js",
-      "require": "./dist/dashboard.cjs"
-    },
-    "./dashboard/styles.css": "./dist/dashboard.css",
-    "./dist/dashboard.css": "./dist/dashboard.css",
-    "./cdn": "./dist/lens.min.js",
-    "./server": {
-      "types": "./dist/server.d.ts",
-      "import": "./dist/server.js",
-      "require": "./dist/server.cjs"
-    }
+    "./cdn": "./dist/lens.min.js"
   },
   "peerDependencies": {
     "react": ">=18",
@@ -58,7 +46,6 @@
     "typescript": "^5.7.3",
     "@horus-lens/browser": "0.0.1",
     "@horus-lens/core": "0.0.1",
-    "@horus-lens/dashboard": "0.0.1",
     "@horus-lens/react": "0.0.1",
     "@horus-lens/shared": "0.0.1"
   },
@@ -87,7 +74,7 @@
     "url": "https://github.com/Meritt-dev/horus-lens/issues"
   },
   "scripts": {
-    "build": "tsup && node scripts/copy-assets.mjs",
+    "build": "tsup",
     "typecheck": "tsc --noEmit",
     "clean": "rm -rf dist .turbo"
   }