@autono/pinbox-toolbar 0.1.0 → 0.7.0

package/dist/{index-ZR3JBQu-.d.ts → index-DnhwJYxE.d.ts}

@@ -82,6 +82,8 @@ declare const BaseElement: typeof HTMLElement;
 declare class PinboxToolbarElement extends BaseElement {
   #private;
   static readonly tagName = "pinbox-toolbar";
+  /** Watched so a config that arrives after insertion can still start the transport. */
+  static readonly observedAttributes: string[];
   readonly store: Store;
   /** Card → transport seam (wired by #startTransport once a config exists). */
   readonly actions: {
@@ -93,6 +95,13 @@ declare class PinboxToolbarElement extends BaseElement {
   configure(config: PinboxConfig): void;
   get config(): PinboxConfig | null;
   connectedCallback(): void;
+  /**
+   * Late-config rescue: an element inserted BEFORE its hub/token attributes were
+   * set connected configless and #startTransport bailed. Starting here the moment
+   * a config first exists keeps such an element from staying silently dead.
+   * Config is still read once — a running transport is never reconfigured.
+   */
+  attributeChangedCallback(): void;
   disconnectedCallback(): void;
 }
 //#endregion
@@ -196,6 +205,15 @@ interface PinboxConfig {
   anchorAttribute?: string;
   /** Reserved; the realtime topic is fixed server-side. */
   project?: string;
+  /**
+   * Attach a screenshot to new pins. Default true.
+   *
+   * Capturing one means asking the browser to share the tab, and that permission prompt is the
+   * first thing a visitor sees — fine in a project you already trust, hostile on a public page.
+   * Set false and pins ship with their structured capture (selector, markup, viewport) and no
+   * pixels.
+   */
+  screenshots?: boolean;
 }
 /** Register <pinbox-toolbar>; no-op outside a browser or when already defined. */
 declare function defineToolbarElement(): void;

package/dist/index.d.ts

@@ -1,2 +1,2 @@
-import { _ as applyHubEvent, a as HubEvent, b as upsertPin, c as WebSocketLike, d as PinboxToolbarElement, f as Draft, g as appendThreadMessage, h as UiStatus, i as ConnectionState, l as HubError, m as ToolbarState, n as PinboxConfig, o as HubTransport, p as Store, r as defineToolbarElement, s as TransportOptions, t as Pinbox, u as StorageLike, v as createStore, x as CaptureResult, y as deriveUiStatus } from "./index-ZR3JBQu-.js";
+import { _ as applyHubEvent, a as HubEvent, b as upsertPin, c as WebSocketLike, d as PinboxToolbarElement, f as Draft, g as appendThreadMessage, h as UiStatus, i as ConnectionState, l as HubError, m as ToolbarState, n as PinboxConfig, o as HubTransport, p as Store, r as defineToolbarElement, s as TransportOptions, t as Pinbox, u as StorageLike, v as createStore, x as CaptureResult, y as deriveUiStatus } from "./index-DnhwJYxE.js";
 export { type CaptureResult, type ConnectionState, type Draft, HubError, type HubEvent, HubTransport, Pinbox, PinboxConfig, PinboxToolbarElement, type StorageLike, type Store, type ToolbarState, type TransportOptions, type UiStatus, type WebSocketLike, appendThreadMessage, applyHubEvent, createStore, defineToolbarElement, deriveUiStatus, upsertPin };

package/dist/index.js

@@ -1,2 +1,2 @@
-import { a as HubError, c as createStore, i as HubTransport, l as deriveUiStatus, n as defineToolbarElement, o as appendThreadMessage, r as PinboxToolbarElement, s as applyHubEvent, t as Pinbox, u as upsertPin } from "./src-BoLg81_j.js";
+import { a as HubError, c as createStore, i as HubTransport, l as deriveUiStatus, n as defineToolbarElement, o as appendThreadMessage, r as PinboxToolbarElement, s as applyHubEvent, t as Pinbox, u as upsertPin } from "./src-D1qn1iet.js";
 export { HubError, HubTransport, Pinbox, PinboxToolbarElement, appendThreadMessage, applyHubEvent, createStore, defineToolbarElement, deriveUiStatus, upsertPin };

package/dist/plugins/vite.js

@@ -4,9 +4,11 @@ import { a as readHubToken, i as ensureHub, n as VIRTUAL_ID, r as resolveOptions
 * Build the module source injected into the dev page.
 *
 * The returned code imports the toolbar element for its side effect (custom element registration),
-* then appends a single `<pinbox-toolbar>` to `document.body` pointed at `hubUrl`. Re-running it
-* after an HMR update is a no-op: the existing element is reused and only its `hub`/`token`
-* attributes are refreshed (a token that disappeared is removed, never left stale).
+* then appends a single `<pinbox-toolbar>` to `document.body` pointed at `hubUrl`. Attributes are
+* set BEFORE the append: connectedCallback reads config synchronously on insertion, so an element
+* appended bare would start configless and never connect. Re-running the snippet after an HMR
+* update is a no-op: the existing element is reused and only its `hub`/`token` attributes are
+* refreshed (a token that disappeared is removed, never left stale).
 *
 * The bare `import "@autono/pinbox-toolbar"` below is a SIDE-EFFECT import — it registers the
 * custom element and binds no name. That is why package.json declares
@@ -33,13 +35,15 @@ const TOKEN = ${token === void 0 ? "null" : JSON.stringify(token)};
 
 function mount() {
   let el = document.querySelector(TAG);
-  if (!el) {
-    el = document.createElement(TAG);
-    document.body.appendChild(el);
-  }
+  const created = !el;
+  if (!el) el = document.createElement(TAG);
+  // Attributes BEFORE insertion: connectedCallback reads its config synchronously
+  // on append, so an element inserted bare starts configless and stays dead —
+  // the toolbar renders but silently drops every pin.
   el.setAttribute("hub", HUB);
   if (TOKEN === null) el.removeAttribute("token");
   else el.setAttribute("token", TOKEN);
+  if (created) document.body.appendChild(el);
 }
 
 if (document.readyState === "loading") {

package/dist/react.d.ts

@@ -1,4 +1,4 @@
-import { n as PinboxConfig } from "./index-ZR3JBQu-.js";
+import { n as PinboxConfig } from "./index-DnhwJYxE.js";
 import { ReactElement } from "react";
 //#region src/react.d.ts
 /**

package/dist/react.js

@@ -1,4 +1,4 @@
-import { n as defineToolbarElement, r as PinboxToolbarElement } from "./src-BoLg81_j.js";
+import { n as defineToolbarElement, r as PinboxToolbarElement } from "./src-D1qn1iet.js";
 import { createElement, useEffect, useRef } from "react";
 //#region src/react.ts
 /**