@popgrids/embed 0.0.1 → 0.0.2

package/dist/lib/popup-auth.d.ts

@@ -0,0 +1,22 @@
+import { AuthUser } from '../types/models.js';
+export declare const EMBED_AUTH_SOURCE = "popgrids-embed";
+export declare const EMBED_AUTH_SUCCESS = "popgrids:auth:success";
+export declare const EMBED_AUTH_ERROR = "popgrids:auth:error";
+export declare const EMBED_AUTH_LOGIN_PATH = "/embed/auth/login";
+export declare const POPUP_NAME = "popgrids-auth";
+export declare const POPUP_FEATURES = "popup,width=480,height=640";
+export declare const AUTH_TIMEOUT_MS: number;
+export declare class PopupAuthError extends Error {
+    constructor(message: string);
+}
+export declare const buildEmbedLoginUrl: (apiUrl: string, publicKey: string, returnOrigin: string) => string;
+export declare const openPopgridsLoginPopup: (apiUrl: string, publicKey: string) => Window;
+export declare const waitForPopgridsAuth: (apiUrl: string, popup: Window, options?: {
+    onAuthUser?: (user: AuthUser) => void;
+    verifySignedIn?: () => Promise<boolean>;
+}) => Promise<void>;
+export declare const signInWithPopup: (apiUrl: string, publicKey: string, options?: {
+    onAuthUser?: (user: AuthUser) => void;
+    verifySignedIn?: () => Promise<boolean>;
+}) => Promise<void>;
+//# sourceMappingURL=popup-auth.d.ts.map

package/dist/lib/popup-auth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popup-auth.d.ts","sourceRoot":"","sources":["../../src/lib/popup-auth.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD,eAAO,MAAM,iBAAiB,mBAAmB,CAAC;AAClD,eAAO,MAAM,kBAAkB,0BAA0B,CAAC;AAC1D,eAAO,MAAM,gBAAgB,wBAAwB,CAAC;AAEtD,eAAO,MAAM,qBAAqB,sBAAsB,CAAC;AACzD,eAAO,MAAM,UAAU,kBAAkB,CAAC;AAC1C,eAAO,MAAM,cAAc,+BAA+B,CAAC;AAC3D,eAAO,MAAM,eAAe,QAAgB,CAAC;AAI7C,qBAAa,cAAe,SAAQ,KAAK;gBAC3B,OAAO,EAAE,MAAM;CAI5B;AAED,eAAO,MAAM,kBAAkB,GAC7B,QAAQ,MAAM,EACd,WAAW,MAAM,EACjB,cAAc,MAAM,WAMrB,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,QAAQ,MAAM,EAAE,WAAW,MAAM,WAYvE,CAAC;AAuCF,eAAO,MAAM,mBAAmB,GAC9B,QAAQ,MAAM,EACd,OAAO,MAAM,EACb,UAAU;IACR,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACtC,cAAc,CAAC,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;CACzC,kBA4FC,CAAC;AAEL,eAAO,MAAM,eAAe,GAC1B,QAAQ,MAAM,EACd,WAAW,MAAM,EACjB,UAAU;IACR,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACtC,cAAc,CAAC,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;CACzC,kBAIF,CAAC"}

package/dist/store/auth-store.d.ts

@@ -0,0 +1,8 @@
+import { AuthUser } from '../types/models.js';
+export declare const currentUser: import('@preact/signals-core').Signal<AuthUser | null>;
+export declare const authError: import('@preact/signals-core').Signal<string | null>;
+export declare const authPending: import('@preact/signals-core').Signal<boolean>;
+export declare function checkSession(apiUrl: string, publicKey: string, delays?: number[]): Promise<boolean>;
+export declare function requestSignIn(apiUrl: string, publicKey: string): Promise<boolean>;
+export declare function clearAuthError(): void;
+//# sourceMappingURL=auth-store.d.ts.map

package/dist/store/auth-store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-store.d.ts","sourceRoot":"","sources":["../../src/store/auth-store.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD,eAAO,MAAM,WAAW,wDAAgC,CAAC;AACzD,eAAO,MAAM,SAAS,sDAA8B,CAAC;AACrD,eAAO,MAAM,WAAW,gDAAgB,CAAC;AAKzC,wBAAsB,YAAY,CAChC,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,MAAM,EACjB,MAAM,GAAE,MAAM,EAA4B,GACzC,OAAO,CAAC,OAAO,CAAC,CAsClB;AAED,wBAAsB,aAAa,CACjC,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,MAAM,GAChB,OAAO,CAAC,OAAO,CAAC,CAwBlB;AAED,wBAAgB,cAAc,IAAI,IAAI,CAErC"}

package/dist/store/grid-store.d.ts

@@ -0,0 +1,45 @@
+import { Comment, CommentAuthor, Grid } from '../types/models.js';
+export declare class GridStore {
+    readonly apiUrl: string;
+    readonly publicKey: string;
+    readonly pageUrl: string;
+    readonly externalId: string | null;
+    readonly previewCount = 3;
+    grid: import('@preact/signals-core').Signal<Grid | null>;
+    comments: import('@preact/signals-core').Signal<Comment[]>;
+    loading: import('@preact/signals-core').Signal<boolean>;
+    error: import('@preact/signals-core').Signal<string | null>;
+    open: import('@preact/signals-core').Signal<boolean>;
+    replyingTo: import('@preact/signals-core').Signal<string | null>;
+    editingCommentId: import('@preact/signals-core').Signal<string | null>;
+    scrollingCommentId: import('@preact/signals-core').Signal<string | null>;
+    private socket;
+    private reconnectAttempt;
+    private reconnectTimer;
+    private disposed;
+    topLevelComments: import('@preact/signals-core').ReadonlySignal<Comment[]>;
+    replyingToComment: import('@preact/signals-core').ReadonlySignal<Comment | null>;
+    editingComment: import('@preact/signals-core').ReadonlySignal<Comment | null>;
+    previewComments: import('@preact/signals-core').ReadonlySignal<Comment[]>;
+    previewAvatars: import('@preact/signals-core').ReadonlySignal<CommentAuthor[]>;
+    constructor(opts: {
+        apiUrl: string;
+        publicKey: string;
+        pageUrl: string;
+        externalId?: string | null;
+    });
+    /** pageUrl + optional externalId — the params that identify the discussion. */
+    private identityParams;
+    repliesFor(parentId: string): Comment[];
+    load(): Promise<boolean>;
+    postComment(body: string, parentCommentId?: string): Promise<Comment | null>;
+    destroy(): void;
+    private connectRealtime;
+    private scheduleReconnect;
+    private upsertComment;
+    editComment(commentId: string, body: string): Promise<Comment | null>;
+    deleteComment(commentId: string): Promise<Comment | null>;
+    flagComment(commentId: string): Promise<boolean>;
+    private updateCommentInList;
+}
+//# sourceMappingURL=grid-store.d.ts.map

package/dist/store/grid-store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-store.d.ts","sourceRoot":"","sources":["../../src/store/grid-store.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAqBvE,qBAAa,SAAS;IACpB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,QAAQ,CAAC,YAAY,KAAyB;IAE9C,IAAI,qDAA6B;IACjC,QAAQ,mDAAyB;IACjC,OAAO,iDAAgB;IACvB,KAAK,uDAA+B;IACpC,IAAI,iDAAiB;IACrB,UAAU,uDAA+B;IACzC,gBAAgB,uDAA+B;IAC/C,kBAAkB,uDAA+B;IAEjD,OAAO,CAAC,MAAM,CAA0B;IACxC,OAAO,CAAC,gBAAgB,CAAK;IAC7B,OAAO,CAAC,cAAc,CAA8C;IACpE,OAAO,CAAC,QAAQ,CAAS;IAEzB,gBAAgB,2DAId;IAEF,iBAAiB,gEAId;IAEH,cAAc,gEAIX;IAEH,eAAe,2DAEb;IAEF,cAAc,iEAuBX;gBAES,IAAI,EAAE;QAChB,MAAM,EAAE,MAAM,CAAC;QACf,SAAS,EAAE,MAAM,CAAC;QAClB,OAAO,EAAE,MAAM,CAAC;QAChB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;KAC5B;IAOD,+EAA+E;IAC/E,OAAO,CAAC,cAAc;IAQtB,UAAU,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,EAAE;IAYjC,IAAI,IAAI,OAAO,CAAC,OAAO,CAAC;IAqCxB,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,eAAe,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;IA2ClF,OAAO,IAAI,IAAI;IAkBf,OAAO,CAAC,eAAe;IA4DvB,OAAO,CAAC,iBAAiB;IAczB,OAAO,CAAC,aAAa;IAUf,WAAW,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;IAgCrE,aAAa,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;IA6BzD,WAAW,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;IAuBtD,OAAO,CAAC,mBAAmB;CAG5B"}

package/dist/store/registry.d.ts

@@ -0,0 +1,5 @@
+export declare const registerStore: (el: Element, store: any, key?: any) => void;
+export declare const unregisterStore: (el: Element) => void;
+export declare const resolveStore: <T>(el: Element, key: any) => T | null;
+export declare function consume(storeKey: any): (target: any, propertyKey: string) => void;
+//# sourceMappingURL=registry.d.ts.map

package/dist/store/registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../src/store/registry.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,GAAI,IAAI,OAAO,EAAE,OAAO,GAAG,EAAE,MAAK,GAAuB,KAAG,IAOrF,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,IAAI,OAAO,KAAG,IAE7C,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,CAAC,EAAE,IAAI,OAAO,EAAE,KAAK,GAAG,KAAG,CAAC,GAAG,IAY3D,CAAC;AAEF,wBAAgB,OAAO,CAAC,QAAQ,EAAE,GAAG,IAClB,QAAQ,GAAG,EAAE,aAAa,MAAM,UAmBlD"}

package/dist/types/models.d.ts

@@ -0,0 +1,47 @@
+export interface CommentAuthor {
+    id: string;
+    image: string | null;
+    name: string | null;
+}
+export interface Comment {
+    id: string;
+    discussionId: string;
+    parentCommentId: string | null;
+    authorId: string | null;
+    authorDeleted?: boolean;
+    author: CommentAuthor | null;
+    body: string;
+    bodyFormat: string;
+    status: string;
+    depth: number;
+    sortKey: string;
+    deletedAt: string | number | null;
+    createdAt: string | number;
+    updatedAt: string | number;
+}
+export interface Grid {
+    id: string;
+    organizationId: string;
+    name: string;
+    slug: string;
+    publicKey: string;
+    origin: string;
+    align: "left" | "center" | "right" | null;
+    appearance: "light" | "dark" | "auto" | null;
+    icon: string | null;
+    layout: "sm" | "md" | "lg" | null;
+    position: "up" | "down" | "auto" | null;
+    previewCount: number | null;
+    rowSize: number | null;
+    status: string;
+    createdAt: string | number;
+    updatedAt: string | number;
+    connectUrl?: string;
+}
+export interface AuthUser {
+    id: string;
+    name: string;
+    email: string;
+    image: string | null;
+}
+//# sourceMappingURL=models.d.ts.map

package/dist/types/models.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"models.d.ts","sourceRoot":"","sources":["../../src/types/models.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,EAAE,aAAa,GAAG,IAAI,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAClC,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AAED,MAAM,WAAW,IAAI;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,IAAI,CAAC;IAC1C,UAAU,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC7C,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,MAAM,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAClC,QAAQ,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACxC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB"}

package/package.json

@@ -1,64 +1,74 @@
 {
   "name": "@popgrids/embed",
-  "description": "PopGrids Embeddable Objects",
-  "version": "0.0.1",
-  "private": false,
+  "description": "PopGrids embeddable discussion widget",
+  "version": "0.0.2",
   "type": "module",
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
+  "license": "MIT",
+  "author": "PopGrids",
+  "homepage": "https://github.com/popgrids/popgrids-embed#readme",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/popgrids/popgrids-turborepo.git"
+    "url": "git+https://github.com/popgrids/popgrids-embed.git"
   },
-  "author": "Popgrids",
-  "license": "UNLICENSED",
-  "publishConfig": {
-    "access": "public"
+  "bugs": {
+    "url": "https://github.com/popgrids/popgrids-embed/issues"
   },
+  "keywords": [
+    "popgrids",
+    "comments",
+    "discussion",
+    "widget",
+    "web-components",
+    "custom-elements",
+    "embed",
+    "typescript"
+  ],
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "unpkg": "./dist/embed.js",
+  "jsdelivr": "./dist/embed.js",
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
-    }
+      "require": "./dist/index.cjs"
+    },
+    "./embed": "./dist/embed.js",
+    "./package.json": "./package.json"
   },
   "files": [
-    "dist"
+    "dist",
+    "AGENTS.md"
   ],
-  "scripts": {
-    "build": "tsup",
-    "dev": "tsup --watch",
-    "clean": "rm -rf .turbo node_modules dist",
-    "lint": "eslint . --max-warnings 0",
-    "test": "web-test-runner src/**/*.test.ts --node-resolve",
-    "prepublishOnly": "npm run build"
+  "publishConfig": {
+    "access": "public"
   },
   "dependencies": {
     "@floating-ui/dom": "^1.6.13",
-    "@lit/context": "^1.1.4",
-    "@popgrids/theme": "*",
-    "@popgrids/ui": "*",
-    "@tiptap/core": "^2.11.7",
-    "@tiptap/extension-document": "^2.11.7",
-    "@tiptap/extension-mention": "^2.11.7",
-    "@tiptap/extension-paragraph": "^2.11.7",
-    "@tiptap/extension-placeholder": "^2.11.7",
-    "@tiptap/extension-text": "^2.11.7",
-    "@tiptap/extension-typography": "^2.11.7",
-    "@tiptap/pm": "^2.11.7",
-    "@tiptap/suggestion": "^2.11.7",
-    "lit": "^3.2.1",
-    "openapi-fetch": "^0.13.5"
+    "@preact/signals-core": "^1.8.0",
+    "composed-offset-position": "^0.0.6"
   },
   "devDependencies": {
-    "@open-wc/testing": "^4.0.0",
-    "@popgrids/eslint-config": "*",
-    "@popgrids/prettier-config": "*",
-    "@types/mocha": "^10.0.10",
-    "@web/dev-server-esbuild": "^1.0.4",
-    "@web/test-runner": "^0.20.0",
-    "composed-offset-position": "^0.0.6",
-    "openapi-typescript": "^7.6.1",
-    "tsup": "^8.4.0"
+    "@changesets/cli": "^2.31.0",
+    "concurrently": "^10.0.3",
+    "live-server": "^1.2.2",
+    "prettier": "^3.8.4",
+    "prettier-plugin-embed": "^0.5.1",
+    "typescript": "^5.7.0",
+    "vite": "^8.0.16",
+    "vite-plugin-dts": "^5.0.2"
+  },
+  "scripts": {
+    "build:lib": "vite build",
+    "build:embed": "vite build --config vite.embed.config.ts",
+    "build": "rm -rf dist && pnpm run build:lib && pnpm run build:embed",
+    "typecheck": "tsc --noEmit",
+    "dev": "concurrently -k \"vite build --watch\" \"vite build --config vite.embed.config.ts --watch\"",
+    "demo": "pnpm run build && npx serve . -p 5500 --cors",
+    "demo:dev": "concurrently -k \"pnpm run dev\" \"live-server --port=5500 --open=demo --watch=dist,demo\"",
+    "changeset": "changeset",
+    "changeset:version": "changeset version",
+    "clean": "rm -rf node_modules dist"
   }
-}
+}