triiiceratops 0.9.0 → 0.9.2

package/dist/state/manifests.test.js

@@ -1,242 +1,147 @@
-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;
-                                        },
+vi.mock("manifesto.js", async (importOriginal) => {
+    const actual = await importOriginal();
+    return {
+        ...actual,
+        parseManifest: vi.fn((json) => {
+            // Minimal mock of a manifesto object
+            return {
+                getSequences: () => [
+                    {
+                        getCanvases: () => [{ id: "canvas1" }],
+                        getCanvasById: (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",
+                                            },
+                                        ],
                                     },
-                                ]; },
-                            };
-                        }) })];
-        }
-    });
-}); });
-describe("ManifestsState", function () {
-    var state;
-    var mockFetch = vi.fn();
-    beforeEach(function () {
+                                };
+                            }
+                            return null;
+                        },
+                    },
+                ],
+            };
+        }),
+    };
+});
+describe("ManifestsState", () => {
+    let state;
+    const mockFetch = vi.fn();
+    beforeEach(() => {
         vi.stubGlobal("fetch", mockFetch);
         state = new ManifestsState();
         mockFetch.mockReset();
     });
-    afterEach(function () {
+    afterEach(() => {
         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("fetchManifest", () => {
+        it("should fetch and store a manifest", async () => {
+            const mockManifest = {
+                "@id": "http://example.org/manifest",
+                label: "Test Manifest",
+            };
+            mockFetch.mockResolvedValueOnce({
+                ok: true,
+                json: async () => mockManifest,
             });
-        }); });
+            await state.fetchManifest("http://example.org/manifest");
+            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);
+        });
+        it("should handle fetch errors", async () => {
+            mockFetch.mockRejectedValueOnce(new Error("Network Error"));
+            await state.fetchManifest("http://example.org/error");
+            expect(state.manifests["http://example.org/error"].error).toBe("Network Error");
+            expect(state.manifests["http://example.org/error"].isFetching).toBe(false);
+        });
+        it("should not fetch if already fetched", async () => {
+            // Prime the state
+            state.manifests["http://example.org/cached"] = {
+                isFetching: false,
+                json: {},
+            };
+            await state.fetchManifest("http://example.org/cached");
+            expect(mockFetch).not.toHaveBeenCalled();
+        });
     });
-    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");
+    describe("getCanvases", () => {
+        it("should return canvases from parsed manifest", async () => {
+            // Mock internal state directly to avoid fetch overhead
+            state.manifests["http://example.org/manifest"] = {
+                manifesto: {
+                    getSequences: () => [
+                        {
+                            getCanvases: () => ["mockCanvas1", "mockCanvas2"],
+                        },
+                    ],
+                },
+            };
+            const canvases = state.getCanvases("http://example.org/manifest");
+            expect(canvases).toEqual(["mockCanvas1", "mockCanvas2"]);
+        });
+        it("should return empty array if manifest not found", () => {
+            const 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*/];
-                }
+    describe("manualGetAnnotations", () => {
+        it("should extract annotations and trigger fetch for external lists", async () => {
+            // Setup mock state with a manifest that has a canvas
+            state.manifests["http://example.org/manifest"] = {
+                manifesto: {
+                    getSequences: () => [
+                        {
+                            getCanvasById: () => ({
+                                __jsonld: {
+                                    otherContent: [{ "@id": "http://example.org/list1" }],
+                                },
+                            }),
+                        },
+                    ],
+                },
+            };
+            // Mock the fetch for the annotation list
+            mockFetch.mockResolvedValue({
+                ok: true,
+                json: async () => ({ 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.
+            await new Promise((resolve) => setTimeout(resolve, 0));
+            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" }] },
+            };
+            // Second call should return the annotations
+            const annos = state.manualGetAnnotations("http://example.org/manifest", "canvas1");
+            expect(annos).toHaveLength(1);
+            expect(annos[0]["@id"]).toBe("anno1");
+        });
     });
 });

package/dist/state/viewer.svelte.d.ts

@@ -43,8 +43,8 @@ export declare class ViewerState {
         x: number;
         y: number;
     };
-    dragOverSide: "left" | "top" | "bottom" | "right";
-    galleryCenterPanelRect: DOMRect;
+    dragOverSide: "left" | "right" | "top" | "bottom" | null;
+    galleryCenterPanelRect: DOMRect | null;
     /**
      * Event target for dispatching CustomEvents.
      * Only set by TriiiceratopsViewerElement (web component build).