cognikit 1.0.2 → 1.1.0

package/dist/shell/builders/index.d.ts

@@ -0,0 +1,29 @@
+import "@/interactions/register-builtins";
+export declare class BuildersBaseShell extends HTMLElement {
+    private $wrap;
+    private $builderName;
+    private $interactionSelect;
+    private $tabButtons;
+    private $validateBtn;
+    private $exampleBtn;
+    private $syncToggle;
+    private $statusBadge;
+    private $statusCopy;
+    private $issuesPanel;
+    private $issuesList;
+    private $builderScreen;
+    private $previewScreen;
+    private currentTab;
+    private currentInteractionId;
+    private builder;
+    private previewShell;
+    constructor();
+    private populateInteractionSelect;
+    private bindShellEvents;
+    private getSeedData;
+    private setInteraction;
+    private selectTab;
+    private renderPreview;
+    private renderIssues;
+    private setStatus;
+}

package/dist/shell/index.d.ts

@@ -1 +1,2 @@
-export { InteractionsBaseShell } from "./simple-shell";
+export { InteractionsBaseShell } from "./interactions";
+export { BuildersBaseShell } from "./builders";

package/dist/shell/{simple-shell/script.d.ts → interactions/index.d.ts}

@@ -1,9 +1,10 @@
-import { BaseInteraction } from "../../core/BaseInteraction";
-import { InteractionData } from "../../types/Data";
+import { BaseInteraction } from "@/core";
+import type { InteractionData } from "@/types/Data";
 export declare class InteractionsBaseShell extends HTMLElement {
     static get observedAttributes(): string[];
     private soundManager;
     private animationsManager;
+    private $wrap;
     private $titleEl;
     private $closeBtn;
     private $promptBtn;
@@ -18,7 +19,6 @@ export declare class InteractionsBaseShell extends HTMLElement {
     private $progressContainer;
     private $progressBar;
     private $progressIcon;
-    private $progressCounter;
     private $interactionScreen;
     private $errorContent;
     private $attemptsMessage;
@@ -32,12 +32,10 @@ export declare class InteractionsBaseShell extends HTMLElement {
     private attemptLimit;
     private currentScreen;
     constructor();
+    queryAll(): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
     attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
-    setInteraction<T extends InteractionData>(interaction: BaseInteraction<T>): void;
-    removeInteraction(): void;
-    setCloseBtnVisible(visible: boolean, handler?: () => void): void;
     private setupShellListeners;
     private setupInteractionListeners;
     private removeInteractionListeners;
@@ -53,10 +51,13 @@ export declare class InteractionsBaseShell extends HTMLElement {
     private getFormattedTime;
     private updateTimerDisplay;
     private handleTimerComplete;
-    pauseTimer(): void;
     resumeTimer(): void;
     resetTimer(): void;
     private updateVisibility;
     private renderRadioNav;
+    setInteraction<T extends InteractionData>(interaction: BaseInteraction<T>): void;
+    removeInteraction(): void;
+    setCloseBtnVisible(visible: boolean, handler?: () => void): void;
+    setWallpaper(url: string): void;
     getContentArea(): HTMLElement;
 }

package/dist/types/Builders.d.ts

@@ -0,0 +1,17 @@
+import { InteractionData } from "./Data";
+export type BuilderMode = "manual" | "grammar";
+export type ValidationIssue = {
+    path: string;
+    message: string;
+    severity: 'error' | 'warning';
+};
+export type ParsingResult<T extends InteractionData> = {
+    ok: boolean;
+    data: T | null;
+    issues: ValidationIssue[];
+};
+export type ValidationResult = {
+    ok: boolean;
+    issues: ValidationIssue[];
+};
+export type Validator = (data: InteractionData) => ValidationResult;

package/dist/types/Data.d.ts

@@ -1,13 +1,13 @@
 import { BaseTableData, ValueTableData } from "./Tables";
-import { TextEngineBaseData, TextEngineBlanksData, TextEngineClassificationData, TextEngineSequentialInteractionData } from "./Text";
-export type InteractionData = ClassificationData | AssociationData | BaseTableData | ValueTableData | TextEngineBaseData | TextEngineBlanksData | TextEngineClassificationData | TextEngineSequentialInteractionData | FreeRecallData | RecognitionData | SeriationData;
+import { EduInputData } from "./Input";
+export type InteractionData = ClassificationData | AssociationData | BaseTableData | ValueTableData | MarkTheWordsData | FillBlanksData | FreeRecallData | RecognitionData | SeriationData;
+export type Category = {
+    label: string;
+    items: string[];
+};
 export type ClassificationData = {
     type: 'classification';
-    categories: {
-        label: string;
-        items: string[];
-    }[];
-    distractors?: string[];
+    categories: Category[];
 };
 export type AssociationData = {
     type: 'association';
@@ -16,17 +16,57 @@ export type AssociationData = {
         right: string;
     }[];
     distractors?: string[];
+    columnNames?: {
+        left: string;
+        right: string;
+    };
+    vertical?: boolean;
 };
 export type SeriationData = {
     type: 'seriation';
     items: string[];
 };
-export type FreeRecallData = SeriationData;
+export type FreeRecallData = SeriationData & {
+    demandCorrectOrder?: boolean;
+};
 export interface RecognitionData {
     type: 'recognition';
-    data: {
+    items: {
         question: string;
         correctOptions: string[];
         options: string[];
     }[];
 }
+export type Blanks = {
+    parts: string[];
+    items: {
+        id: string;
+        ref: string;
+        expectedValue: EduInputData;
+    }[];
+    targets: number[];
+};
+export type FillBlanksData = {
+    type: "fill-the-blanks";
+    items: Blanks[];
+    sequential: Boolean;
+};
+export type TargetWords = {
+    parts: string[];
+    targets: number[];
+};
+export type MarkTheWordsData = {
+    type: "mark-the-words";
+    slides: TargetWords[];
+};
+export type TargetCategory = {
+    categories: {
+        category: string;
+        targets: number[];
+    }[];
+};
+export type ClassifyTheWordsData = {
+    type: "classify-the-words";
+    parts: string[];
+    categories: TargetCategory[];
+};

package/dist/types/Global.d.ts

@@ -1,24 +1,3 @@
-import { InteractionData } from "./Data";
-import { InputElementData } from "./Input";
-export type StyleVariant = 'elegant' | 'playful' | 'outline' | 'letter' | 'sign' | 'minimal' | 'card' | 'glass' | 'empty';
+export type Variant = 'elegant' | 'playful' | 'outline' | 'letter' | 'sign' | 'minimal' | 'card' | 'glass' | 'empty';
+export type Difficulty = 'N/A' | 'WARM-UP' | 'EASY' | 'NORMAL' | 'MEDIUM' | 'HARD' | 'HARDER' | 'EXTREME';
 export type CognitiveOperation = 'discrimination' | 'classification' | 'freerecall' | 'production' | 'association' | 'comparisson' | 'transformation' | 'seriation' | 'recognition' | 'cuedrecall' | 'evaluation';
-export type ParsingResult = {
-    ok: boolean;
-    data?: InteractionData | null;
-    errors?: Record<string, string> | null;
-};
-export type ValidationResult = {
-    ok: boolean;
-    errors: Record<string, string> | null;
-};
-type DataTypesUnion = InteractionData | InputElementData;
-export type GrammarParseResult<T extends DataTypesUnion = DataTypesUnion> = {
-    ok: boolean;
-    data?: T | null;
-    errors?: SimpleErrorObject | SimpleErrorObject[] | null;
-};
-export type SimpleErrorObject = Record<string, string>;
-export type ComplexErrorObject = SimpleErrorObject[];
-export type GrammarParser<T extends DataTypesUnion = DataTypesUnion> = (code: string) => GrammarParseResult<T>;
-export type Validator = (data: InteractionData) => ValidationResult;
-export {};

package/dist/types/Grading.d.ts

@@ -2,6 +2,8 @@ export type GradingResult = {
     score: number;
     correct: number;
     total: number;
+    points?: number;
+    percentage?: number;
     answerKey?: any;
     userResponse?: any;
 };

package/dist/types/Input.d.ts

@@ -1,35 +1,31 @@
-export type InputModality = 'text' | 'number' | 'select' | 'date' | 'time';
-export type InputElementReference = 'tx' | 'nm' | 'sl' | 'dt' | 'tm';
-export type MediaRenference = 'im' | 'au' | 'tt' | 'vi' | 'ht';
-export type InputElementData = TextData | NumberData | SelectData | DateData | TimeData;
-interface InputElementBaseData {
-    type: InputModality;
-    id: string;
-    html: string;
-}
-export interface TextData extends InputElementBaseData {
+export type EduInputData = TextData | NumberData | SelectData | DateData | TimeData;
+export interface TextData {
     type: 'text';
+    id: string;
     value: string[];
 }
-export interface NumberData extends InputElementBaseData {
+export interface NumberData {
     type: 'number';
+    id: string;
     targets: number[];
     ranges?: {
         from: number;
         to: number;
     }[];
 }
-export interface SelectData extends InputElementBaseData {
+export interface SelectData {
     type: 'select';
-    correctOptions: string[];
+    id: string;
     options: string[];
+    correctOptions: string[];
 }
-export interface DateData extends InputElementBaseData {
+export interface DateData {
     type: 'date';
+    id: string;
     value: string;
 }
-export interface TimeData extends InputElementBaseData {
+export interface TimeData {
     type: 'time';
+    id: string;
     value: string;
 }
-export {};

package/dist/types/Interactions.d.ts

@@ -1,8 +1,7 @@
-import { Variant } from "../shared/types";
-import { InteractionData } from "./Data";
-import { AssetType } from "./Assets";
+import type { Variant } from "./Global";
+import type { AssetType } from "./Assets";
+import type { Difficulty } from "./Global";
 export type InteractionMechanic = 'static' | 'sequential' | 'automatic-sequencing' | 'prefers-horizontal-overflow' | 'prefers-vertical-overflow' | 'implements-open-canvas' | 'game';
-export type IInteractionSpec = unknown;
 export type InteractionConfig = {
     prompt: string;
     promptModality?: AssetType;
@@ -10,19 +9,16 @@ export type InteractionConfig = {
     promptDataSpec?: string;
     variant: Variant;
     shuffle: boolean;
-    construct?: string;
-    playStaggeringAnimation?: boolean;
     animationsEnabled?: boolean;
     soundEnabled?: boolean;
-    inLineFeedback?: boolean;
     immediateFeedback?: boolean;
+    showCorrectnessOnFeedback?: boolean;
     attemptLimit: number | null;
     timer: number | null;
-};
-export type IInteraction = {
-    id: string;
-    name: string;
-    data?: InteractionData;
-    css: string;
-    examples: Record<string, string>;
+    points?: number;
+    minimum?: number;
+    accent?: string;
+    wallpaper?: string;
+    construct?: string;
+    difficulty?: Difficulty;
 };

package/dist/types/Tables.d.ts

@@ -1,5 +1,5 @@
-import { Variant } from "../shared";
-import { GradingState } from "./Grading";
+import type { Variant } from "./Global";
+import type { GradingState } from "./Grading";
 export type BaseTableData = {
     rows: string[];
     cols: string[];

package/dist/ui/{misc/block.d.ts → block/index.d.ts}

@@ -1,4 +1,4 @@
-import { Variant } from "../../shared";
+import { Variant } from "@/types/Global";
 export declare class EduBlock extends HTMLElement {
     static get observedAttributes(): string[];
     private $blockEl;

package/dist/ui/{misc/chip/chip.d.ts → chip/index.d.ts}

@@ -1,7 +1,8 @@
-import { Variant } from "../../../shared";
-import { AssetType } from "../../../types/Assets";
-import { NormalizedAssets } from "../../../types/Assets";
-import { GradingState } from "../../../types/Grading";
+import type { Variant } from "@/types/Global";
+import type { AssetType } from "@/types/Assets";
+import type { NormalizedAssets } from "@/types/Assets";
+import type { GradingState } from "@/types/Grading";
+type ChipDisplayMode = 'in-line' | 'dialog';
 /**
  * The key is expected to be something like "@:name", where string[2:] is expected to be a reference to
  * a key in assets.
@@ -41,6 +42,9 @@ export declare class EduChip extends HTMLElement {
     set selected(v: boolean);
     get value(): string;
     set value(v: string);
+    get display(): ChipDisplayMode | null;
+    set display(v: ChipDisplayMode | null);
     toggle(force?: boolean): boolean;
     removeSelf(): void;
 }
+export {};

package/dist/ui/{misc/dialog.d.ts → dialog/index.d.ts}

@@ -7,7 +7,6 @@ export declare class EduDialog extends HTMLElement {
     private $dialog;
     private $title;
     private $content;
-    private $footer;
     private $closeBtn;
     static get observedAttributes(): string[];
     constructor();

package/dist/ui/index.d.ts

@@ -1,2 +1,5 @@
-export * from "./misc";
+export * from "./block";
 export * from "./input";
+export * from "./chip";
+export * from "./dialog";
+export * from "./media";

package/dist/ui/input/index.d.ts

@@ -1 +1,22 @@
-export * from "./input";
+import { Variant } from "@/types/Global";
+export declare class EduInput extends HTMLElement {
+    static get observedAttributes(): string[];
+    private $slot;
+    private controlEl;
+    private currentTag;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    private handleSlotChange;
+    private getTag;
+    private render;
+    private applyAttr;
+    private applyBoolAttr;
+    private syncAttributes;
+    private syncContent;
+    get variant(): Variant;
+    set variant(v: Variant);
+    get value(): string;
+    set value(v: string);
+}

package/dist/ui/{misc/media.d.ts → media/index.d.ts}

@@ -1,4 +1,4 @@
-import { NormalizedAssets } from "../../types/Assets";
+import type { NormalizedAssets } from "@/types/Assets";
 /**
  * setUpQuestionData - Configure content rendering with asset support
  *

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "cognikit",
-	"version": "1.0.2",
+	"version": "1.1.0",
 	"author": "Yahir Adolfo de los Santos Beras",
 	"license": "MIT",
 	"repository": "https://github.com/YerCodeWorld/cognikit.git",