@mindbowser_inc/ui-feedback-plugin 0.1.0 → 0.2.0

package/README.md

@@ -8,9 +8,7 @@ A drop-in floating widget for collecting annotated UI feedback on web prototypes
 - Full-page screenshots with annotations
 - Comment threads with replies
 - Open / Resolved filter
-- Real-time sync across tabs
-- Firebase **or** Supabase backend
-- S3 screenshot storage via a backend proxy
+- Three fully independent backend options
 
 ---
 
@@ -22,22 +20,34 @@ npm install @mindbowser_inc/ui-feedback-plugin
 
 ---
 
-## Quick start
+## Backends
 
-### With Firebase
+Choose **one** backend. They are fully independent — no mixing required.
+
+| Backend | Database | Screenshot storage | Real-time |
+|---|---|---|---|
+| **Firebase** | Firestore | Firebase Storage | Yes (onSnapshot) |
+| **Supabase** | Postgres | Supabase Storage | Yes (Realtime) |
+| **AWS S3** | JSON files in S3 | S3 | Polling (5s default) |
+
+---
+
+## Firebase
+
+Firestore stores comments and replies. Firebase Storage holds screenshots.
 
 ```js
 import { initFeedbackPlugin } from '@mindbowser_inc/ui-feedback-plugin'
 
 initFeedbackPlugin({
-  database: {
+  backend: {
     provider: 'firebase',
-    apiKey: process.env.FIREBASE_API_KEY,
-    authDomain: process.env.FIREBASE_AUTH_DOMAIN,
-    projectId: process.env.FIREBASE_PROJECT_ID,
-    storageBucket: process.env.FIREBASE_STORAGE_BUCKET,
+    apiKey:            process.env.FIREBASE_API_KEY,
+    authDomain:        process.env.FIREBASE_AUTH_DOMAIN,
+    projectId:         process.env.FIREBASE_PROJECT_ID,
+    storageBucket:     process.env.FIREBASE_STORAGE_BUCKET,
     messagingSenderId: process.env.FIREBASE_MESSAGING_SENDER_ID,
-    appId: process.env.FIREBASE_APP_ID,
+    appId:             process.env.FIREBASE_APP_ID,
   },
   projectKey: 'my-project',
 })
@@ -45,24 +55,28 @@ initFeedbackPlugin({
 
 > The Firebase API key is a **public identifier**, not a secret. Secure your data with [Firebase Security Rules](https://firebase.google.com/docs/rules).
 
-### With Supabase
+---
+
+## Supabase
+
+Postgres stores comments and replies. Supabase Storage holds screenshots.
 
 ```js
 import { initFeedbackPlugin } from '@mindbowser_inc/ui-feedback-plugin'
 
 initFeedbackPlugin({
-  database: {
+  backend: {
     provider: 'supabase',
-    url: process.env.SUPABASE_URL,
+    url:     process.env.SUPABASE_URL,
     anonKey: process.env.SUPABASE_ANON_KEY,
   },
   projectKey: 'my-project',
 })
 ```
 
-> The Supabase `anonKey` is a **public key by design**. Secure your data with [Row Level Security (RLS)](https://supabase.com/docs/guides/auth/row-level-security) policies.
+> The Supabase `anonKey` is a **public key by design**. Secure your data with [Row Level Security (RLS)](https://supabase.com/docs/guides/auth/row-level-security).
 
-**Supabase setup** — run this SQL in your Supabase SQL editor:
+**Required SQL** — run this in your Supabase SQL editor once:
 
 ```sql
 create table if not exists ufp_comments (
@@ -76,7 +90,6 @@ create table if not exists ufp_comments (
   resolved boolean default false,
   created_at bigint not null
 );
-
 create table if not exists ufp_replies (
   id uuid primary key default gen_random_uuid(),
   comment_id uuid not null references ufp_comments(id) on delete cascade,
@@ -84,19 +97,16 @@ create table if not exists ufp_replies (
   text text not null,
   created_at bigint not null
 );
-
 alter table ufp_comments enable row level security;
 alter table ufp_replies enable row level security;
 create policy "ufp_comments_all" on ufp_comments for all using (true) with check (true);
 create policy "ufp_replies_all" on ufp_replies for all using (true) with check (true);
-
 grant select, insert, update, delete on ufp_comments to anon;
 grant select, insert, update, delete on ufp_replies to anon;
-
 alter publication supabase_realtime add table ufp_comments;
 ```
 
-Then create a **public** Storage bucket named `ufp-screenshots` and add these policies:
+Then in **Storage**, create a public bucket named `ufp-screenshots` and add:
 
 ```sql
 create policy "ufp_storage_insert" on storage.objects for insert to anon with check (bucket_id = 'ufp-screenshots');
@@ -106,27 +116,39 @@ create policy "ufp_storage_update" on storage.objects for update to anon using (
 
 ---
 
-## S3 screenshot storage
+## AWS S3
+
+Everything — comments, replies, and screenshots — lives in S3 as JSON/image files. No Firebase or Supabase needed.
 
-Store screenshots in S3 while keeping your database on Firebase or Supabase. **AWS credentials must never appear in frontend code** — provide a backend proxy endpoint instead.
+**AWS credentials must never appear in frontend code.** This adapter calls your own backend API, which holds the credentials and talks to S3.
 
 ```js
+import { initFeedbackPlugin } from '@mindbowser_inc/ui-feedback-plugin'
+
 initFeedbackPlugin({
-  database: {
-    provider: 'supabase',
-    url: process.env.SUPABASE_URL,
-    anonKey: process.env.SUPABASE_ANON_KEY,
-  },
-  screenshots: {
-    provider: 's3',
-    uploadEndpoint: 'https://your-api.com/upload-screenshot',
-    headers: { Authorization: 'Bearer your-internal-token' },
+  backend: {
+    provider:     's3',
+    apiUrl:       'https://your-api.com/ufp',   // your backend base URL
+    headers:      { Authorization: 'Bearer your-internal-token' },
+    pollInterval: 5000,  // ms between comment refreshes (default: 5000)
   },
   projectKey: 'my-project',
 })
 ```
 
-Your endpoint receives `POST { commentId: string, imageData: string }` (base64) and must return `{ url: string }`. See the [minimal Node/Express example](src/adapters/s3.ts).
+**Your backend must expose these endpoints:**
+
+| Method | Path | Body | Returns |
+|---|---|---|---|
+| GET | `/comments?pageUrl=...&projectKey=...` | — | `FeedbackComment[]` |
+| POST | `/comments` | `FeedbackComment` (no id) | `{ id: string }` |
+| PUT | `/comments/:id` | `Partial<FeedbackComment>` | `200` |
+| DELETE | `/comments/:id` | — | `200` |
+| GET | `/replies?commentId=...` | — | `Reply[]` |
+| POST | `/replies` | `Reply` (no id) | `{ id: string }` |
+| POST | `/screenshots` | `{ commentId, imageData }` (base64) | `{ url: string }` |
+
+A full Node.js/Express reference server is included as comments inside [`src/adapters/s3.ts`](src/adapters/s3.ts).
 
 ---
 
@@ -134,23 +156,22 @@ Your endpoint receives `POST { commentId: string, imageData: string }` (base64)
 
 ```ts
 initFeedbackPlugin({
-  database: FirebaseProviderConfig | SupabaseProviderConfig   // required
-  screenshots?: 'firebase' | 'supabase' | S3ScreenshotConfig // optional, defaults to same as database
-  projectKey?: string        // namespace comments per project (default: 'default')
-  position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left'  // default: 'bottom-right'
-  theme?: { primaryColor?: string }  // default: '#6366f1'
+  backend:    FirebaseProviderConfig | SupabaseProviderConfig | S3ProviderConfig  // required
+  projectKey?: string          // namespace comments per project (default: 'default')
+  position?:  'bottom-right' | 'bottom-left' | 'top-right' | 'top-left'
+  theme?:     { primaryColor?: string }   // default: '#6366f1'
 })
 ```
 
 ---
 
-## Usage in plain HTML (UMD)
+## Plain HTML (UMD / CDN)
 
 ```html
 <script src="https://unpkg.com/@mindbowser_inc/ui-feedback-plugin/dist/ui-feedback-plugin.umd.js"></script>
 <script>
   UIFeedbackPlugin.initFeedbackPlugin({
-    database: { provider: 'supabase', url: '...', anonKey: '...' },
+    backend: { provider: 'supabase', url: '...', anonKey: '...' },
     projectKey: 'my-project',
   })
 </script>

package/dist/index.d.ts

@@ -1,16 +1,15 @@
-declare type DatabaseConfig = FirebaseProviderConfig | SupabaseProviderConfig;
+declare type BackendConfig = FirebaseProviderConfig | SupabaseProviderConfig | S3ProviderConfig;
 
+/**
+ * Firebase backend — Firestore for comments/replies, Firebase Storage for screenshots.
+ * The API key is a public identifier, not a secret. Secure data with Firebase Security Rules.
+ */
 declare interface FirebaseProviderConfig {
     provider: 'firebase';
-    /**
-     * Firebase API key. This is a public identifier — not a secret.
-     * Secure your data with Firebase Security Rules.
-     * Store in an environment variable (VITE_FIREBASE_API_KEY, REACT_APP_FIREBASE_API_KEY, etc.)
-     */
     apiKey: string;
     authDomain: string;
     projectId: string;
-    /** Required when using Firebase Storage for screenshots. */
+    /** Required for screenshot storage. */
     storageBucket?: string;
     messagingSenderId?: string;
     appId?: string;
@@ -19,15 +18,14 @@ declare interface FirebaseProviderConfig {
 export declare function initFeedbackPlugin(config: PluginConfig): () => void;
 
 export declare interface PluginConfig {
-    /** Database provider for storing comments and replies. */
-    database: DatabaseConfig;
     /**
-     * Screenshot storage provider.
-     * Defaults to the same provider as `database`.
-     * Use `s3` to keep screenshots off Firebase/Supabase.
+     * Storage backend. Pick one:
+     * - `firebase`  — Firestore + Firebase Storage
+     * - `supabase`  — Postgres + Supabase Storage
+     * - `s3`        — Everything in AWS S3 via your backend API (no Firebase/Supabase needed)
      */
-    screenshots?: ScreenshotConfig;
-    /** Namespace comments by project. Use this when multiple prototypes share a backend. */
+    backend: BackendConfig;
+    /** Namespace comments by project (default: 'default'). */
     projectKey?: string;
     position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
     theme?: {
@@ -36,37 +34,34 @@ export declare interface PluginConfig {
 }
 
 /**
- * S3 screenshot storage via a backend proxy endpoint.
- * NEVER pass AWS credentials to the frontend — your backend holds those.
- * Your endpoint receives { commentId, imageData } and returns { url }.
+ * AWS S3 backend — all data (comments, replies, screenshots) stored in S3.
+ * No Firebase or Supabase needed.
+ *
+ * AWS credentials MUST stay on your server — this adapter calls your backend API,
+ * which in turn reads/writes S3. See src/adapters/s3.ts for the required API contract
+ * and a full Node.js/Express reference implementation.
  */
-declare interface S3ScreenshotConfig {
+declare interface S3ProviderConfig {
     provider: 's3';
-    /** Your backend endpoint that accepts the screenshot and returns { url: string } */
-    uploadEndpoint: string;
-    /** Optional headers (e.g. an authorization token for your own backend) */
+    /** Base URL of your backend API (e.g. https://your-api.com/ufp). No trailing slash. */
+    apiUrl: string;
+    /** Optional headers sent with every request (e.g. { Authorization: 'Bearer token' }). */
     headers?: Record<string, string>;
+    /**
+     * How often (ms) to poll for new comments. S3 has no real-time push.
+     * Default: 5000 (5 seconds).
+     */
+    pollInterval?: number;
 }
 
 /**
- * Controls where screenshots are stored.
- * - `'firebase'` / `'supabase'`: reuse the same provider configured in `database`
- * - `'s3'`: forward screenshots to your own backend proxy (AWS credentials stay on your server)
+ * Supabase backend — Postgres for comments/replies, Supabase Storage for screenshots.
+ * The anonKey is a public key by design. Secure data with Row Level Security (RLS) policies.
+ * See src/adapters/supabase.ts for the required SQL setup.
  */
-declare type ScreenshotConfig = {
-    provider: 'firebase';
-} | {
-    provider: 'supabase';
-} | S3ScreenshotConfig;
-
 declare interface SupabaseProviderConfig {
     provider: 'supabase';
     url: string;
-    /**
-     * Supabase anon key. This is a public key — not a secret.
-     * Secure your data with Supabase Row Level Security (RLS) policies.
-     * Store in an environment variable.
-     */
     anonKey: string;
 }
 

package/dist/s3-4V57aJiZ.mjs

@@ -0,0 +1,66 @@
+var c = Object.defineProperty;
+var l = (r, e, t) => e in r ? c(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
+var n = (r, e, t) => l(r, typeof e != "symbol" ? e + "" : e, t);
+class d {
+  constructor(e, t = {}, s = 5e3) {
+    n(this, "base");
+    n(this, "headers");
+    n(this, "pollInterval");
+    this.base = e.replace(/\/$/, ""), this.headers = t, this.pollInterval = s;
+  }
+  async req(e, t, s) {
+    const a = await fetch(`${this.base}${t}`, {
+      method: e,
+      headers: { "Content-Type": "application/json", ...this.headers },
+      body: s !== void 0 ? JSON.stringify(s) : void 0
+    });
+    if (!a.ok)
+      throw new Error(`[ui-feedback-plugin] S3 API ${e} ${t} → ${a.status} ${a.statusText}`);
+    if (e !== "DELETE")
+      return a.json();
+  }
+  async addComment(e) {
+    return (await this.req("POST", "/comments", e)).id;
+  }
+  async getComments(e, t) {
+    const s = new URLSearchParams({ pageUrl: e, projectKey: t });
+    return this.req("GET", `/comments?${s}`);
+  }
+  async updateComment(e, t) {
+    await this.req("PUT", `/comments/${e}`, t);
+  }
+  async deleteComment(e) {
+    await this.req("DELETE", `/comments/${e}`);
+  }
+  async addReply(e) {
+    return (await this.req("POST", "/replies", e)).id;
+  }
+  async getReplies(e) {
+    return this.req("GET", `/replies?commentId=${encodeURIComponent(e)}`);
+  }
+  subscribeToComments(e, t, s) {
+    let a = !0;
+    const o = async () => {
+      if (a) {
+        try {
+          const i = await this.getComments(e, t);
+          a && s(i);
+        } catch (i) {
+          console.error("[ui-feedback-plugin] S3 poll error:", i);
+        }
+        a && setTimeout(o, this.pollInterval);
+      }
+    };
+    return o(), () => {
+      a = !1;
+    };
+  }
+  async uploadScreenshot(e, t) {
+    const s = t.includes(",") ? t.split(",")[1] : t;
+    return (await this.req("POST", "/screenshots", { commentId: e, imageData: s })).url;
+  }
+}
+export {
+  d as S3Adapter
+};
+//# sourceMappingURL=s3-4V57aJiZ.mjs.map

package/dist/s3-4V57aJiZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"s3-4V57aJiZ.mjs","sources":["../src/adapters/s3.ts"],"sourcesContent":["/**\n * AWS S3 adapter — stores everything (comments, replies, screenshots) via your backend API.\n * AWS credentials live on YOUR server; this adapter only calls HTTP endpoints.\n *\n * ── Required API contract ─────────────────────────────────────────────────────\n *\n *   GET  {apiUrl}/comments?pageUrl=...&projectKey=...  → FeedbackComment[]\n *   POST {apiUrl}/comments                             → { id: string }\n *   PUT  {apiUrl}/comments/:id                        → 200\n *   DELETE {apiUrl}/comments/:id                      → 200\n *\n *   GET  {apiUrl}/replies?commentId=...               → Reply[]\n *   POST {apiUrl}/replies                             → { id: string }\n *\n *   POST {apiUrl}/screenshots                         → { url: string }\n *        body: { commentId: string, imageData: string (base64) }\n *\n * ── Minimal Node.js / Express reference server ────────────────────────────────\n *\n *   const express = require('express')\n *   const { S3Client, PutObjectCommand, GetObjectCommand,\n *           DeleteObjectCommand, ListObjectsV2Command } = require('@aws-sdk/client-s3')\n *   const { v4: uuidv4 } = require('uuid')\n *   const crypto = require('crypto')\n *\n *   const s3 = new S3Client({ region: process.env.AWS_REGION })\n *   const BUCKET = process.env.S3_BUCKET\n *   const app = express()\n *   app.use(express.json({ limit: '10mb' }))\n *\n *   const hashUrl = (url) => crypto.createHash('md5').update(url).digest('hex')\n *\n *   async function s3Get(key) {\n *     const r = await s3.send(new GetObjectCommand({ Bucket: BUCKET, Key: key }))\n *     return JSON.parse(await r.Body.transformToString())\n *   }\n *   async function s3Put(key, data, contentType = 'application/json') {\n *     const body = typeof data === 'string' ? data : JSON.stringify(data)\n *     await s3.send(new PutObjectCommand({ Bucket: BUCKET, Key: key, Body: body, ContentType: contentType }))\n *   }\n *   async function s3List(prefix) {\n *     const r = await s3.send(new ListObjectsV2Command({ Bucket: BUCKET, Prefix: prefix }))\n *     return r.Contents ?? []\n *   }\n *\n *   // Comments\n *   app.get('/ufp/comments', async (req, res) => {\n *     const { pageUrl, projectKey } = req.query\n *     const prefix = `comments/${projectKey}/${hashUrl(pageUrl)}/`\n *     const items = await s3List(prefix)\n *     const comments = await Promise.all(items.map(i => s3Get(i.Key)))\n *     res.json(comments.sort((a, b) => b.createdAt - a.createdAt))\n *   })\n *\n *   app.post('/ufp/comments', async (req, res) => {\n *     const comment = req.body\n *     const id = uuidv4()\n *     const key = `comments/${comment.projectKey}/${hashUrl(comment.pageUrl)}/${id}.json`\n *     await s3Put(key, { id, ...comment })\n *     res.json({ id })\n *   })\n *\n *   app.put('/ufp/comments/:id', async (req, res) => {\n *     // Requires you to store a separate index: id → s3 key\n *     // Simplest: scan prefix and find matching id\n *     const { id } = req.params\n *     const allPrefixes = await s3List('comments/')\n *     const match = allPrefixes.find(i => i.Key.endsWith(`/${id}.json`))\n *     if (!match) return res.status(404).end()\n *     const existing = await s3Get(match.Key)\n *     await s3Put(match.Key, { ...existing, ...req.body })\n *     res.status(200).end()\n *   })\n *\n *   app.delete('/ufp/comments/:id', async (req, res) => {\n *     const { id } = req.params\n *     const allItems = await s3List('comments/')\n *     const match = allItems.find(i => i.Key.endsWith(`/${id}.json`))\n *     if (match) await s3.send(new DeleteObjectCommand({ Bucket: BUCKET, Key: match.Key }))\n *     // Also delete replies\n *     const replies = await s3List(`replies/${id}/`)\n *     await Promise.all(replies.map(i => s3.send(new DeleteObjectCommand({ Bucket: BUCKET, Key: i.Key }))))\n *     res.status(200).end()\n *   })\n *\n *   // Replies\n *   app.get('/ufp/replies', async (req, res) => {\n *     const { commentId } = req.query\n *     const items = await s3List(`replies/${commentId}/`)\n *     const replies = await Promise.all(items.map(i => s3Get(i.Key)))\n *     res.json(replies.sort((a, b) => a.createdAt - b.createdAt))\n *   })\n *\n *   app.post('/ufp/replies', async (req, res) => {\n *     const reply = req.body\n *     const id = uuidv4()\n *     await s3Put(`replies/${reply.commentId}/${id}.json`, { id, ...reply })\n *     res.json({ id })\n *   })\n *\n *   // Screenshots\n *   app.post('/ufp/screenshots', async (req, res) => {\n *     const { commentId, imageData } = req.body\n *     const buffer = Buffer.from(imageData, 'base64')\n *     const key = `screenshots/${commentId}.png`\n *     await s3.send(new PutObjectCommand({\n *       Bucket: BUCKET, Key: key, Body: buffer,\n *       ContentType: 'image/png',\n *     }))\n *     res.json({ url: `https://${BUCKET}.s3.${process.env.AWS_REGION}.amazonaws.com/${key}` })\n *   })\n *\n *   app.listen(3001, () => console.log('UFP S3 API running on :3001'))\n */\nimport type { FeedbackComment, Reply, DatabaseAdapter, ScreenshotAdapter } from '../core/types'\n\nexport class S3Adapter implements DatabaseAdapter, ScreenshotAdapter {\n  private base: string\n  private headers: Record<string, string>\n  private pollInterval: number\n\n  constructor(apiUrl: string, headers: Record<string, string> = {}, pollInterval = 5000) {\n    this.base = apiUrl.replace(/\\/$/, '')\n    this.headers = headers\n    this.pollInterval = pollInterval\n  }\n\n  private async req<T>(method: string, path: string, body?: unknown): Promise<T> {\n    const res = await fetch(`${this.base}${path}`, {\n      method,\n      headers: { 'Content-Type': 'application/json', ...this.headers },\n      body: body !== undefined ? JSON.stringify(body) : undefined,\n    })\n    if (!res.ok) {\n      throw new Error(`[ui-feedback-plugin] S3 API ${method} ${path} → ${res.status} ${res.statusText}`)\n    }\n    // DELETE returns 200 with no body\n    if (method === 'DELETE') return undefined as T\n    return res.json() as Promise<T>\n  }\n\n  async addComment(comment: Omit<FeedbackComment, 'id'>): Promise<string> {\n    const data = await this.req<{ id: string }>('POST', '/comments', comment)\n    return data.id\n  }\n\n  async getComments(pageUrl: string, projectKey: string): Promise<FeedbackComment[]> {\n    const params = new URLSearchParams({ pageUrl, projectKey })\n    return this.req<FeedbackComment[]>('GET', `/comments?${params}`)\n  }\n\n  async updateComment(id: string, data: Partial<FeedbackComment>): Promise<void> {\n    await this.req('PUT', `/comments/${id}`, data)\n  }\n\n  async deleteComment(id: string): Promise<void> {\n    await this.req('DELETE', `/comments/${id}`)\n  }\n\n  async addReply(reply: Omit<Reply, 'id'>): Promise<string> {\n    const data = await this.req<{ id: string }>('POST', '/replies', reply)\n    return data.id\n  }\n\n  async getReplies(commentId: string): Promise<Reply[]> {\n    return this.req<Reply[]>('GET', `/replies?commentId=${encodeURIComponent(commentId)}`)\n  }\n\n  subscribeToComments(\n    pageUrl: string,\n    projectKey: string,\n    callback: (comments: FeedbackComment[]) => void\n  ): () => void {\n    let active = true\n\n    const poll = async () => {\n      if (!active) return\n      try {\n        const comments = await this.getComments(pageUrl, projectKey)\n        if (active) callback(comments)\n      } catch (err) {\n        console.error('[ui-feedback-plugin] S3 poll error:', err)\n      }\n      if (active) setTimeout(poll, this.pollInterval)\n    }\n\n    poll()\n    return () => { active = false }\n  }\n\n  async uploadScreenshot(commentId: string, dataUrl: string): Promise<string> {\n    const imageData = dataUrl.includes(',') ? dataUrl.split(',')[1] : dataUrl\n    const data = await this.req<{ url: string }>('POST', '/screenshots', { commentId, imageData })\n    return data.url\n  }\n}\n"],"names":["S3Adapter","apiUrl","headers","pollInterval","__publicField","method","path","body","res","comment","pageUrl","projectKey","params","id","data","reply","commentId","callback","active","poll","comments","err","dataUrl","imageData"],"mappings":";;;AAoHO,MAAMA,EAAwD;AAAA,EAKnE,YAAYC,GAAgBC,IAAkC,CAAA,GAAIC,IAAe,KAAM;AAJ/E,IAAAC,EAAA;AACA,IAAAA,EAAA;AACA,IAAAA,EAAA;AAGN,SAAK,OAAOH,EAAO,QAAQ,OAAO,EAAE,GACpC,KAAK,UAAUC,GACf,KAAK,eAAeC;AAAA,EACtB;AAAA,EAEA,MAAc,IAAOE,GAAgBC,GAAcC,GAA4B;AAC7E,UAAMC,IAAM,MAAM,MAAM,GAAG,KAAK,IAAI,GAAGF,CAAI,IAAI;AAAA,MAC7C,QAAAD;AAAA,MACA,SAAS,EAAE,gBAAgB,oBAAoB,GAAG,KAAK,QAAA;AAAA,MACvD,MAAME,MAAS,SAAY,KAAK,UAAUA,CAAI,IAAI;AAAA,IAAA,CACnD;AACD,QAAI,CAACC,EAAI;AACP,YAAM,IAAI,MAAM,+BAA+BH,CAAM,IAAIC,CAAI,MAAME,EAAI,MAAM,IAAIA,EAAI,UAAU,EAAE;AAGnG,QAAIH,MAAW;AACf,aAAOG,EAAI,KAAA;AAAA,EACb;AAAA,EAEA,MAAM,WAAWC,GAAuD;AAEtE,YADa,MAAM,KAAK,IAAoB,QAAQ,aAAaA,CAAO,GAC5D;AAAA,EACd;AAAA,EAEA,MAAM,YAAYC,GAAiBC,GAAgD;AACjF,UAAMC,IAAS,IAAI,gBAAgB,EAAE,SAAAF,GAAS,YAAAC,GAAY;AAC1D,WAAO,KAAK,IAAuB,OAAO,aAAaC,CAAM,EAAE;AAAA,EACjE;AAAA,EAEA,MAAM,cAAcC,GAAYC,GAA+C;AAC7E,UAAM,KAAK,IAAI,OAAO,aAAaD,CAAE,IAAIC,CAAI;AAAA,EAC/C;AAAA,EAEA,MAAM,cAAcD,GAA2B;AAC7C,UAAM,KAAK,IAAI,UAAU,aAAaA,CAAE,EAAE;AAAA,EAC5C;AAAA,EAEA,MAAM,SAASE,GAA2C;AAExD,YADa,MAAM,KAAK,IAAoB,QAAQ,YAAYA,CAAK,GACzD;AAAA,EACd;AAAA,EAEA,MAAM,WAAWC,GAAqC;AACpD,WAAO,KAAK,IAAa,OAAO,sBAAsB,mBAAmBA,CAAS,CAAC,EAAE;AAAA,EACvF;AAAA,EAEA,oBACEN,GACAC,GACAM,GACY;AACZ,QAAIC,IAAS;AAEb,UAAMC,IAAO,YAAY;AACvB,UAAKD,GACL;AAAA,YAAI;AACF,gBAAME,IAAW,MAAM,KAAK,YAAYV,GAASC,CAAU;AAC3D,UAAIO,OAAiBE,CAAQ;AAAA,QAC/B,SAASC,GAAK;AACZ,kBAAQ,MAAM,uCAAuCA,CAAG;AAAA,QAC1D;AACA,QAAIH,KAAQ,WAAWC,GAAM,KAAK,YAAY;AAAA;AAAA,IAChD;AAEA,WAAAA,EAAA,GACO,MAAM;AAAE,MAAAD,IAAS;AAAA,IAAM;AAAA,EAChC;AAAA,EAEA,MAAM,iBAAiBF,GAAmBM,GAAkC;AAC1E,UAAMC,IAAYD,EAAQ,SAAS,GAAG,IAAIA,EAAQ,MAAM,GAAG,EAAE,CAAC,IAAIA;AAElE,YADa,MAAM,KAAK,IAAqB,QAAQ,gBAAgB,EAAE,WAAAN,GAAW,WAAAO,GAAW,GACjF;AAAA,EACd;AACF;"}