@vue-skuilder/common-ui 0.2.32 → 0.2.34

package/dist/composables/CompositionViewable.d.ts

@@ -1,5 +1,5 @@
 import { default as moment } from 'moment';
-import { ComputedRef, Ref } from 'vue';
+import { Ref } from 'vue';
 import { CardRecord, QuestionRecord } from '@vue-skuilder/db';
 import { HotKey } from '../utils/SkldrMouseTrap';
 import { Question } from './Displayable';
@@ -7,7 +7,7 @@ import { ViewData, Answer } from '@vue-skuilder/common';
 export interface ViewableUtils {
     startTime: Ref<moment.Moment>;
     hotKeys: Ref<HotKey[]>;
-    timeSpent: ComputedRef<number>;
+    timeSpent: Readonly<Ref<number>>;
     logger: ViewableLogger;
     getURL: (item: string, dataShapeIndex?: number) => string;
     emitResponse: (record: CardRecord) => void;

package/dist/composables/CompositionViewable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CompositionViewable.d.ts","sourceRoot":"","sources":["../../src/composables/CompositionViewable.ts"],"names":[],"mappings":"AAEA,OAAO,MAAM,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAY,WAAW,EAAO,GAAG,EAAE,MAAM,KAAK,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAGxD,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IAC9B,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC;IACvB,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC/B,MAAM,EAAE,cAAc,CAAC;IACvB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1D,YAAY,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;CAC5C;AAED,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,GAAG,MAAM,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IACvD,KAAK,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,GAAG,MAAM,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IACzD,IAAI,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,GAAG,MAAM,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;CACzD;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,QAAQ;IACnD,iBAAiB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC/B,aAAa,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC3B,YAAY,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC;IACtC,kBAAkB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAChC,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC7B,QAAQ,EAAE,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC;IAC7B,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,eAAe,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,gBAAgB,KAAK,cAAc,CAAC;CACrG;AAGD,wBAAgB,WAAW,CACzB,KAAK,EAAE;IAAE,IAAI,EAAE,QAAQ,EAAE,CAAA;CAAE,EAC3B,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,EACjD,aAAa,EAAE,MAAM,GACpB,aAAa,CAsCf;AAGD,wBAAgB,eAAe,CAAC,CAAC,SAAS,QAAQ,EAChD,aAAa,EAAE,aAAa,GAE3B,iBAAiB,CAAC,CAAC,CAAC,CAqDtB;AAGD,wBAAgB,cAAc,CAAC,SAAS,EAAE,OAAO,GAAG,SAAS,IAAI,iBAAiB,CAAC,QAAQ,CAAC,CAO3F"}
+{"version":3,"file":"CompositionViewable.d.ts","sourceRoot":"","sources":["../../src/composables/CompositionViewable.ts"],"names":[],"mappings":"AAEA,OAAO,MAAM,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAkB,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAGxD,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IAC9B,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC;IACvB,SAAS,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;IACjC,MAAM,EAAE,cAAc,CAAC;IACvB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1D,YAAY,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;CAC5C;AAED,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,GAAG,MAAM,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IACvD,KAAK,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,GAAG,MAAM,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IACzD,IAAI,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,GAAG,MAAM,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;CACzD;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,QAAQ;IACnD,iBAAiB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC/B,aAAa,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC3B,YAAY,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC;IACtC,kBAAkB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAChC,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC7B,QAAQ,EAAE,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC;IAC7B,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,eAAe,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,gBAAgB,KAAK,cAAc,CAAC;CACrG;AAGD,wBAAgB,WAAW,CACzB,KAAK,EAAE;IAAE,IAAI,EAAE,QAAQ,EAAE,CAAA;CAAE,EAC3B,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,EACjD,aAAa,EAAE,MAAM,GACpB,aAAa,CA2Cf;AAGD,wBAAgB,eAAe,CAAC,CAAC,SAAS,QAAQ,EAChD,aAAa,EAAE,aAAa,GAE3B,iBAAiB,CAAC,CAAC,CAAC,CAsDtB;AAGD,wBAAgB,cAAc,CAAC,SAAS,EAAE,OAAO,GAAG,SAAS,IAAI,iBAAiB,CAAC,QAAQ,CAAC,CAO3F"}

package/dist/composables/Displayable.d.ts

@@ -1,5 +1,5 @@
 import { DefineComponent, defineComponent } from 'vue';
-import { DataShape, ViewData, Answer, Evaluation } from '@vue-skuilder/common';
+import { DataShape, ViewData, Answer, Evaluation, SeedMeta } from '@vue-skuilder/common';
 export type ViewComponent = DefineComponent<unknown, unknown, unknown> | ReturnType<typeof defineComponent>;
 export declare function isDefineComponent(v: ViewComponent): v is DefineComponent<unknown, unknown, unknown>;
 export declare abstract class Displayable {
@@ -14,6 +14,11 @@ export declare abstract class Displayable {
      * data, and not want any user input.
      */
     static acceptsUserData: boolean;
+    /**
+     * Optional tags and starting ELO for the cards seeded from one seedData
+     * item. Without it, seeded cards start untagged at ~1000.
+     */
+    static seedMeta?: (item: unknown) => SeedMeta;
     /**
      *
      */

package/dist/composables/Displayable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Displayable.d.ts","sourceRoot":"","sources":["../../src/composables/Displayable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAE,eAAe,EAAE,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAa,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAG1F,MAAM,MAAM,aAAa,GACrB,eAAe,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,GAC1C,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAEvC,wBAAgB,iBAAiB,CAC/B,CAAC,EAAE,aAAa,GACf,CAAC,IAAI,eAAe,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAEjD;AAOD,8BAAsB,WAAW;IAC/B,OAAc,UAAU,EAAE,SAAS,EAAE,CAAC;IAEtC,OAAc,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IAC1C,OAAc,QAAQ,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IACxC;;;;;;OAMG;IACH,OAAc,eAAe,EAAE,OAAO,CAAQ;IAE9C;;OAEG;gBACS,QAAQ,EAAE,QAAQ,EAAE;aAShB,UAAU,IAAI,SAAS,EAAE;aACzB,KAAK,IAAI,KAAK,CAAC,aAAa,CAAC;CAC9C;AAeD,8BAAsB,QAAS,SAAQ,WAAW;IAChD;;;;OAIG;IACH,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO;IACrD;;;;;;;OAOG;IACH,SAAS,CAAC,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM;IAmBnE;;;;;OAKG;IACI,QAAQ,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,UAAU;CA8B/D"}
+{"version":3,"file":"Displayable.d.ts","sourceRoot":"","sources":["../../src/composables/Displayable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAE,eAAe,EAAE,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAa,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAGpG,MAAM,MAAM,aAAa,GACrB,eAAe,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,GAC1C,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAEvC,wBAAgB,iBAAiB,CAC/B,CAAC,EAAE,aAAa,GACf,CAAC,IAAI,eAAe,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAEjD;AAOD,8BAAsB,WAAW;IAC/B,OAAc,UAAU,EAAE,SAAS,EAAE,CAAC;IAEtC,OAAc,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IAC1C,OAAc,QAAQ,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IACxC;;;;;;OAMG;IACH,OAAc,eAAe,EAAE,OAAO,CAAQ;IAE9C;;;OAGG;IACH,OAAc,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,QAAQ,CAAC;IAErD;;OAEG;gBACS,QAAQ,EAAE,QAAQ,EAAE;aAShB,UAAU,IAAI,SAAS,EAAE;aACzB,KAAK,IAAI,KAAK,CAAC,aAAa,CAAC;CAC9C;AAeD,8BAAsB,QAAS,SAAQ,WAAW;IAChD;;;;OAIG;IACH,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO;IACrD;;;;;;;OAOG;IACH,SAAS,CAAC,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM;IAmBnE;;;;;OAKG;IACI,QAAQ,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,UAAU;CA8B/D"}

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.2.32",
+  "version": "0.2.34",
   "sideEffects": false,
   "main": "./dist/common-ui.umd.js",
   "module": "./dist/common-ui.es.js",
@@ -47,8 +47,8 @@
     "@highlightjs/vue-plugin": "^2.1.2",
     "@mdi/font": "^7.3.67",
     "@vojtechlanka/vue-tags-input": "^3",
-    "@vue-skuilder/common": "0.2.32",
-    "@vue-skuilder/db": "0.2.32",
+    "@vue-skuilder/common": "0.2.34",
+    "@vue-skuilder/db": "0.2.34",
     "highlight.js": "^11.0.1",
     "marked": "^15.0.6",
     "moment": "^2.29.4",
@@ -84,5 +84,5 @@
     "vite-plugin-dts": "^4.5.3",
     "vitest": "^4.1.0"
   },
-  "stableVersion": "0.2.32"
+  "stableVersion": "0.2.34"
 }

package/src/composables/CompositionViewable.ts

@@ -1,7 +1,7 @@
 // src/base-course/CompositionViewable.ts
 
 import moment from 'moment';
-import { computed, ComputedRef, ref, Ref } from 'vue';
+import { customRef, ref, Ref } from 'vue';
 import { CardRecord, QuestionRecord } from '@vue-skuilder/db';
 import { HotKey } from '../utils/SkldrMouseTrap';
 import { Question } from './Displayable';
@@ -11,7 +11,7 @@ import { ViewData, Answer } from '@vue-skuilder/common';
 export interface ViewableUtils {
   startTime: Ref<moment.Moment>;
   hotKeys: Ref<HotKey[]>;
-  timeSpent: ComputedRef<number>;
+  timeSpent: Readonly<Ref<number>>;
   logger: ViewableLogger;
   getURL: (item: string, dataShapeIndex?: number) => string;
   emitResponse: (record: CardRecord) => void;
@@ -63,7 +63,12 @@ export function useViewable(
       console.warn(`[${componentName}]: `, message, ...params),
   };
 
-  const timeSpent = computed(() => Math.abs(moment.utc().diff(startTime.value, 'milliseconds')));
+  // Recomputed on every read. A computed caches its first read (moment.utc() isn't reactive),
+  // so retries were recorded with the first attempt's time.
+  const timeSpent = customRef<number>(() => ({
+    get: () => Math.abs(moment.utc().diff(startTime.value, 'milliseconds')),
+    set: () => {},
+  }));
 
   const getURL = (item: string, dataShapeIndex = 0): string => {
     try {
@@ -111,7 +116,8 @@ export function useQuestionView<Q extends Question>(
 
     priorAnswers.value.push([answer, submittingClass ?? '']);
 
-    const evaluation = question.value.evaluate(answer, viewableUtils.timeSpent.value);
+    const timeSpent = viewableUtils.timeSpent.value;
+    const evaluation = question.value.evaluate(answer, timeSpent);
 
     viewableUtils.logger.log(`evaluation of answer ${answer}:`, evaluation);
 
@@ -120,7 +126,7 @@ export function useQuestionView<Q extends Question>(
       priorAttemps: priorAttempts.value,
       courseID: '',
       cardID: '',
-      timeSpent: viewableUtils.timeSpent.value,
+      timeSpent,
       timeStamp: viewableUtils.startTime.value,
       userAnswer: answer,
     };

package/src/composables/Displayable.ts

@@ -1,5 +1,5 @@
 import { type DefineComponent, defineComponent } from 'vue';
-import { FieldType, DataShape, ViewData, Answer, Evaluation } from '@vue-skuilder/common';
+import { FieldType, DataShape, ViewData, Answer, Evaluation, SeedMeta } from '@vue-skuilder/common';
 
 // [ ] #vue3 - post migration, specify this more precisely (no longer a hodge-podge)
 export type ViewComponent =
@@ -31,6 +31,12 @@ export abstract class Displayable {
    */
   public static acceptsUserData: boolean = true;
 
+  /**
+   * Optional tags and starting ELO for the cards seeded from one seedData
+   * item. Without it, seeded cards start untagged at ~1000.
+   */
+  public static seedMeta?: (item: unknown) => SeedMeta;
+
   /**
    *
    */