triiiceratops 0.9.13 → 0.10.1

package/dist/components/OSDViewer.svelte

@@ -11,7 +11,7 @@
         $props();
 
     let container: HTMLElement | undefined = $state();
-    let viewer: any | undefined = $state();
+    let viewer: any | undefined = $state.raw();
     let OSD: any | undefined = $state();
 
     // Track OSD state changes for reactivity
@@ -61,6 +61,12 @@
 
         const results: any[] = [];
 
+        // Check if annotation editor is open to prevent double rendering
+        const editorPanel = viewerState.pluginPanels.find(
+            (p) => p.id === 'annotation-editor:panel',
+        );
+        const isEditorOpen = editorPanel ? editorPanel.isVisible() : false;
+
         for (const anno of parsedAnnotations) {
             // Filter based on visibility
             if (anno.isSearchHit) {
@@ -96,7 +102,9 @@
                         height: pixelRect.height,
                     },
                     isSearchHit: anno.isSearchHit,
-                    tooltip: anno.body.value,
+                    tooltip: anno.body.map((b) => b.value).join(' '),
+                    // Disable pointer events if editor is open so blue annotations can be selected
+                    pointerEvents: isEditorOpen ? 'none' : 'auto',
                 });
             } else if (anno.geometry.type === 'POLYGON') {
                 // Convert each point from image to viewport to pixel
@@ -140,7 +148,8 @@
                     },
                     points: relativePoints,
                     isSearchHit: anno.isSearchHit,
-                    tooltip: anno.body.value,
+                    tooltip: anno.body.map((b) => b.value).join(' '),
+                    pointerEvents: isEditorOpen ? 'none' : 'auto',
                 });
             }
         }
@@ -170,6 +179,10 @@
                 animationTime: 0.5,
                 springStiffness: 7.0,
                 zoomPerClick: 2.0,
+                // Disable click-to-zoom to allow Annotorious click drawing
+                gestureSettingsMouse: {
+                    clickToZoom: false,
+                },
             });
 
             // Notify plugins that OSD is ready
@@ -228,6 +241,7 @@
     {#each renderedAnnotations as anno (anno.id)}
         {#if anno.type === 'RECTANGLE'}
             <div
+                id="annotation-visual-{anno.id}"
                 class="absolute border-2 transition-colors cursor-pointer pointer-events-auto {anno.isSearchHit
                     ? 'border-yellow-400 bg-yellow-400/40 hover:bg-yellow-400/60'
                     : 'border-red-500 bg-red-500/20 hover:bg-red-500/40'}"
@@ -236,6 +250,7 @@
           top: {anno.rect.y}px;
           width: {anno.rect.width}px;
           height: {anno.rect.height}px;
+          pointer-events: {anno.pointerEvents};
         "
                 title={anno.tooltip}
             ></div>
@@ -247,10 +262,12 @@
           top: {anno.bounds.y}px;
           width: {anno.bounds.width}px;
           height: {anno.bounds.height}px;
+          pointer-events: {anno.pointerEvents};
         "
             >
                 <title>{anno.tooltip}</title>
                 <polygon
+                    id="annotation-visual-{anno.id}"
                     points={anno.points.map((p: any) => p.join(',')).join(' ')}
                     class="cursor-pointer transition-colors {anno.isSearchHit
                         ? 'fill-yellow-400/40 stroke-yellow-400 hover:fill-yellow-400/60'

package/dist/components/ThumbnailGallery.svelte

@@ -483,7 +483,7 @@
 
         <!-- Content (Grid or Horizontal Scroll) -->
         <div
-            class="flex-1 p-1 bg-base-100 {isHorizontal
+            class="flex-1 px-1 bg-base-100 {isHorizontal
                 ? 'overflow-x-auto overflow-y-hidden h-full'
                 : 'overflow-y-auto overflow-x-hidden'}"
         >
@@ -493,12 +493,12 @@
                     : 'grid gap-2'}
                 style={isHorizontal
                     ? ''
-                    : 'grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));'}
+                    : 'grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));'}
             >
                 {#each thumbnails as thumb}
                     <button
                         class="group flex flex-col gap-1 p-1 rounded hover:bg-base-200 transition-colors text-left relative shrink-0 {isHorizontal
-                            ? 'w-[140px]'
+                            ? 'w-[90px]'
                             : ''} {viewerState.canvasId === thumb.id
                             ? 'ring-2 ring-primary bg-primary/5'
                             : ''}"
@@ -506,7 +506,7 @@
                         aria-label="Select canvas {thumb.label}"
                     >
                         <div
-                            class="aspect-4/3 bg-base-300 rounded overflow-hidden relative w-full flex items-center justify-center"
+                            class="aspect-3/4 bg-base-300 rounded overflow-hidden relative w-full flex items-center justify-center"
                         >
                             {#if thumb.src}
                                 <img

package/dist/components/TriiiceratopsViewer.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-    import { setContext, onDestroy } from 'svelte';
+    import { setContext, onDestroy, untrack } from 'svelte';
     import { ViewerState, VIEWER_STATE_KEY } from '../state/viewer.svelte';
-    import type { TriiiceratopsPlugin } from '../types/plugin';
+    import type { PluginDef } from '../types/plugin';
     import type { DaisyUITheme, ThemeConfig } from '../theme/types';
     import type { ViewerConfig } from '../types/config';
     import { applyTheme } from '../theme/themeManager';
@@ -13,23 +13,15 @@
     import LeftFab from './LeftFab.svelte';
     import MetadataDialog from './MetadataDialog.svelte';
     import SearchPanel from './SearchPanel.svelte';
-    import { m } from '../state/i18n.svelte';
+    import { m, language } from '../state/i18n.svelte';
 
     // SSR-safe browser detection for library consumers
     const browser = typeof window !== 'undefined';
 
-    let {
-        manifestId,
-        canvasId,
-        plugins = [],
-        theme,
-        themeConfig,
-        config = {},
-        viewerState = $bindable(),
-    }: {
+    interface Props {
         manifestId?: string;
         canvasId?: string;
-        plugins?: TriiiceratopsPlugin[];
+        plugins?: PluginDef[];
         /** Built-in DaisyUI theme name. Defaults to 'light' or 'dark' based on prefers-color-scheme. */
         theme?: DaisyUITheme;
         /** Custom theme configuration to override the base theme's values. */
@@ -38,7 +30,17 @@
         config?: ViewerConfig;
         /** Bindable viewer state instance for external access (Svelte consumers) */
         viewerState?: ViewerState;
-    } = $props();
+    }
+
+    let {
+        manifestId,
+        canvasId,
+        plugins = [],
+        theme,
+        themeConfig,
+        config = {},
+        viewerState = $bindable(),
+    }: Props = $props();
 
     // Reference to root element for applying theme
     let rootElement: HTMLElement | undefined = $state();
@@ -101,11 +103,45 @@
         }
     });
 
-    // Register plugins reactively
+    // Register plugins reactively with cleanup
+    let registeredPluginIds: string[] = [];
+
     $effect(() => {
-        for (const plugin of plugins) {
-            internalViewerState.registerPlugin(plugin);
-        }
+        // Create dependency on plugins prop by accessing it
+        const currentPlugins = plugins;
+
+        // Use untrack so that operations inside (like registerPlugin accessing/writing state)
+        // do NOT become dependencies of this effect. This prevents infinite loops.
+        untrack(() => {
+            // Cleanup previous plugins first
+            for (const id of registeredPluginIds) {
+                internalViewerState.unregisterPlugin(id);
+            }
+            registeredPluginIds = [];
+
+            // Register new plugins
+            for (const plugin of currentPlugins) {
+                const id =
+                    plugin.id ||
+                    `plugin-${Math.random().toString(36).substr(2, 9)}`;
+                // Create a copy with the ID to ensure stability for THIS registration
+                const defWithId = { ...plugin, id };
+                internalViewerState.registerPlugin(defWithId);
+                registeredPluginIds.push(id);
+            }
+        });
+
+        // Cleanup on effect re-run
+        return () => {
+            for (const id of registeredPluginIds) {
+                internalViewerState.unregisterPlugin(id);
+            }
+            registeredPluginIds = [];
+        };
+    });
+
+    onDestroy(() => {
+        internalViewerState.destroyAllPlugins();
     });
 
     $effect(() => {
@@ -140,10 +176,45 @@
             ),
     );
 
-    let manifestData = $derived(internalViewerState.manifest);
+    let manifestData = $derived(internalViewerState.manifestEntry);
     let canvases = $derived(internalViewerState.canvases);
     let currentCanvasIndex = $derived(internalViewerState.currentCanvasIndex);
 
+    // Effect to trigger deferred search once manifest is loaded
+    $effect(() => {
+        if (
+            internalViewerState.pendingSearchQuery &&
+            manifestData &&
+            !manifestData.isFetching &&
+            !manifestData.error &&
+            manifestData.manifesto
+        ) {
+            const query = internalViewerState.pendingSearchQuery;
+            internalViewerState.pendingSearchQuery = null;
+            console.log(
+                '[Viewer] Manifest loaded, triggering deferred search:',
+                query,
+            );
+            internalViewerState.search(query);
+        }
+    });
+
+    // Auto-select first canvas if none selected
+    $effect(() => {
+        if (
+            canvases &&
+            canvases.length > 0 &&
+            !internalViewerState.canvasId &&
+            !manifestData?.isFetching
+        ) {
+            console.log(
+                '[Viewer] Auto-selecting first canvas:',
+                canvases[0].id,
+            );
+            internalViewerState.setCanvas(canvases[0].id);
+        }
+    });
+
     let tileSources = $derived.by(() => {
         if (
             !canvases ||
@@ -187,13 +258,19 @@
             else if (body) resource = body;
         }
 
-        // Check if resource is valid (Manifesto sometimes returns empty objects for v3 bodies)
-        if (
+        // Check if resource is valid (Manifesto sometimes returns empty wrapper objects for v3 bodies)
+        // The wrapper may have getServices() that returns manifest-level services, so we can't rely on that.
+        // Instead, check if the resource has actual content (id, __jsonld, or a service property)
+        const resourceJson = resource?.__jsonld || resource;
+        const hasContent =
             resource &&
-            !resource.id &&
-            !resource.__jsonld &&
-            (!resource.getServices || resource.getServices().length === 0)
-        ) {
+            (resource.id ||
+                resource['@id'] ||
+                (resourceJson &&
+                    (resourceJson.service ||
+                        resourceJson.id ||
+                        resourceJson['@id'])));
+        if (resource && !hasContent) {
             resource = null;
         }
 
@@ -214,28 +291,27 @@
         const getId = (thing: any) => thing.id || thing['@id'];
 
         // Start of service detection logic
-        let services = [];
-        if (resource.getServices) {
-            services = resource.getServices();
+        // Check raw json service FIRST - Manifesto's getServices() often returns
+        // manifest-level services instead of the image body's services
+        let services: any[] = [];
+        const rJson = resource.__jsonld || resource;
+        if (rJson.service) {
+            services = Array.isArray(rJson.service)
+                ? rJson.service
+                : [rJson.service];
         }
 
-        // Fallback: check raw json service
-        if (!services.length) {
-            const rJson = resource.__jsonld || resource;
-            // console.log('Checking raw resource for services:', rJson);
-            if (rJson.service) {
-                services = Array.isArray(rJson.service)
-                    ? rJson.service
-                    : [rJson.service];
-            }
+        // Fallback to getServices() only if raw json didn't have services
+        if (!services.length && resource.getServices) {
+            services = resource.getServices();
         }
 
-        // console.log('Found services:', services);
-
         if (services.length > 0) {
             // Find a valid image service
             const service = services.find((s: any) => {
-                const type = s.getType ? s.getType() : s.type || '';
+                const type = s.getType
+                    ? s.getType()
+                    : s.type || s['@type'] || '';
                 const profile = s.getProfile ? s.getProfile() : s.profile || '';
                 return (
                     type === 'ImageService1' ||
@@ -299,7 +375,7 @@
         >
             <!-- Gallery (when docked left) -->
             {#if internalViewerState.showThumbnailGallery && internalViewerState.dockSide === 'left'}
-                <div class="h-full w-[200px] pointer-events-auto relative">
+                <div class="h-full w-[140px] pointer-events-auto relative">
                     <ThumbnailGallery {canvases} />
                 </div>
             {/if}
@@ -307,7 +383,10 @@
             {#each internalViewerState.pluginPanels as panel (panel.id)}
                 {#if panel.isVisible() && panel.position === 'left'}
                     <div class="h-full relative pointer-events-auto">
-                        <panel.component {...panel.props ?? {}} />
+                        <panel.component
+                            {...panel.props ?? {}}
+                            locale={language.current}
+                        />
                     </div>
                 {/if}
             {/each}
@@ -322,7 +401,7 @@
         <!-- Top Area (Gallery) -->
         {#if internalViewerState.showThumbnailGallery && internalViewerState.dockSide === 'top'}
             <div
-                class="flex-none h-[140px] w-full pointer-events-auto relative z-20"
+                class="flex-none h-[160px] w-full pointer-events-auto relative z-20"
             >
                 <ThumbnailGallery {canvases} />
             </div>
@@ -355,7 +434,7 @@
                         viewerState={internalViewerState}
                     />
                 {/key}
-            {:else}
+            {:else if manifestData && !manifestData.isFetching && !tileSources}
                 <div
                     class="w-full h-full flex items-center justify-center text-base-content/50"
                 >
@@ -378,7 +457,10 @@
             {#each internalViewerState.pluginPanels as panel (panel.id)}
                 {#if panel.isVisible() && panel.position === 'overlay'}
                     <div class="absolute inset-0 z-40 pointer-events-none">
-                        <panel.component {...panel.props ?? {}} />
+                        <panel.component
+                            {...panel.props ?? {}}
+                            locale={language.current}
+                        />
                     </div>
                 {/if}
             {/each}
@@ -397,7 +479,7 @@
         <!-- Bottom Area (Gallery) -->
         {#if internalViewerState.showThumbnailGallery && internalViewerState.dockSide === 'bottom'}
             <div
-                class="flex-none h-[140px] w-full pointer-events-auto relative z-20"
+                class="flex-none h-[160px] w-full pointer-events-auto relative z-20"
             >
                 <ThumbnailGallery {canvases} />
             </div>
@@ -407,7 +489,10 @@
         {#each internalViewerState.pluginPanels as panel (panel.id)}
             {#if panel.isVisible() && panel.position === 'bottom'}
                 <div class="relative w-full z-40 pointer-events-auto">
-                    <panel.component {...panel.props ?? {}} />
+                    <panel.component
+                        {...panel.props ?? {}}
+                        locale={language.current}
+                    />
                 </div>
             {/if}
         {/each}
@@ -430,7 +515,7 @@
 
             <!-- Gallery (when docked right) -->
             {#if internalViewerState.showThumbnailGallery && internalViewerState.dockSide === 'right'}
-                <div class="h-full w-[200px] pointer-events-auto relative">
+                <div class="h-full w-[140px] pointer-events-auto relative">
                     <ThumbnailGallery {canvases} />
                 </div>
             {/if}
@@ -439,10 +524,43 @@
             {#each internalViewerState.pluginPanels as panel (panel.id)}
                 {#if panel.isVisible() && panel.position === 'right'}
                     <div class="h-full relative pointer-events-auto">
-                        <panel.component {...panel.props ?? {}} />
+                        <panel.component
+                            {...panel.props ?? {}}
+                            locale={language.current}
+                        />
                     </div>
                 {/if}
             {/each}
         </div>
     {/if}
 </div>
+
+<style>
+    /* Scoped scrollbar styles for the viewer */
+    :global(#triiiceratops-viewer *) {
+        scrollbar-width: thin;
+        scrollbar-color: var(--fallback-bc, oklch(var(--bc) / 0.2)) transparent;
+    }
+
+    :global(#triiiceratops-viewer ::-webkit-scrollbar) {
+        width: 4px;
+        height: 4px;
+    }
+
+    :global(#triiiceratops-viewer ::-webkit-scrollbar-track) {
+        background: transparent;
+    }
+
+    :global(#triiiceratops-viewer ::-webkit-scrollbar-thumb) {
+        background-color: var(--fallback-bc, oklch(var(--bc) / 0.2));
+        border-radius: 9999px;
+    }
+
+    :global(#triiiceratops-viewer ::-webkit-scrollbar-thumb:hover) {
+        background-color: var(--fallback-bc, oklch(var(--bc) / 0.4));
+    }
+
+    :global(#triiiceratops-viewer ::-webkit-scrollbar-corner) {
+        background: transparent;
+    }
+</style>

package/dist/components/TriiiceratopsViewer.svelte.d.ts

@@ -1,11 +1,11 @@
 import { ViewerState } from '../state/viewer.svelte';
-import type { TriiiceratopsPlugin } from '../types/plugin';
+import type { PluginDef } from '../types/plugin';
 import type { DaisyUITheme, ThemeConfig } from '../theme/types';
 import type { ViewerConfig } from '../types/config';
-type $$ComponentProps = {
+interface Props {
     manifestId?: string;
     canvasId?: string;
-    plugins?: TriiiceratopsPlugin[];
+    plugins?: PluginDef[];
     /** Built-in DaisyUI theme name. Defaults to 'light' or 'dark' based on prefers-color-scheme. */
     theme?: DaisyUITheme;
     /** Custom theme configuration to override the base theme's values. */
@@ -14,7 +14,7 @@ type $$ComponentProps = {
     config?: ViewerConfig;
     /** Bindable viewer state instance for external access (Svelte consumers) */
     viewerState?: ViewerState;
-};
-declare const TriiiceratopsViewer: import("svelte").Component<$$ComponentProps, {}, "viewerState">;
+}
+declare const TriiiceratopsViewer: import("svelte").Component<Props, {}, "viewerState">;
 type TriiiceratopsViewer = ReturnType<typeof TriiiceratopsViewer>;
 export default TriiiceratopsViewer;

package/dist/components/TriiiceratopsViewerElement.svelte

@@ -35,7 +35,7 @@
 <script lang="ts">
     import styles from '../../app.css?inline';
     import TriiiceratopsViewer from './TriiiceratopsViewer.svelte';
-    import type { TriiiceratopsPlugin } from '../types/plugin';
+    import type { PluginDef } from '../types/plugin';
     import type { DaisyUITheme, ThemeConfig } from '../theme/types';
     import type { ViewerConfig } from '../types/config';
     import { isBuiltInTheme, parseThemeConfig } from '../theme/themeManager';
@@ -51,7 +51,7 @@
     }: {
         manifestId?: string;
         canvasId?: string;
-        plugins?: TriiiceratopsPlugin[];
+        plugins?: PluginDef[];
         /**
          * Built-in DaisyUI theme name (e.g., 'light', 'dark', 'cupcake').
          * When not specified, inherits the theme from the parent context.

package/dist/components/TriiiceratopsViewerElement.svelte.d.ts

@@ -1,10 +1,10 @@
-import type { TriiiceratopsPlugin } from '../types/plugin';
+import type { PluginDef } from '../types/plugin';
 import type { ThemeConfig } from '../theme/types';
 import type { ViewerConfig } from '../types/config';
 type $$ComponentProps = {
     manifestId?: string;
     canvasId?: string;
-    plugins?: TriiiceratopsPlugin[];
+    plugins?: PluginDef[];
     /**
      * Built-in DaisyUI theme name (e.g., 'light', 'dark', 'cupcake').
      * When not specified, inherits the theme from the parent context.

package/dist/custom-element.d.ts

@@ -1 +1,11 @@
+import * as svelte from 'svelte';
+declare global {
+    interface Window {
+        __TriiiceratopsSvelteRuntime: {
+            svelte: typeof svelte;
+            internal: unknown;
+        };
+        TriiiceratopsPlugins?: Record<string, unknown>;
+    }
+}
 import './components/TriiiceratopsViewerElement.svelte';

package/dist/custom-element.js

@@ -1,3 +1,16 @@
 // Entry point for custom element build
 // Importing this module registers the <triiiceratops-viewer> custom element
+// Expose Svelte internals for IIFE plugin builds
+// Plugins built as IIFE need to share the same Svelte runtime instance
+// so that getContext/setContext work correctly across bundle boundaries
+// @ts-expect-error - svelte/internal/client is not typed but exists at runtime
+import * as svelteInternal from 'svelte/internal/client';
+import * as svelte from 'svelte';
+window.__TriiiceratopsSvelteRuntime = {
+    svelte,
+    internal: svelteInternal,
+};
+// Initialize the plugins namespace
+window.TriiiceratopsPlugins = window.TriiiceratopsPlugins || {};
+// Register the custom element
 import './components/TriiiceratopsViewerElement.svelte';

package/dist/image_filters_reset-CWe7vTJU.js

@@ -0,0 +1,108 @@
+import { a as t } from "./X-BUzsFa3u.js";
+const s = (
+  /** @type {(inputs: {}) => LocalizedString} */
+  () => (
+    /** @type {LocalizedString} */
+    "Image Adjustments"
+  )
+), a = (
+  /** @type {(inputs: {}) => LocalizedString} */
+  () => (
+    /** @type {LocalizedString} */
+    "Bildanpassungen"
+  )
+), v = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => (e.locale ?? t()) === "en" ? s() : a(), l = (
+  /** @type {(inputs: {}) => LocalizedString} */
+  () => (
+    /** @type {LocalizedString} */
+    "Brightness"
+  )
+), i = (
+  /** @type {(inputs: {}) => LocalizedString} */
+  () => (
+    /** @type {LocalizedString} */
+    "Helligkeit"
+  )
+), y = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => (e.locale ?? t()) === "en" ? l() : i(), o = (
+  /** @type {(inputs: {}) => LocalizedString} */
+  () => (
+    /** @type {LocalizedString} */
+    "Contrast"
+  )
+), c = (
+  /** @type {(inputs: {}) => LocalizedString} */
+  () => (
+    /** @type {LocalizedString} */
+    "Kontrast"
+  )
+), B = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => (e.locale ?? t()) === "en" ? o() : c(), _ = (
+  /** @type {(inputs: {}) => LocalizedString} */
+  () => (
+    /** @type {LocalizedString} */
+    "Saturation"
+  )
+), u = (
+  /** @type {(inputs: {}) => LocalizedString} */
+  () => (
+    /** @type {LocalizedString} */
+    "Sättigung"
+  )
+), C = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => (e.locale ?? t()) === "en" ? _() : u(), f = (
+  /** @type {(inputs: {}) => LocalizedString} */
+  () => (
+    /** @type {LocalizedString} */
+    "Effects"
+  )
+), g = (
+  /** @type {(inputs: {}) => LocalizedString} */
+  () => (
+    /** @type {LocalizedString} */
+    "Effekte"
+  )
+), E = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => (e.locale ?? t()) === "en" ? f() : g(), m = (
+  /** @type {(inputs: {}) => LocalizedString} */
+  () => (
+    /** @type {LocalizedString} */
+    "Invert Colors"
+  )
+), d = (
+  /** @type {(inputs: {}) => LocalizedString} */
+  () => (
+    /** @type {LocalizedString} */
+    "Farben umkehren"
+  )
+), G = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => (e.locale ?? t()) === "en" ? m() : d(), p = (
+  /** @type {(inputs: {}) => LocalizedString} */
+  () => (
+    /** @type {LocalizedString} */
+    "Grayscale"
+  )
+), b = (
+  /** @type {(inputs: {}) => LocalizedString} */
+  () => (
+    /** @type {LocalizedString} */
+    "Graustufen"
+  )
+), I = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => (e.locale ?? t()) === "en" ? p() : b(), h = (
+  /** @type {(inputs: {}) => LocalizedString} */
+  () => (
+    /** @type {LocalizedString} */
+    "Reset to Default"
+  )
+), j = (
+  /** @type {(inputs: {}) => LocalizedString} */
+  () => (
+    /** @type {LocalizedString} */
+    "Zurücksetzen"
+  )
+), S = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => (e.locale ?? t()) === "en" ? h() : j();
+export {
+  y as a,
+  B as b,
+  E as c,
+  I as d,
+  G as e,
+  S as f,
+  C as g,
+  v as i
+};

package/dist/index.d.ts

@@ -2,8 +2,7 @@ export { default as TriiiceratopsViewer } from './components/TriiiceratopsViewer
 export { ViewerState, VIEWER_STATE_KEY } from './state/viewer.svelte';
 export type { ViewerStateSnapshot } from './state/viewer.svelte';
 export { ManifestsState } from './state/manifests.svelte';
-export type { TriiiceratopsPlugin, PluginContext, PluginMenuButton, PluginPanel, } from './types/plugin';
-export { BasePlugin } from './types/plugin';
+export type { PluginDef, PluginMenuButton, PluginPanel } from './types/plugin';
 export type { ThemeConfig, DaisyUITheme } from './theme/types';
 export { DAISYUI_THEMES } from './theme/types';
 export { applyTheme, applyBuiltInTheme, applyThemeConfig, clearThemeConfig, isBuiltInTheme, parseThemeConfig, } from './theme/themeManager';

package/dist/index.js

@@ -3,7 +3,6 @@ export { default as TriiiceratopsViewer } from './components/TriiiceratopsViewer
 // Type exports for TypeScript users
 export { ViewerState, VIEWER_STATE_KEY } from './state/viewer.svelte';
 export { ManifestsState } from './state/manifests.svelte';
-export { BasePlugin } from './types/plugin';
 export { DAISYUI_THEMES } from './theme/types';
 export { applyTheme, applyBuiltInTheme, applyThemeConfig, clearThemeConfig, isBuiltInTheme, parseThemeConfig, } from './theme/themeManager';
 export { hexToOklch, normalizeColor } from './theme/colorUtils';