@synod-ai/extension-feedback 0.1.1

package/dist/react.js

@@ -0,0 +1,86 @@
+"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);
+
+// wrappers/react/index.ts
+var react_exports = {};
+__export(react_exports, {
+  FeedbackProvider: () => FeedbackProvider,
+  useFeedback: () => useFeedback
+});
+module.exports = __toCommonJS(react_exports);
+
+// wrappers/react/FeedbackProvider.tsx
+var import_react = require("react");
+var import_extension_feedback = require("@synod-ai/extension-feedback");
+var import_jsx_runtime = require("react/jsx-runtime");
+var FeedbackContext = (0, import_react.createContext)(null);
+function FeedbackProvider({ config, children, autoEnable = false }) {
+  const managerRef = (0, import_react.useRef)(null);
+  if (managerRef.current === null) {
+    managerRef.current = new import_extension_feedback.FeedbackManager();
+  }
+  const [enabled, setEnabled] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    const manager = managerRef.current;
+    manager.init(config);
+    if (autoEnable) {
+      manager.enable();
+      setEnabled(true);
+    }
+    return () => {
+      manager.disable();
+      manager.destroy();
+    };
+  }, []);
+  const value = (0, import_react.useMemo)(() => {
+    const manager = managerRef.current;
+    return {
+      init: (cfg) => {
+        manager.init(cfg);
+        setEnabled(false);
+      },
+      enable: () => {
+        manager.enable();
+        setEnabled(true);
+      },
+      disable: () => {
+        manager.disable();
+        setEnabled(false);
+      },
+      sendBatch: () => manager.sendBatch(),
+      queue: (f) => manager.queue(f),
+      isEnabled: () => manager.enabled,
+      enabled
+    };
+  }, [enabled]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FeedbackContext.Provider, { value, children });
+}
+function useFeedback() {
+  const ctx = (0, import_react.useContext)(FeedbackContext);
+  if (ctx === null) {
+    throw new Error("useFeedback must be used within a <FeedbackProvider>.");
+  }
+  return ctx;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FeedbackProvider,
+  useFeedback
+});
+//# sourceMappingURL=react.js.map

package/dist/react.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../wrappers/react/index.ts","../wrappers/react/FeedbackProvider.tsx"],"sourcesContent":["// ── @synod-ai/extension-feedback/react — React wrapper sub-export ─────────\n//\n// Thin adapter over the core FeedbackManager. Zero business logic.\n\nexport { FeedbackProvider, useFeedback } from './FeedbackProvider';\nexport type { FeedbackContextValue } from './FeedbackProvider';\n","import { createContext, useContext, useEffect, useMemo, useRef, useState, type ReactNode } from 'react';\nimport { FeedbackManager } from '@synod-ai/extension-feedback';\nimport type { FeedbackConfig, FindingPayload, BatchResult } from '@synod-ai/extension-feedback';\n\n// ── Context ─────────────────────────────────────────────────────────────\n\nexport interface FeedbackContextValue {\n  init: (config: FeedbackConfig) => void;\n  enable: () => void;\n  disable: () => void;\n  sendBatch: () => Promise<BatchResult>;\n  queue: (finding: FindingPayload) => void;\n  isEnabled: () => boolean;\n  /** Reactive boolean — true when the feedback system is enabled */\n  enabled: boolean;\n}\n\nconst FeedbackContext = createContext<FeedbackContextValue | null>(null);\n\n// ── Provider ────────────────────────────────────────────────────────────\n\ninterface FeedbackProviderProps {\n  config: FeedbackConfig;\n  children: ReactNode;\n  /** If true, auto-enables on mount. Default: false */\n  autoEnable?: boolean;\n}\n\nexport function FeedbackProvider({ config, children, autoEnable = false }: FeedbackProviderProps) {\n  const managerRef = useRef<FeedbackManager | null>(null);\n\n  if (managerRef.current === null) {\n    managerRef.current = new FeedbackManager();\n  }\n\n  // Track enabled state in React state so changes trigger re-renders\n  const [enabled, setEnabled] = useState(false);\n\n  useEffect(() => {\n    const manager = managerRef.current!;\n    manager.init(config);\n    if (autoEnable) {\n      manager.enable();\n      setEnabled(true);\n    }\n    return () => {\n      manager.disable();\n      manager.destroy();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const value = useMemo<FeedbackContextValue>(() => {\n    const manager = managerRef.current!;\n    return {\n      init: (cfg: FeedbackConfig) => {\n        manager.init(cfg);\n        setEnabled(false);\n      },\n      enable: () => {\n        manager.enable();\n        setEnabled(true);\n      },\n      disable: () => {\n        manager.disable();\n        setEnabled(false);\n      },\n      sendBatch: () => manager.sendBatch(),\n      queue: (f: FindingPayload) => manager.queue(f),\n      isEnabled: () => manager.enabled,\n      enabled,\n    };\n  }, [enabled]);\n\n  return (\n    <FeedbackContext.Provider value={value}>\n      {children}\n    </FeedbackContext.Provider>\n  );\n}\n\n// ── Hook ────────────────────────────────────────────────────────────────\n\nexport function useFeedback(): FeedbackContextValue {\n  const ctx = useContext(FeedbackContext);\n  if (ctx === null) {\n    throw new Error('useFeedback must be used within a <FeedbackProvider>.');\n  }\n  return ctx;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAgG;AAChG,gCAAgC;AA0E5B;AA1DJ,IAAM,sBAAkB,4BAA2C,IAAI;AAWhE,SAAS,iBAAiB,EAAE,QAAQ,UAAU,aAAa,MAAM,GAA0B;AAChG,QAAM,iBAAa,qBAA+B,IAAI;AAEtD,MAAI,WAAW,YAAY,MAAM;AAC/B,eAAW,UAAU,IAAI,0CAAgB;AAAA,EAC3C;AAGA,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAE5C,8BAAU,MAAM;AACd,UAAM,UAAU,WAAW;AAC3B,YAAQ,KAAK,MAAM;AACnB,QAAI,YAAY;AACd,cAAQ,OAAO;AACf,iBAAW,IAAI;AAAA,IACjB;AACA,WAAO,MAAM;AACX,cAAQ,QAAQ;AAChB,cAAQ,QAAQ;AAAA,IAClB;AAAA,EAEF,GAAG,CAAC,CAAC;AAEL,QAAM,YAAQ,sBAA8B,MAAM;AAChD,UAAM,UAAU,WAAW;AAC3B,WAAO;AAAA,MACL,MAAM,CAAC,QAAwB;AAC7B,gBAAQ,KAAK,GAAG;AAChB,mBAAW,KAAK;AAAA,MAClB;AAAA,MACA,QAAQ,MAAM;AACZ,gBAAQ,OAAO;AACf,mBAAW,IAAI;AAAA,MACjB;AAAA,MACA,SAAS,MAAM;AACb,gBAAQ,QAAQ;AAChB,mBAAW,KAAK;AAAA,MAClB;AAAA,MACA,WAAW,MAAM,QAAQ,UAAU;AAAA,MACnC,OAAO,CAAC,MAAsB,QAAQ,MAAM,CAAC;AAAA,MAC7C,WAAW,MAAM,QAAQ;AAAA,MACzB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAEZ,SACE,4CAAC,gBAAgB,UAAhB,EAAyB,OACvB,UACH;AAEJ;AAIO,SAAS,cAAoC;AAClD,QAAM,UAAM,yBAAW,eAAe;AACtC,MAAI,QAAQ,MAAM;AAChB,UAAM,IAAI,MAAM,uDAAuD;AAAA,EACzE;AACA,SAAO;AACT;","names":[]}

package/dist/react.mjs

@@ -0,0 +1,58 @@
+// wrappers/react/FeedbackProvider.tsx
+import { createContext, useContext, useEffect, useMemo, useRef, useState } from "react";
+import { FeedbackManager } from "@synod-ai/extension-feedback";
+import { jsx } from "react/jsx-runtime";
+var FeedbackContext = createContext(null);
+function FeedbackProvider({ config, children, autoEnable = false }) {
+  const managerRef = useRef(null);
+  if (managerRef.current === null) {
+    managerRef.current = new FeedbackManager();
+  }
+  const [enabled, setEnabled] = useState(false);
+  useEffect(() => {
+    const manager = managerRef.current;
+    manager.init(config);
+    if (autoEnable) {
+      manager.enable();
+      setEnabled(true);
+    }
+    return () => {
+      manager.disable();
+      manager.destroy();
+    };
+  }, []);
+  const value = useMemo(() => {
+    const manager = managerRef.current;
+    return {
+      init: (cfg) => {
+        manager.init(cfg);
+        setEnabled(false);
+      },
+      enable: () => {
+        manager.enable();
+        setEnabled(true);
+      },
+      disable: () => {
+        manager.disable();
+        setEnabled(false);
+      },
+      sendBatch: () => manager.sendBatch(),
+      queue: (f) => manager.queue(f),
+      isEnabled: () => manager.enabled,
+      enabled
+    };
+  }, [enabled]);
+  return /* @__PURE__ */ jsx(FeedbackContext.Provider, { value, children });
+}
+function useFeedback() {
+  const ctx = useContext(FeedbackContext);
+  if (ctx === null) {
+    throw new Error("useFeedback must be used within a <FeedbackProvider>.");
+  }
+  return ctx;
+}
+export {
+  FeedbackProvider,
+  useFeedback
+};
+//# sourceMappingURL=react.mjs.map

package/dist/react.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../wrappers/react/FeedbackProvider.tsx"],"sourcesContent":["import { createContext, useContext, useEffect, useMemo, useRef, useState, type ReactNode } from 'react';\nimport { FeedbackManager } from '@synod-ai/extension-feedback';\nimport type { FeedbackConfig, FindingPayload, BatchResult } from '@synod-ai/extension-feedback';\n\n// ── Context ─────────────────────────────────────────────────────────────\n\nexport interface FeedbackContextValue {\n  init: (config: FeedbackConfig) => void;\n  enable: () => void;\n  disable: () => void;\n  sendBatch: () => Promise<BatchResult>;\n  queue: (finding: FindingPayload) => void;\n  isEnabled: () => boolean;\n  /** Reactive boolean — true when the feedback system is enabled */\n  enabled: boolean;\n}\n\nconst FeedbackContext = createContext<FeedbackContextValue | null>(null);\n\n// ── Provider ────────────────────────────────────────────────────────────\n\ninterface FeedbackProviderProps {\n  config: FeedbackConfig;\n  children: ReactNode;\n  /** If true, auto-enables on mount. Default: false */\n  autoEnable?: boolean;\n}\n\nexport function FeedbackProvider({ config, children, autoEnable = false }: FeedbackProviderProps) {\n  const managerRef = useRef<FeedbackManager | null>(null);\n\n  if (managerRef.current === null) {\n    managerRef.current = new FeedbackManager();\n  }\n\n  // Track enabled state in React state so changes trigger re-renders\n  const [enabled, setEnabled] = useState(false);\n\n  useEffect(() => {\n    const manager = managerRef.current!;\n    manager.init(config);\n    if (autoEnable) {\n      manager.enable();\n      setEnabled(true);\n    }\n    return () => {\n      manager.disable();\n      manager.destroy();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const value = useMemo<FeedbackContextValue>(() => {\n    const manager = managerRef.current!;\n    return {\n      init: (cfg: FeedbackConfig) => {\n        manager.init(cfg);\n        setEnabled(false);\n      },\n      enable: () => {\n        manager.enable();\n        setEnabled(true);\n      },\n      disable: () => {\n        manager.disable();\n        setEnabled(false);\n      },\n      sendBatch: () => manager.sendBatch(),\n      queue: (f: FindingPayload) => manager.queue(f),\n      isEnabled: () => manager.enabled,\n      enabled,\n    };\n  }, [enabled]);\n\n  return (\n    <FeedbackContext.Provider value={value}>\n      {children}\n    </FeedbackContext.Provider>\n  );\n}\n\n// ── Hook ────────────────────────────────────────────────────────────────\n\nexport function useFeedback(): FeedbackContextValue {\n  const ctx = useContext(FeedbackContext);\n  if (ctx === null) {\n    throw new Error('useFeedback must be used within a <FeedbackProvider>.');\n  }\n  return ctx;\n}\n"],"mappings":";AAAA,SAAS,eAAe,YAAY,WAAW,SAAS,QAAQ,gBAAgC;AAChG,SAAS,uBAAuB;AA0E5B;AA1DJ,IAAM,kBAAkB,cAA2C,IAAI;AAWhE,SAAS,iBAAiB,EAAE,QAAQ,UAAU,aAAa,MAAM,GAA0B;AAChG,QAAM,aAAa,OAA+B,IAAI;AAEtD,MAAI,WAAW,YAAY,MAAM;AAC/B,eAAW,UAAU,IAAI,gBAAgB;AAAA,EAC3C;AAGA,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,YAAU,MAAM;AACd,UAAM,UAAU,WAAW;AAC3B,YAAQ,KAAK,MAAM;AACnB,QAAI,YAAY;AACd,cAAQ,OAAO;AACf,iBAAW,IAAI;AAAA,IACjB;AACA,WAAO,MAAM;AACX,cAAQ,QAAQ;AAChB,cAAQ,QAAQ;AAAA,IAClB;AAAA,EAEF,GAAG,CAAC,CAAC;AAEL,QAAM,QAAQ,QAA8B,MAAM;AAChD,UAAM,UAAU,WAAW;AAC3B,WAAO;AAAA,MACL,MAAM,CAAC,QAAwB;AAC7B,gBAAQ,KAAK,GAAG;AAChB,mBAAW,KAAK;AAAA,MAClB;AAAA,MACA,QAAQ,MAAM;AACZ,gBAAQ,OAAO;AACf,mBAAW,IAAI;AAAA,MACjB;AAAA,MACA,SAAS,MAAM;AACb,gBAAQ,QAAQ;AAChB,mBAAW,KAAK;AAAA,MAClB;AAAA,MACA,WAAW,MAAM,QAAQ,UAAU;AAAA,MACnC,OAAO,CAAC,MAAsB,QAAQ,MAAM,CAAC;AAAA,MAC7C,WAAW,MAAM,QAAQ;AAAA,MACzB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAEZ,SACE,oBAAC,gBAAgB,UAAhB,EAAyB,OACvB,UACH;AAEJ;AAIO,SAAS,cAAoC;AAClD,QAAM,MAAM,WAAW,eAAe;AACtC,MAAI,QAAQ,MAAM;AAChB,UAAM,IAAI,MAAM,uDAAuD;AAAA,EACzE;AACA,SAAO;AACT;","names":[]}

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@synod-ai/extension-feedback",
+  "version": "0.1.1",
+  "description": "Synod feedback extension core SDK — HTTP client, lifecycle management, and React wrapper for submitting external findings.",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./react": {
+      "types": "./dist/react.d.ts",
+      "import": "./dist/react.mjs",
+      "require": "./dist/react.js"
+    }
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "tsup",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  },
+  "dependencies": {
+    "modern-screenshot": "^4.4.0"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@testing-library/react": "^16.0.0",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@vitest/coverage-v8": "^2.0.0",
+    "jsdom": "^25.0.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "tsup": "^8.3.0",
+    "typescript": "^5.5.0",
+    "vitest": "^2.0.0"
+  }
+}