@webwriter/quiz 1.1.5 → 2.0.0

package/custom.d.ts

@@ -173,4 +173,8 @@ declare module '*.html' {
 declare module '*.xml' {
   const content: string;
   export default content;
-}
+}
+declare module '*.css' {
+  const content: string;
+  export default content;
+}

package/dist/api/index.d.ts

@@ -0,0 +1,27 @@
+export type QuizType = {
+    packageId: string;
+    widgetPosition?: number;
+    id: string;
+    icon: string;
+    getName(): string;
+    createInstance(): HTMLElement & IWebWriterQuizType;
+};
+export interface IWebWriterQuizType {
+    checkValidity(): boolean;
+    reset(): void;
+    checkAnswer?(detailedFeedback: boolean): number;
+}
+type WebwriterQuizRegistry = {
+    version: number;
+    quizTypes: QuizType[];
+    listeners: ((types: readonly QuizType[]) => void)[];
+};
+declare global {
+    interface Window {
+        __wwQuizRegistry__: WebwriterQuizRegistry;
+    }
+}
+export declare function getQuizTypes(): readonly QuizType[];
+export declare function registerQuizType(type: QuizType): void;
+export declare function onQuizTypesChanged(cb: (types: readonly QuizType[]) => void): () => void;
+export {};

package/dist/api/index.js

@@ -0,0 +1,40 @@
+function getRegistry() {
+    window.__wwQuizRegistry__ ??= { version: 1, quizTypes: [], listeners: [] };
+    return window.__wwQuizRegistry__;
+}
+export function getQuizTypes() {
+    return [...getRegistry().quizTypes];
+}
+export function registerQuizType(type) {
+    const registry = getRegistry();
+    let i = 0;
+    // First, order by package id
+    // The @webwriter/quiz package is always first, regardless of its package id
+    if (type.packageId !== "@webwriter/quiz") {
+        while (i < registry.quizTypes.length) {
+            if (registry.quizTypes[i].packageId.localeCompare(type.packageId) >= 0)
+                break;
+            i++;
+        }
+    }
+    // Then, order by widget position (ascending), and then by widget id (ascending)
+    const newPosition = type.widgetPosition ?? Infinity;
+    while (i < registry.quizTypes.length && registry.quizTypes[i].packageId === type.packageId) {
+        const currentPosition = registry.quizTypes[i].widgetPosition ?? Infinity;
+        if (currentPosition > newPosition)
+            break;
+        // Use id as a tiebreaker (alphabetical order)
+        if (currentPosition === newPosition && registry.quizTypes[i].id.localeCompare(type.id) >= 0)
+            break;
+        i++;
+    }
+    registry.quizTypes.splice(i, 0, type);
+    const quizTypes = getQuizTypes();
+    registry.listeners.forEach(cb => cb(quizTypes));
+}
+export function onQuizTypesChanged(cb) {
+    const registry = getRegistry();
+    cb(getQuizTypes());
+    registry.listeners.push(cb);
+    return () => registry.listeners = registry.listeners.filter(l => l !== cb);
+}