@openfeed-ink/widget 0.1.3

package/dist/npm/index-MTTUickr.js

@@ -0,0 +1,237 @@
+"use client";
+import * as i from "react";
+import { P as p, e as g, b as V, d as R, f as _, c as q, g as K, h as U, R as Y, i as Z, F as z, D as J, j as Q } from "./index-BaBFRQOq.js";
+import { u as h, a as X } from "./button-Q2Dh1yK6.js";
+import { jsx as s, jsxs as N, Fragment as O } from "react/jsx-runtime";
+var v = "Dialog", [I] = q(v), [ee, u] = I(v), x = (e) => {
+  const {
+    __scopeDialog: o,
+    children: r,
+    open: a,
+    defaultOpen: n,
+    onOpenChange: t,
+    modal: l = !0
+  } = e, c = i.useRef(null), f = i.useRef(null), [m, C] = V({
+    prop: a,
+    defaultProp: n ?? !1,
+    onChange: t,
+    caller: v
+  });
+  return /* @__PURE__ */ s(
+    ee,
+    {
+      scope: o,
+      triggerRef: c,
+      contentRef: f,
+      contentId: R(),
+      titleId: R(),
+      descriptionId: R(),
+      open: m,
+      onOpenChange: C,
+      onOpenToggle: i.useCallback(() => C((H) => !H), [C]),
+      modal: l,
+      children: r
+    }
+  );
+};
+x.displayName = v;
+var A = "DialogTrigger", T = i.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: r, ...a } = e, n = u(A, r), t = h(o, n.triggerRef);
+    return /* @__PURE__ */ s(
+      p.button,
+      {
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": n.open,
+        "aria-controls": n.contentId,
+        "data-state": y(n.open),
+        ...a,
+        ref: t,
+        onClick: g(e.onClick, n.onOpenToggle)
+      }
+    );
+  }
+);
+T.displayName = A;
+var E = "DialogPortal", [te, b] = I(E, {
+  forceMount: void 0
+}), M = (e) => {
+  const { __scopeDialog: o, forceMount: r, children: a, container: n } = e, t = u(E, o);
+  return /* @__PURE__ */ s(te, { scope: o, forceMount: r, children: i.Children.map(a, (l) => /* @__PURE__ */ s(_, { present: r || t.open, children: /* @__PURE__ */ s(K, { asChild: !0, container: n, children: l }) })) });
+};
+M.displayName = E;
+var D = "DialogOverlay", w = i.forwardRef(
+  (e, o) => {
+    const r = b(D, e.__scopeDialog), { forceMount: a = r.forceMount, ...n } = e, t = u(D, e.__scopeDialog);
+    return t.modal ? /* @__PURE__ */ s(_, { present: a || t.open, children: /* @__PURE__ */ s(ne, { ...n, ref: o }) }) : null;
+  }
+);
+w.displayName = D;
+var oe = X("DialogOverlay.RemoveScroll"), ne = i.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: r, ...a } = e, n = u(D, r);
+    return (
+      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
+      // ie. when `Overlay` and `Content` are siblings
+      /* @__PURE__ */ s(Y, { as: oe, allowPinchZoom: !0, shards: [n.contentRef], children: /* @__PURE__ */ s(
+        p.div,
+        {
+          "data-state": y(n.open),
+          ...a,
+          ref: o,
+          style: { pointerEvents: "auto", ...a.style }
+        }
+      ) })
+    );
+  }
+), d = "DialogContent", F = i.forwardRef(
+  (e, o) => {
+    const r = b(d, e.__scopeDialog), { forceMount: a = r.forceMount, ...n } = e, t = u(d, e.__scopeDialog);
+    return /* @__PURE__ */ s(_, { present: a || t.open, children: t.modal ? /* @__PURE__ */ s(re, { ...n, ref: o }) : /* @__PURE__ */ s(ae, { ...n, ref: o }) });
+  }
+);
+F.displayName = d;
+var re = i.forwardRef(
+  (e, o) => {
+    const r = u(d, e.__scopeDialog), a = i.useRef(null), n = h(o, r.contentRef, a);
+    return i.useEffect(() => {
+      const t = a.current;
+      if (t) return U(t);
+    }, []), /* @__PURE__ */ s(
+      S,
+      {
+        ...e,
+        ref: n,
+        trapFocus: r.open,
+        disableOutsidePointerEvents: !0,
+        onCloseAutoFocus: g(e.onCloseAutoFocus, (t) => {
+          t.preventDefault(), r.triggerRef.current?.focus();
+        }),
+        onPointerDownOutside: g(e.onPointerDownOutside, (t) => {
+          const l = t.detail.originalEvent, c = l.button === 0 && l.ctrlKey === !0;
+          (l.button === 2 || c) && t.preventDefault();
+        }),
+        onFocusOutside: g(
+          e.onFocusOutside,
+          (t) => t.preventDefault()
+        )
+      }
+    );
+  }
+), ae = i.forwardRef(
+  (e, o) => {
+    const r = u(d, e.__scopeDialog), a = i.useRef(!1), n = i.useRef(!1);
+    return /* @__PURE__ */ s(
+      S,
+      {
+        ...e,
+        ref: o,
+        trapFocus: !1,
+        disableOutsidePointerEvents: !1,
+        onCloseAutoFocus: (t) => {
+          e.onCloseAutoFocus?.(t), t.defaultPrevented || (a.current || r.triggerRef.current?.focus(), t.preventDefault()), a.current = !1, n.current = !1;
+        },
+        onInteractOutside: (t) => {
+          e.onInteractOutside?.(t), t.defaultPrevented || (a.current = !0, t.detail.originalEvent.type === "pointerdown" && (n.current = !0));
+          const l = t.target;
+          r.triggerRef.current?.contains(l) && t.preventDefault(), t.detail.originalEvent.type === "focusin" && n.current && t.preventDefault();
+        }
+      }
+    );
+  }
+), S = i.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: r, trapFocus: a, onOpenAutoFocus: n, onCloseAutoFocus: t, ...l } = e, c = u(d, r), f = i.useRef(null), m = h(o, f);
+    return Z(), /* @__PURE__ */ N(O, { children: [
+      /* @__PURE__ */ s(
+        z,
+        {
+          asChild: !0,
+          loop: !0,
+          trapped: a,
+          onMountAutoFocus: n,
+          onUnmountAutoFocus: t,
+          children: /* @__PURE__ */ s(
+            J,
+            {
+              role: "dialog",
+              id: c.contentId,
+              "aria-describedby": c.descriptionId,
+              "aria-labelledby": c.titleId,
+              "data-state": y(c.open),
+              ...l,
+              ref: m,
+              onDismiss: () => c.onOpenChange(!1)
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ N(O, { children: [
+        /* @__PURE__ */ s(se, { titleId: c.titleId }),
+        /* @__PURE__ */ s(ce, { contentRef: f, descriptionId: c.descriptionId })
+      ] })
+    ] });
+  }
+), P = "DialogTitle", W = i.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: r, ...a } = e, n = u(P, r);
+    return /* @__PURE__ */ s(p.h2, { id: n.titleId, ...a, ref: o });
+  }
+);
+W.displayName = P;
+var k = "DialogDescription", G = i.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: r, ...a } = e, n = u(k, r);
+    return /* @__PURE__ */ s(p.p, { id: n.descriptionId, ...a, ref: o });
+  }
+);
+G.displayName = k;
+var L = "DialogClose", $ = i.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: r, ...a } = e, n = u(L, r);
+    return /* @__PURE__ */ s(
+      p.button,
+      {
+        type: "button",
+        ...a,
+        ref: o,
+        onClick: g(e.onClick, () => n.onOpenChange(!1))
+      }
+    );
+  }
+);
+$.displayName = L;
+function y(e) {
+  return e ? "open" : "closed";
+}
+var j = "DialogTitleWarning", [fe, B] = Q(j, {
+  contentName: d,
+  titleName: P,
+  docsSlug: "dialog"
+}), se = ({ titleId: e }) => {
+  const o = B(j), r = `\`${o.contentName}\` requires a \`${o.titleName}\` for the component to be accessible for screen reader users.
+
+If you want to hide the \`${o.titleName}\`, you can wrap it with our VisuallyHidden component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/${o.docsSlug}`;
+  return i.useEffect(() => {
+    e && (document.getElementById(e) || console.error(r));
+  }, [r, e]), null;
+}, ie = "DialogDescriptionWarning", ce = ({ contentRef: e, descriptionId: o }) => {
+  const a = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${B(ie).contentName}}.`;
+  return i.useEffect(() => {
+    const n = e.current?.getAttribute("aria-describedby");
+    o && n && (document.getElementById(o) || console.warn(a));
+  }, [a, e, o]), null;
+}, ge = x, pe = T, De = M, ve = w, me = F, Ce = W, Re = G, _e = $;
+export {
+  me as C,
+  Re as D,
+  ve as O,
+  De as P,
+  ge as R,
+  pe as T,
+  Ce as a,
+  _e as b
+};

package/dist/npm/index.d.ts

@@ -0,0 +1,2 @@
+export { mount } from './mount';
+export { OpenFeed } from './react/OpenFeed';

package/dist/npm/index.js

@@ -0,0 +1,6 @@
+"use client";
+import { O as n, m as o } from "./index-BkmaVINv.js";
+export {
+  n as OpenFeed,
+  o as mount
+};

package/dist/npm/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/npm/mount.d.ts

@@ -0,0 +1,7 @@
+interface RawConfig {
+    projectId?: string;
+    apiUrl?: string;
+    prod?: string;
+}
+export declare function mount(rawConfig: RawConfig): void;
+export {};

package/dist/npm/react/OpenFeed.d.ts

@@ -0,0 +1,7 @@
+type Props = {
+    projectId: string;
+    apiUrl?: string;
+    prod?: string;
+};
+export declare const OpenFeed: ({ projectId, apiUrl, prod }: Props) => null;
+export {};

package/dist/npm/types/index.d.ts

@@ -0,0 +1,31 @@
+export interface WidgetConfig {
+    projectId: string;
+    apiUrl: string;
+    prod: boolean;
+}
+export type AnnouncementConfig = {
+    position: 'top' | 'bottom';
+    text: string;
+    link?: string;
+    dismiss: boolean;
+    bgcolor: string;
+    textcolor: string;
+    actionBtn: string;
+};
+export type Config = {
+    theme: "dark" | "light" | "system";
+    widgetName: string;
+    info: string | null;
+    triggerBtn: {
+        position: "float-bottom-right" | "float-bottom-left" | "float-up-right" | "float-up-left" | "drawer-left" | "drawer-right";
+        color: string;
+        textColor: string;
+        size: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg";
+        text: string | null;
+        icon: string | null;
+    };
+    showFeedback: boolean;
+    showChangeLog: boolean;
+    showRoadmap: boolean;
+    announcement?: AnnouncementConfig;
+};

package/dist/npm/x-BkA0RvhX.js

@@ -0,0 +1,9 @@
+"use client";
+import { c as e } from "./index-BkmaVINv.js";
+const c = [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+], t = e("x", c);
+export {
+  t as X
+};

package/package.json

@@ -0,0 +1,95 @@
+{
+  "name": "@openfeed-ink/widget",
+  "version": "0.1.3",
+  "description": "Embeddable feedback, roadmap and changelog widget for OpenFeed — the open source alternative to Canny and Frill. One script tag. Full control from your dashboard.",
+  "author": {
+    "name": "Ali Amer",
+    "email": "aliamer19ali@gmail.com",
+    "url": "https://openfeed.ink"
+  },
+  "license": "AGPL-3.0-only",
+  "homepage": "https://openfeed.ink",
+  "main": "./dist/npm/index.js",
+  "module": "./dist/npm/index.js",
+  "types": "./dist/npm/index.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/OpenFeed-ink/openfeed-widget"
+  },
+  "bugs": {
+    "url": "https://github.com/OpenFeed-ink/openfeed-widget/issues"
+  },
+  "keywords": [
+    "feedback",
+    "feedback-widget",
+    "changelog",
+    "roadmap",
+    "feature-requests",
+    "upvoting",
+    "canny-alternative",
+    "frill-alternative",
+    "open-source",
+    "self-hosted",
+    "user-feedback",
+    "product-feedback",
+    "saas",
+    "widget",
+    "embeddable",
+    "react",
+    "typescript"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/npm/index.js",
+      "types": "./dist/npm/index.d.ts"
+    }
+  },
+  "files": [
+    "dist/npm",
+    "README.md",
+    "LICENSE"
+  ],
+  "private": false,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build --mode cdn && vite build --mode npm",
+    "lint": "eslint .",
+    "format": "prettier --write \"**/*.{ts,tsx}\"",
+    "typecheck": "tsc --noEmit",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@fontsource-variable/roboto": "^5.2.10",
+    "@tailwindcss/vite": "^4.1.17",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.577.0",
+    "radix-ui": "^1.4.3",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "shadcn": "^4.0.0",
+    "tailwind-merge": "^3.5.0",
+    "tailwindcss": "^4.1.17",
+    "tw-animate-css": "^1.4.0",
+    "vaul": "^1.1.2"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.39.1",
+    "@types/node": "^24.10.1",
+    "@types/react": "^19.2.5",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.1",
+    "eslint": "^9.39.1",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.24",
+    "globals": "^16.5.0",
+    "prettier": "^3.8.1",
+    "prettier-plugin-tailwindcss": "^0.7.2",
+    "rollup-plugin-visualizer": "^7.0.1",
+    "typescript": "~5.9.3",
+    "typescript-eslint": "^8.46.4",
+    "vite": "^7.2.4",
+    "vite-plugin-dts": "^4.5.4"
+  }
+}