@semiont/react-ui 0.5.10 → 0.5.12

package/dist/{chunk-O2MD7TGE.js → chunk-VXASXU4K.js}

@@ -34,9 +34,17 @@ async function renderPdfPageToDataUrl(page, scale = 1) {
   };
 }
 
+// src/lib/anchor-rect.ts
+function toViewportAnchorRect(origin, x, y, width, height) {
+  const left = origin.left + x;
+  const top = origin.top + y;
+  return { x: left, y: top, width, height, top, right: left + width, bottom: top + height, left };
+}
+
 export {
   setPdfWorkerSrc,
   loadPdfDocument,
-  renderPdfPageToDataUrl
+  renderPdfPageToDataUrl,
+  toViewportAnchorRect
 };
-//# sourceMappingURL=chunk-O2MD7TGE.js.map
+//# sourceMappingURL=chunk-VXASXU4K.js.map

package/dist/chunk-VXASXU4K.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/browser-pdfjs.ts","../src/lib/anchor-rect.ts"],"sourcesContent":["/**\n * Browser PDF.js — bundled from the npm `pdfjs-dist` (v6) package, loaded\n * lazily.\n *\n * pdf.js (the ~300 kB display layer) is pulled in via a dynamic `import()` the\n * first time a PDF is actually opened, so it is code-split out of the main app\n * bundle — restoring the lazy-load behaviour the old CDN loader had. Only the\n * pdf.js *types* are imported statically (erased at build time, zero runtime\n * cost).\n *\n * The worker can't be resolved inside this tsup-built library (Vite's `?url`\n * lives in the app), so the host hands us the worker URL via `setPdfWorkerSrc`\n * once at startup; it is applied to `GlobalWorkerOptions` when pdf.js loads.\n * See `apps/frontend/src/main.tsx`.\n */\nimport type { PDFDocumentProxy, PDFPageProxy } from 'pdfjs-dist';\n\nexport type { PDFDocumentProxy };\n\nlet workerSrc: string | undefined;\n\n/**\n * Supply the (Vite-resolved) pdf.js worker URL. Call once at app startup,\n * before any PDF is opened.\n */\nexport function setPdfWorkerSrc(src: string): void {\n  workerSrc = src;\n}\n\nlet pdfjsPromise: Promise<typeof import('pdfjs-dist')> | undefined;\n\n/** Lazy-load pdf.js once, applying the worker URL on first load. */\nasync function getPdfjs(): Promise<typeof import('pdfjs-dist')> {\n  if (!pdfjsPromise) {\n    pdfjsPromise = import('pdfjs-dist').then((pdfjsLib) => {\n      if (workerSrc) {\n        pdfjsLib.GlobalWorkerOptions.workerSrc = workerSrc;\n      }\n      return pdfjsLib;\n    });\n  }\n  return pdfjsPromise;\n}\n\n/**\n * Load a PDF document from a URL. The URL must carry auth (e.g. `?token=…`);\n * pdf.js streams the document directly.\n */\nexport async function loadPdfDocument(url: string): Promise<PDFDocumentProxy> {\n  const pdfjsLib = await getPdfjs();\n  return pdfjsLib.getDocument({ url }).promise;\n}\n\n/**\n * Render a PDF page to a PNG data URL. The `page` is already loaded (its owning\n * document came from `loadPdfDocument`), so no pdf.js import is needed here.\n */\nexport async function renderPdfPageToDataUrl(\n  page: PDFPageProxy,\n  scale = 1.0,\n): Promise<{ dataUrl: string; width: number; height: number }> {\n  const viewport = page.getViewport({ scale });\n\n  const canvas = document.createElement('canvas');\n  canvas.width = viewport.width;\n  canvas.height = viewport.height;\n\n  // pdf.js 6 requires the `canvas` parameter; `canvasContext` is deprecated.\n  await page.render({ canvas, viewport }).promise;\n\n  return {\n    dataUrl: canvas.toDataURL('image/png'),\n    width: viewport.width,\n    height: viewport.height,\n  };\n}\n","import type { AnchorRect } from '@semiont/core';\n\n/**\n * Convert a rect in element-local display coordinates to a viewport-space\n * AnchorRect, offset by the element's own viewport position. Used by the\n * canvas hit-tests (image / PDF), whose annotation geometry lives in display\n * coordinates rather than on a DOM element.\n */\nexport function toViewportAnchorRect(\n  origin: { left: number; top: number },\n  x: number,\n  y: number,\n  width: number,\n  height: number,\n): AnchorRect {\n  const left = origin.left + x;\n  const top = origin.top + y;\n  return { x: left, y: top, width, height, top, right: left + width, bottom: top + height, left };\n}\n"],"mappings":";;;AAmBA,IAAI;AAMG,SAAS,gBAAgB,KAAmB;AACjD,cAAY;AACd;AAEA,IAAI;AAGJ,eAAe,WAAiD;AAC9D,MAAI,CAAC,cAAc;AACjB,mBAAe,OAAO,YAAY,EAAE,KAAK,CAAC,aAAa;AACrD,UAAI,WAAW;AACb,iBAAS,oBAAoB,YAAY;AAAA,MAC3C;AACA,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AACA,SAAO;AACT;AAMA,eAAsB,gBAAgB,KAAwC;AAC5E,QAAM,WAAW,MAAM,SAAS;AAChC,SAAO,SAAS,YAAY,EAAE,IAAI,CAAC,EAAE;AACvC;AAMA,eAAsB,uBACpB,MACA,QAAQ,GACqD;AAC7D,QAAM,WAAW,KAAK,YAAY,EAAE,MAAM,CAAC;AAE3C,QAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,SAAO,QAAQ,SAAS;AACxB,SAAO,SAAS,SAAS;AAGzB,QAAM,KAAK,OAAO,EAAE,QAAQ,SAAS,CAAC,EAAE;AAExC,SAAO;AAAA,IACL,SAAS,OAAO,UAAU,WAAW;AAAA,IACrC,OAAO,SAAS;AAAA,IAChB,QAAQ,SAAS;AAAA,EACnB;AACF;;;ACnEO,SAAS,qBACd,QACA,GACA,GACA,OACA,QACY;AACZ,QAAM,OAAO,OAAO,OAAO;AAC3B,QAAM,MAAM,OAAO,MAAM;AACzB,SAAO,EAAE,GAAG,MAAM,GAAG,KAAK,OAAO,QAAQ,KAAK,OAAO,OAAO,OAAO,QAAQ,MAAM,QAAQ,KAAK;AAChG;","names":[]}

package/dist/index.css

@@ -1,115 +1,3 @@
-/* src/components/Toast.css */
-.semiont-toast-container {
-  position: fixed;
-  top: 1rem;
-  right: 1rem;
-  z-index: 50;
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-  max-width: 24rem;
-}
-.semiont-toast {
-  display: flex;
-  align-items: center;
-  gap: 0.75rem;
-  padding: 0.75rem 1rem;
-  border-radius: var(--semiont-radius-lg);
-  border: 1px solid;
-  box-shadow: var(--semiont-shadow-lg);
-  transition: all var(--semiont-duration-base) var(--semiont-ease);
-  transform: translateX(0);
-  animation: slideIn var(--semiont-duration-base) var(--semiont-ease);
-}
-[data-theme=dark] .semiont-toast {
-  box-shadow: var(--semiont-shadow-lg);
-}
-@keyframes slideIn {
-  from {
-    transform: translateX(100%);
-    opacity: 0;
-  }
-  to {
-    transform: translateX(0);
-    opacity: 1;
-  }
-}
-.semiont-toast-icon-wrapper {
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.semiont-toast-icon {
-  width: 1.25rem;
-  height: 1.25rem;
-}
-.semiont-toast-message {
-  flex: 1;
-  font-size: var(--semiont-text-sm);
-  font-weight: var(--semiont-font-medium);
-}
-.semiont-toast-close {
-  margin-left: auto;
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: transparent;
-  border: none;
-  cursor: pointer;
-  padding: 0.25rem;
-  border-radius: var(--semiont-radius-base);
-  transition: opacity var(--semiont-duration-fast) var(--semiont-ease);
-}
-.semiont-toast-close:hover {
-  opacity: 0.7;
-}
-.semiont-toast-close-icon {
-  width: 1rem;
-  height: 1rem;
-}
-.semiont-toast[data-variant=success] {
-  background-color: var(--semiont-color-green-100);
-  border-color: var(--semiont-color-green-300);
-  color: var(--semiont-color-green-800);
-}
-.semiont-toast[data-variant=error] {
-  background-color: var(--semiont-color-red-100);
-  border-color: var(--semiont-color-red-300);
-  color: var(--semiont-color-red-800);
-}
-.semiont-toast[data-variant=warning] {
-  background-color: var(--semiont-color-yellow-100);
-  border-color: var(--semiont-color-yellow-300);
-  color: var(--semiont-color-yellow-900);
-}
-.semiont-toast[data-variant=info] {
-  background-color: var(--semiont-color-blue-100);
-  border-color: var(--semiont-color-blue-300);
-  color: var(--semiont-color-blue-800);
-}
-[data-theme=dark] .semiont-toast[data-variant=success] {
-  background-color: rgba(34, 197, 94, 0.1);
-  border-color: var(--semiont-color-green-600);
-  color: var(--semiont-color-green-300);
-}
-[data-theme=dark] .semiont-toast[data-variant=error] {
-  background-color: rgba(239, 68, 68, 0.1);
-  border-color: var(--semiont-color-red-600);
-  color: var(--semiont-color-red-300);
-}
-[data-theme=dark] .semiont-toast[data-variant=warning] {
-  background-color: rgba(245, 158, 11, 0.1);
-  border-color: var(--semiont-color-amber-600);
-  color: var(--semiont-color-yellow-300);
-}
-[data-theme=dark] .semiont-toast[data-variant=info] {
-  background-color: rgba(59, 130, 246, 0.1);
-  border-color: var(--semiont-color-blue-600);
-  color: var(--semiont-color-blue-300);
-}
-
 /* src/components/ProtectedErrorBoundary.css */
 .semiont-protected-error-boundary-container {
   min-height: 400px;
@@ -291,6 +179,118 @@
   outline: none;
 }
 
+/* src/components/Toast.css */
+.semiont-toast-container {
+  position: fixed;
+  top: 1rem;
+  right: 1rem;
+  z-index: 50;
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  max-width: 24rem;
+}
+.semiont-toast {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  padding: 0.75rem 1rem;
+  border-radius: var(--semiont-radius-lg);
+  border: 1px solid;
+  box-shadow: var(--semiont-shadow-lg);
+  transition: all var(--semiont-duration-base) var(--semiont-ease);
+  transform: translateX(0);
+  animation: slideIn var(--semiont-duration-base) var(--semiont-ease);
+}
+[data-theme=dark] .semiont-toast {
+  box-shadow: var(--semiont-shadow-lg);
+}
+@keyframes slideIn {
+  from {
+    transform: translateX(100%);
+    opacity: 0;
+  }
+  to {
+    transform: translateX(0);
+    opacity: 1;
+  }
+}
+.semiont-toast-icon-wrapper {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.semiont-toast-icon {
+  width: 1.25rem;
+  height: 1.25rem;
+}
+.semiont-toast-message {
+  flex: 1;
+  font-size: var(--semiont-text-sm);
+  font-weight: var(--semiont-font-medium);
+}
+.semiont-toast-close {
+  margin-left: auto;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  padding: 0.25rem;
+  border-radius: var(--semiont-radius-base);
+  transition: opacity var(--semiont-duration-fast) var(--semiont-ease);
+}
+.semiont-toast-close:hover {
+  opacity: 0.7;
+}
+.semiont-toast-close-icon {
+  width: 1rem;
+  height: 1rem;
+}
+.semiont-toast[data-variant=success] {
+  background-color: var(--semiont-color-green-100);
+  border-color: var(--semiont-color-green-300);
+  color: var(--semiont-color-green-800);
+}
+.semiont-toast[data-variant=error] {
+  background-color: var(--semiont-color-red-100);
+  border-color: var(--semiont-color-red-300);
+  color: var(--semiont-color-red-800);
+}
+.semiont-toast[data-variant=warning] {
+  background-color: var(--semiont-color-yellow-100);
+  border-color: var(--semiont-color-yellow-300);
+  color: var(--semiont-color-yellow-900);
+}
+.semiont-toast[data-variant=info] {
+  background-color: var(--semiont-color-blue-100);
+  border-color: var(--semiont-color-blue-300);
+  color: var(--semiont-color-blue-800);
+}
+[data-theme=dark] .semiont-toast[data-variant=success] {
+  background-color: rgba(34, 197, 94, 0.1);
+  border-color: var(--semiont-color-green-600);
+  color: var(--semiont-color-green-300);
+}
+[data-theme=dark] .semiont-toast[data-variant=error] {
+  background-color: rgba(239, 68, 68, 0.1);
+  border-color: var(--semiont-color-red-600);
+  color: var(--semiont-color-red-300);
+}
+[data-theme=dark] .semiont-toast[data-variant=warning] {
+  background-color: rgba(245, 158, 11, 0.1);
+  border-color: var(--semiont-color-amber-600);
+  color: var(--semiont-color-yellow-300);
+}
+[data-theme=dark] .semiont-toast[data-variant=info] {
+  background-color: rgba(59, 130, 246, 0.1);
+  border-color: var(--semiont-color-blue-600);
+  color: var(--semiont-color-blue-300);
+}
+
 /* src/components/toolbar/Toolbar.css */
 .semiont-annotate-toolbar {
   display: flex;
@@ -469,6 +469,15 @@
 .semiont-toolbar-menu-label {
   font-size: 0.875rem;
 }
+.semiont-annotate-toolbar--compact {
+  gap: 0.375rem;
+  padding: 0.25rem 0;
+  background: transparent;
+  border-bottom: none;
+}
+.semiont-annotate-toolbar--compact .semiont-dropdown-label {
+  display: none;
+}
 
 /* src/components/settings/SettingsPanel.css */
 .semiont-settings-panel {
@@ -4248,6 +4257,35 @@
   border-radius: var(--semiont-radius-base);
   font-size: var(--semiont-font-size-xs);
 }
+.semiont-resource-tag__remove {
+  display: inline-flex;
+  align-items: center;
+  padding: 0;
+  border: none;
+  background: none;
+  color: inherit;
+  font-size: var(--semiont-font-size-xs);
+  cursor: pointer;
+  opacity: 0.7;
+}
+.semiont-resource-tag__remove:hover:not(:disabled) {
+  opacity: 1;
+}
+.semiont-resource-tag__remove:disabled {
+  cursor: default;
+  opacity: 0.4;
+}
+.semiont-resource-tag--add {
+  cursor: pointer;
+  background: none;
+}
+.semiont-resource-tag--add:disabled {
+  cursor: default;
+  opacity: 0.4;
+}
+.semiont-resource-tags-inline--editing .semiont-form__entity-type-buttons {
+  margin-top: var(--semiont-spacing-xs);
+}
 [data-theme=dark] .semiont-resource-tags-inline {
   border-top-color: var(--semiont-color-neutral-700);
 }