triiiceratops 0.8.2 → 0.9.0

package/dist/state/manifests.test.js

@@ -0,0 +1,242 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
+import { ManifestsState } from "./manifests.svelte";
+import * as manifesto from "manifesto.js";
+// Mock manifesto.js since it's an external dependency
+vi.mock("manifesto.js", function (importOriginal) { return __awaiter(void 0, void 0, void 0, function () {
+    var actual;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, importOriginal()];
+            case 1:
+                actual = _a.sent();
+                return [2 /*return*/, __assign(__assign({}, actual), { parseManifest: vi.fn(function (json) {
+                            // Minimal mock of a manifesto object
+                            return {
+                                getSequences: function () { return [
+                                    {
+                                        getCanvases: function () { return [{ id: "canvas1" }]; },
+                                        getCanvasById: function (id) {
+                                            if (id === "canvas1") {
+                                                return {
+                                                    id: "canvas1",
+                                                    __jsonld: {
+                                                        otherContent: [
+                                                            {
+                                                                "@id": "http://example.org/list1",
+                                                                "@type": "sc:AnnotationList",
+                                                            },
+                                                        ],
+                                                        annotations: [
+                                                            // v3 style
+                                                            {
+                                                                id: "http://example.org/list2",
+                                                                type: "AnnotationPage",
+                                                            },
+                                                        ],
+                                                    },
+                                                };
+                                            }
+                                            return null;
+                                        },
+                                    },
+                                ]; },
+                            };
+                        }) })];
+        }
+    });
+}); });
+describe("ManifestsState", function () {
+    var state;
+    var mockFetch = vi.fn();
+    beforeEach(function () {
+        vi.stubGlobal("fetch", mockFetch);
+        state = new ManifestsState();
+        mockFetch.mockReset();
+    });
+    afterEach(function () {
+        vi.restoreAllMocks();
+    });
+    describe("fetchManifest", function () {
+        it("should fetch and store a manifest", function () { return __awaiter(void 0, void 0, void 0, function () {
+            var mockManifest;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        mockManifest = {
+                            "@id": "http://example.org/manifest",
+                            label: "Test Manifest",
+                        };
+                        mockFetch.mockResolvedValueOnce({
+                            ok: true,
+                            json: function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+                                return [2 /*return*/, mockManifest];
+                            }); }); },
+                        });
+                        return [4 /*yield*/, state.fetchManifest("http://example.org/manifest")];
+                    case 1:
+                        _a.sent();
+                        expect(mockFetch).toHaveBeenCalledWith("http://example.org/manifest");
+                        expect(state.manifests["http://example.org/manifest"]).toBeDefined();
+                        expect(state.manifests["http://example.org/manifest"].json).toEqual(mockManifest);
+                        expect(state.manifests["http://example.org/manifest"].isFetching).toBe(false);
+                        expect(manifesto.parseManifest).toHaveBeenCalledWith(mockManifest);
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        it("should handle fetch errors", function () { return __awaiter(void 0, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        mockFetch.mockRejectedValueOnce(new Error("Network Error"));
+                        return [4 /*yield*/, state.fetchManifest("http://example.org/error")];
+                    case 1:
+                        _a.sent();
+                        expect(state.manifests["http://example.org/error"].error).toBe("Network Error");
+                        expect(state.manifests["http://example.org/error"].isFetching).toBe(false);
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        it("should not fetch if already fetched", function () { return __awaiter(void 0, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        // Prime the state
+                        state.manifests["http://example.org/cached"] = {
+                            isFetching: false,
+                            json: {},
+                        };
+                        return [4 /*yield*/, state.fetchManifest("http://example.org/cached")];
+                    case 1:
+                        _a.sent();
+                        expect(mockFetch).not.toHaveBeenCalled();
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    });
+    describe("getCanvases", function () {
+        it("should return canvases from parsed manifest", function () { return __awaiter(void 0, void 0, void 0, function () {
+            var canvases;
+            return __generator(this, function (_a) {
+                // Mock internal state directly to avoid fetch overhead
+                state.manifests["http://example.org/manifest"] = {
+                    manifesto: {
+                        getSequences: function () { return [
+                            {
+                                getCanvases: function () { return ["mockCanvas1", "mockCanvas2"]; },
+                            },
+                        ]; },
+                    },
+                };
+                canvases = state.getCanvases("http://example.org/manifest");
+                expect(canvases).toEqual(["mockCanvas1", "mockCanvas2"]);
+                return [2 /*return*/];
+            });
+        }); });
+        it("should return empty array if manifest not found", function () {
+            var canvases = state.getCanvases("http://example.org/missing");
+            expect(canvases).toEqual([]);
+        });
+    });
+    describe("manualGetAnnotations", function () {
+        it("should extract annotations and trigger fetch for external lists", function () { return __awaiter(void 0, void 0, void 0, function () {
+            var annos;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        // Setup mock state with a manifest that has a canvas
+                        state.manifests["http://example.org/manifest"] = {
+                            manifesto: {
+                                getSequences: function () { return [
+                                    {
+                                        getCanvasById: function () { return ({
+                                            __jsonld: {
+                                                otherContent: [{ "@id": "http://example.org/list1" }],
+                                            },
+                                        }); },
+                                    },
+                                ]; },
+                            },
+                        };
+                        // Mock the fetch for the annotation list
+                        mockFetch.mockResolvedValue({
+                            ok: true,
+                            json: function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+                                return [2 /*return*/, ({ resources: [{ "@id": "anno1" }] })];
+                            }); }); },
+                        });
+                        // First call triggers fetch
+                        // manualGetAnnotations calls fetchAnnotationList which is async, but manualGetAnnotations itself is synchronous and returns partial data
+                        state.manualGetAnnotations("http://example.org/manifest", "canvas1");
+                        // We need to wait for the async fetchAnnotationList to complete.
+                        // Since it's not returned, we can wait a tick or use `vi.waitFor` if available,
+                        // but simpler here is just to await a small delay since we are mocking.
+                        return [4 /*yield*/, new Promise(function (resolve) { return setTimeout(resolve, 0); })];
+                    case 1:
+                        // We need to wait for the async fetchAnnotationList to complete.
+                        // Since it's not returned, we can wait a tick or use `vi.waitFor` if available,
+                        // but simpler here is just to await a small delay since we are mocking.
+                        _a.sent();
+                        expect(mockFetch).toHaveBeenCalledWith("http://example.org/list1");
+                        // Simulate update after fetch (in real app this is reactive, here we manually update state)
+                        state.manifests["http://example.org/list1"] = {
+                            json: { resources: [{ "@id": "anno1" }] },
+                        };
+                        annos = state.manualGetAnnotations("http://example.org/manifest", "canvas1");
+                        expect(annos).toHaveLength(1);
+                        expect(annos[0]["@id"]).toBe("anno1");
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    });
+});

package/dist/{src/lib/state → state}/viewer.svelte.d.ts

@@ -1,5 +1,5 @@
-import { ViewerConfig } from '../types/config';
-import { TriiiceratopsPlugin, PluginMenuButton, PluginPanel } from '../types/plugin';
+import type { ViewerConfig } from '../types/config';
+import type { TriiiceratopsPlugin, PluginMenuButton, PluginPanel } from '../types/plugin';
 /**
  * Snapshot of viewer state for external consumers.
  * Used by web component events to expose state without Svelte reactivity.
@@ -43,8 +43,8 @@ export declare class ViewerState {
         x: number;
         y: number;
     };
-    dragOverSide: "left" | "right" | "top" | "bottom" | null;
-    galleryCenterPanelRect: DOMRect | null;
+    dragOverSide: "left" | "top" | "bottom" | "right";
+    galleryCenterPanelRect: DOMRect;
     /**
      * Event target for dispatching CustomEvents.
      * Only set by TriiiceratopsViewerElement (web component build).