@things-factory/learning 0.0.0-stage → 10.1.261

package/dist-client/bootstrap.d.ts

@@ -0,0 +1,2 @@
+import './components/learning-todo.js';
+export default function bootstrap(): void;

package/dist-client/bootstrap.js

@@ -0,0 +1,4 @@
+import './components/learning-todo.js';
+/* The to-do's element registers itself on load - the pages come in through the route when an application puts them in its menu. */
+export default function bootstrap() { }
+//# sourceMappingURL=bootstrap.js.map

package/dist-client/bootstrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"AAAA,OAAO,+BAA+B,CAAA;AAEtC,mIAAmI;AACnI,MAAM,CAAC,OAAO,UAAU,SAAS,KAAI,CAAC","sourcesContent":["import './components/learning-todo.js'\n\n/* The to-do's element registers itself on load - the pages come in through the route when an application puts them in its menu. */\nexport default function bootstrap() {}\n"]}

package/dist-client/components/learning-assign-form.d.ts

@@ -0,0 +1,24 @@
+import '@material/web/button/filled-button.js';
+import '@material/web/button/text-button.js';
+import '@operato/popup/ox-popup-actions.js';
+import '@things-factory/announcement/dist-client';
+import { LitElement } from 'lit';
+/** Opens the assignment form of a course. Resolves with how many enrolments it holds now, or null. */
+export declare function openAssignForm(course: {
+    id: string;
+    name: string;
+}): Promise<number | null>;
+declare const LearningAssignForm_base: (new (...args: any[]) => LitElement) & typeof LitElement;
+export declare class LearningAssignForm extends LearningAssignForm_base {
+    static styles: import("lit").CSSResult[];
+    course: {
+        id: string;
+        name: string;
+    };
+    private audiences;
+    private dueOn;
+    private assign;
+    render(): import("lit-html").TemplateResult<1>;
+    private submit;
+}
+export {};

package/dist-client/components/learning-assign-form.js

@@ -0,0 +1,77 @@
+import { __decorate, __metadata } from "tslib";
+import '@material/web/button/filled-button.js';
+import '@material/web/button/text-button.js';
+import '@operato/popup/ox-popup-actions.js';
+import '@things-factory/announcement/dist-client';
+import gql from 'graphql-tag';
+import { html, LitElement, nothing } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { MutationController } from '@operato/graphql';
+import { i18next, localize } from '@operato/i18n';
+import { openPopup } from '@operato/layout';
+import { CommonPopupStyles, FormFieldStyles, PopupBodyStyles, PopupFieldStyles } from '@operato/styles';
+import { t } from '../utils/learning-words.js';
+/** Opens the assignment form of a course. Resolves with how many enrolments it holds now, or null. */
+export function openAssignForm(course) {
+    const popup = openPopup(html `<learning-assign-form .course=${course} @assigned=${(e) => popup.close(e.detail)} @close=${() => popup.close()}></learning-assign-form>`, { backdrop: true, size: 'medium', title: t('title.learning-assign', { course: course.name }) });
+    return popup.result.then(value => (value ?? null));
+}
+/*
+ * 수강 배정 (ADR-0194 decision 7) - whom a course is assigned to, by the one audience rule (the domain, departments with
+ * those under them, roles and people - ADR-0163), and the day it is due. Each person gets a to-do.
+ */
+let LearningAssignForm = class LearningAssignForm extends localize(i18next)(LitElement) {
+    constructor() {
+        super(...arguments);
+        this.course = { id: '', name: '' };
+        this.audiences = [];
+        this.dueOn = '';
+        this.assign = new MutationController(this, gql `mutation ($courseId: String!, $audiences: [LearningAudienceInput!]!, $dueOn: String) { assignCourse(courseId: $courseId, audiences: $audiences, dueOn: $dueOn) { id } }`, { showsError: true });
+    }
+    static { this.styles = [CommonPopupStyles, PopupBodyStyles, FormFieldStyles, PopupFieldStyles]; }
+    render() {
+        const error = this.assign.error;
+        return html `
+      <div class="body">
+        <div class="field">
+          <span>${t('field.learning-assign-audience')}</span>
+          <announcement-audience-picker .value=${this.audiences} @change=${(e) => Array.isArray(e.detail) && (this.audiences = e.detail)}></announcement-audience-picker>
+          <span>${t('text.learning-assign-audience-hint')}</span>
+        </div>
+        <label class="field">
+          <span>${t('field.learning-due-on')}</span>
+          <input type="date" .value=${this.dueOn} @input=${(e) => (this.dueOn = e.target.value)} />
+          <span>${t('text.learning-due-on-hint')}</span>
+        </label>
+        ${error ? html `<div class="field"><span invalid role="alert">${error.graphQLErrors?.[0]?.message ?? error.message}</span></div>` : nothing}
+      </div>
+      <ox-popup-actions>
+        <md-text-button slot="cancel" @click=${() => this.dispatchEvent(new CustomEvent('close'))}>${t('button.cancel')}</md-text-button>
+        <md-filled-button slot="confirm" ?disabled=${!this.audiences.length || this.assign.pending} @click=${() => this.submit()}>${t('button.learning-assign')}</md-filled-button>
+      </ox-popup-actions>
+    `;
+    }
+    async submit() {
+        const audiences = this.audiences.map(({ scope, targetId, targetName }) => ({ scope, targetId, targetName }));
+        const done = await this.assign.run({ courseId: this.course.id, audiences, dueOn: this.dueOn || null });
+        if (done)
+            this.dispatchEvent(new CustomEvent('assigned', { detail: done.assignCourse.length }));
+    }
+};
+__decorate([
+    property({ attribute: false }),
+    __metadata("design:type", Object)
+], LearningAssignForm.prototype, "course", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], LearningAssignForm.prototype, "audiences", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], LearningAssignForm.prototype, "dueOn", void 0);
+LearningAssignForm = __decorate([
+    customElement('learning-assign-form')
+], LearningAssignForm);
+export { LearningAssignForm };
+//# sourceMappingURL=learning-assign-form.js.map

package/dist-client/components/learning-assign-form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"learning-assign-form.js","sourceRoot":"","sources":["../../client/components/learning-assign-form.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/button/filled-button.js'\nimport '@material/web/button/text-button.js'\nimport '@operato/popup/ox-popup-actions.js'\nimport '@things-factory/announcement/dist-client'\n\nimport gql from 'graphql-tag'\nimport { html, LitElement, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { MutationController } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { openPopup } from '@operato/layout'\nimport { CommonPopupStyles, FormFieldStyles, PopupBodyStyles, PopupFieldStyles } from '@operato/styles'\n\nimport { t } from '../utils/learning-words.js'\n\n/** Opens the assignment form of a course. Resolves with how many enrolments it holds now, or null. */\nexport function openAssignForm(course: { id: string; name: string }): Promise<number | null> {\n  const popup = openPopup(html`<learning-assign-form .course=${course} @assigned=${(e: CustomEvent) => popup.close(e.detail)} @close=${() => popup.close()}></learning-assign-form>`, { backdrop: true, size: 'medium', title: t('title.learning-assign', { course: course.name }) })\n  return popup.result.then(value => (value ?? null) as any)\n}\n\n/*\n * 수강 배정 (ADR-0194 decision 7) - whom a course is assigned to, by the one audience rule (the domain, departments with\n * those under them, roles and people - ADR-0163), and the day it is due. Each person gets a to-do.\n */\n@customElement('learning-assign-form')\nexport class LearningAssignForm extends localize(i18next)(LitElement) {\n  static styles = [CommonPopupStyles, PopupBodyStyles, FormFieldStyles, PopupFieldStyles]\n\n  @property({ attribute: false }) course: { id: string; name: string } = { id: '', name: '' }\n  @state() private audiences: { scope: string; targetId: string; targetName?: string }[] = []\n  @state() private dueOn = ''\n\n  private assign = new MutationController(this, gql`mutation ($courseId: String!, $audiences: [LearningAudienceInput!]!, $dueOn: String) { assignCourse(courseId: $courseId, audiences: $audiences, dueOn: $dueOn) { id } }`, { showsError: true })\n\n  render() {\n    const error: any = this.assign.error\n    return html`\n      <div class=\"body\">\n        <div class=\"field\">\n          <span>${t('field.learning-assign-audience')}</span>\n          <announcement-audience-picker .value=${this.audiences} @change=${(e: CustomEvent) => Array.isArray(e.detail) && (this.audiences = e.detail)}></announcement-audience-picker>\n          <span>${t('text.learning-assign-audience-hint')}</span>\n        </div>\n        <label class=\"field\">\n          <span>${t('field.learning-due-on')}</span>\n          <input type=\"date\" .value=${this.dueOn} @input=${(e: any) => (this.dueOn = e.target.value)} />\n          <span>${t('text.learning-due-on-hint')}</span>\n        </label>\n        ${error ? html`<div class=\"field\"><span invalid role=\"alert\">${error.graphQLErrors?.[0]?.message ?? error.message}</span></div>` : nothing}\n      </div>\n      <ox-popup-actions>\n        <md-text-button slot=\"cancel\" @click=${() => this.dispatchEvent(new CustomEvent('close'))}>${t('button.cancel')}</md-text-button>\n        <md-filled-button slot=\"confirm\" ?disabled=${!this.audiences.length || this.assign.pending} @click=${() => this.submit()}>${t('button.learning-assign')}</md-filled-button>\n      </ox-popup-actions>\n    `\n  }\n\n  private async submit() {\n    const audiences = this.audiences.map(({ scope, targetId, targetName }) => ({ scope, targetId, targetName }))\n    const done = await this.assign.run({ courseId: this.course.id, audiences, dueOn: this.dueOn || null })\n    if (done) this.dispatchEvent(new CustomEvent('assigned', { detail: done.assignCourse.length }))\n  }\n}\n"]}

package/dist-client/components/learning-course-form.d.ts

@@ -0,0 +1,29 @@
+import '@material/web/button/filled-button.js';
+import '@material/web/button/text-button.js';
+import '@operato/input/ox-input-select-buttons.js';
+import '@operato/popup/ox-popup-actions.js';
+import { LitElement } from 'lit';
+type CourseShape = {
+    id?: string;
+    name?: string;
+    category?: string | null;
+    description?: string | null;
+};
+/** Opens the course form - a new course, or what one says changed. Resolves with the course saved, or null. */
+export declare function openCourseForm(course?: CourseShape): Promise<{
+    id: string;
+} | null>;
+declare const LearningCourseForm_base: (new (...args: any[]) => LitElement) & typeof LitElement;
+export declare class LearningCourseForm extends LearningCourseForm_base {
+    static styles: import("lit").CSSResult[];
+    course: CourseShape;
+    private name;
+    private category;
+    private description;
+    private save;
+    private change;
+    willUpdate(changed: Map<string, unknown>): void;
+    render(): import("lit-html").TemplateResult<1>;
+    private submit;
+}
+export {};

package/dist-client/components/learning-course-form.js

@@ -0,0 +1,104 @@
+import { __decorate, __metadata } from "tslib";
+import '@material/web/button/filled-button.js';
+import '@material/web/button/text-button.js';
+import '@operato/input/ox-input-select-buttons.js';
+import '@operato/popup/ox-popup-actions.js';
+import gql from 'graphql-tag';
+import { css, html, LitElement, nothing } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { MutationController } from '@operato/graphql';
+import { i18next, localize } from '@operato/i18n';
+import { openPopup } from '@operato/layout';
+import { CommonPopupStyles, FormFieldStyles, PopupBodyStyles, PopupFieldStyles } from '@operato/styles';
+import { CATEGORIES, categoryWord, t } from '../utils/learning-words.js';
+/** Opens the course form - a new course, or what one says changed. Resolves with the course saved, or null. */
+export function openCourseForm(course = {}) {
+    const popup = openPopup(html `<learning-course-form .course=${course} @saved=${(e) => popup.close(e.detail)} @close=${() => popup.close()}></learning-course-form>`, { backdrop: true, size: 'medium', title: course.id ? t('title.learning-course-edit') : t('title.learning-course-new') });
+    return popup.result.then(value => (value ?? null));
+}
+/* 과정 (ADR-0194 decision 2) - its name, category and description. The house shape of a popup: only the body scrolls, labels above native inputs, one action row. */
+let LearningCourseForm = class LearningCourseForm extends localize(i18next)(LitElement) {
+    constructor() {
+        super(...arguments);
+        this.course = {};
+        this.name = '';
+        this.category = 'MANDATORY';
+        this.description = '';
+        this.save = new MutationController(this, gql `mutation ($course: NewCourse!) { createCourse(course: $course) { id } }`, { showsError: true });
+        this.change = new MutationController(this, gql `mutation ($id: String!, $patch: CoursePatch!) { updateCourse(id: $id, patch: $patch) { id } }`, { showsError: true });
+    }
+    static { this.styles = [
+        CommonPopupStyles,
+        PopupBodyStyles,
+        FormFieldStyles,
+        PopupFieldStyles,
+        css `
+      ox-input-select-buttons {
+        align-self: flex-start;
+      }
+      textarea {
+        min-height: 120px;
+        resize: vertical;
+      }
+    `
+    ]; }
+    willUpdate(changed) {
+        if (changed.has('course')) {
+            this.name = this.course.name ?? '';
+            this.category = this.course.category ?? 'MANDATORY';
+            this.description = this.course.description ?? '';
+        }
+    }
+    render() {
+        const pending = this.save.pending || this.change.pending;
+        const error = this.save.error || this.change.error;
+        return html `
+      <div class="body">
+        <label class="field">
+          <span>${t('field.learning-course-name')}</span>
+          <input .value=${this.name} maxlength="200" required @input=${(e) => (this.name = e.target.value)} />
+        </label>
+        <div class="field">
+          <span>${t('field.learning-course-category')}</span>
+          <ox-input-select-buttons .value=${this.category} .options=${CATEGORIES.map(code => ({ display: categoryWord(code), value: code }))} @change=${(e) => e.detail && (this.category = e.detail)}></ox-input-select-buttons>
+        </div>
+        <label class="field">
+          <span>${t('field.learning-course-description')}</span>
+          <textarea .value=${this.description} @input=${(e) => (this.description = e.target.value)}></textarea>
+        </label>
+        ${error ? html `<div class="field"><span invalid role="alert">${error.graphQLErrors?.[0]?.message ?? error.message}</span></div>` : nothing}
+      </div>
+      <ox-popup-actions>
+        <md-text-button slot="cancel" @click=${() => this.dispatchEvent(new CustomEvent('close'))}>${t('button.cancel')}</md-text-button>
+        <md-filled-button slot="confirm" ?disabled=${!this.name.trim() || pending} @click=${() => this.submit()}>${t('button.save')}</md-filled-button>
+      </ox-popup-actions>
+    `;
+    }
+    async submit() {
+        const fields = { name: this.name.trim(), category: this.category, description: this.description.trim() || null };
+        const done = this.course.id ? (await this.change.run({ id: this.course.id, patch: fields }))?.updateCourse : (await this.save.run({ course: fields }))?.createCourse;
+        if (done)
+            this.dispatchEvent(new CustomEvent('saved', { detail: done }));
+    }
+};
+__decorate([
+    property({ attribute: false }),
+    __metadata("design:type", Object)
+], LearningCourseForm.prototype, "course", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], LearningCourseForm.prototype, "name", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], LearningCourseForm.prototype, "category", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], LearningCourseForm.prototype, "description", void 0);
+LearningCourseForm = __decorate([
+    customElement('learning-course-form')
+], LearningCourseForm);
+export { LearningCourseForm };
+//# sourceMappingURL=learning-course-form.js.map

package/dist-client/components/learning-course-form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"learning-course-form.js","sourceRoot":"","sources":["../../client/components/learning-course-form.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/button/filled-button.js'\nimport '@material/web/button/text-button.js'\nimport '@operato/input/ox-input-select-buttons.js'\nimport '@operato/popup/ox-popup-actions.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { MutationController } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { openPopup } from '@operato/layout'\nimport { CommonPopupStyles, FormFieldStyles, PopupBodyStyles, PopupFieldStyles } from '@operato/styles'\n\nimport { CATEGORIES, categoryWord, t } from '../utils/learning-words.js'\n\ntype CourseShape = { id?: string; name?: string; category?: string | null; description?: string | null }\n\n/** Opens the course form - a new course, or what one says changed. Resolves with the course saved, or null. */\nexport function openCourseForm(course: CourseShape = {}): Promise<{ id: string } | null> {\n  const popup = openPopup(html`<learning-course-form .course=${course} @saved=${(e: CustomEvent) => popup.close(e.detail)} @close=${() => popup.close()}></learning-course-form>`, { backdrop: true, size: 'medium', title: course.id ? t('title.learning-course-edit') : t('title.learning-course-new') })\n  return popup.result.then(value => (value ?? null) as any)\n}\n\n/* 과정 (ADR-0194 decision 2) - its name, category and description. The house shape of a popup: only the body scrolls, labels above native inputs, one action row. */\n@customElement('learning-course-form')\nexport class LearningCourseForm extends localize(i18next)(LitElement) {\n  static styles = [\n    CommonPopupStyles,\n    PopupBodyStyles,\n    FormFieldStyles,\n    PopupFieldStyles,\n    css`\n      ox-input-select-buttons {\n        align-self: flex-start;\n      }\n      textarea {\n        min-height: 120px;\n        resize: vertical;\n      }\n    `\n  ]\n\n  @property({ attribute: false }) course: CourseShape = {}\n  @state() private name = ''\n  @state() private category = 'MANDATORY'\n  @state() private description = ''\n\n  private save = new MutationController(this, gql`mutation ($course: NewCourse!) { createCourse(course: $course) { id } }`, { showsError: true })\n  private change = new MutationController(this, gql`mutation ($id: String!, $patch: CoursePatch!) { updateCourse(id: $id, patch: $patch) { id } }`, { showsError: true })\n\n  willUpdate(changed: Map<string, unknown>) {\n    if (changed.has('course')) {\n      this.name = this.course.name ?? ''\n      this.category = this.course.category ?? 'MANDATORY'\n      this.description = this.course.description ?? ''\n    }\n  }\n\n  render() {\n    const pending = this.save.pending || this.change.pending\n    const error: any = this.save.error || this.change.error\n    return html`\n      <div class=\"body\">\n        <label class=\"field\">\n          <span>${t('field.learning-course-name')}</span>\n          <input .value=${this.name} maxlength=\"200\" required @input=${(e: any) => (this.name = e.target.value)} />\n        </label>\n        <div class=\"field\">\n          <span>${t('field.learning-course-category')}</span>\n          <ox-input-select-buttons .value=${this.category} .options=${CATEGORIES.map(code => ({ display: categoryWord(code), value: code }))} @change=${(e: CustomEvent) => e.detail && (this.category = e.detail)}></ox-input-select-buttons>\n        </div>\n        <label class=\"field\">\n          <span>${t('field.learning-course-description')}</span>\n          <textarea .value=${this.description} @input=${(e: any) => (this.description = e.target.value)}></textarea>\n        </label>\n        ${error ? html`<div class=\"field\"><span invalid role=\"alert\">${error.graphQLErrors?.[0]?.message ?? error.message}</span></div>` : nothing}\n      </div>\n      <ox-popup-actions>\n        <md-text-button slot=\"cancel\" @click=${() => this.dispatchEvent(new CustomEvent('close'))}>${t('button.cancel')}</md-text-button>\n        <md-filled-button slot=\"confirm\" ?disabled=${!this.name.trim() || pending} @click=${() => this.submit()}>${t('button.save')}</md-filled-button>\n      </ox-popup-actions>\n    `\n  }\n\n  private async submit() {\n    const fields = { name: this.name.trim(), category: this.category, description: this.description.trim() || null }\n    const done = this.course.id ? (await this.change.run({ id: this.course.id, patch: fields }))?.updateCourse : (await this.save.run({ course: fields }))?.createCourse\n    if (done) this.dispatchEvent(new CustomEvent('saved', { detail: done }))\n  }\n}\n"]}

package/dist-client/components/learning-material-form.d.ts

@@ -0,0 +1,41 @@
+import '@material/web/button/filled-button.js';
+import '@material/web/button/text-button.js';
+import '@operato/popup/ox-popup-actions.js';
+import { LitElement } from 'lit';
+type SourceUnit = {
+    id: string;
+    kind: string;
+    name: string;
+    file?: {
+        id: string;
+        name: string;
+        fullpath: string;
+    };
+};
+export declare function openMaterialForm(units: SourceUnit[]): Promise<boolean>;
+declare const LearningMaterialForm_base: (new (...args: any[]) => LitElement) & typeof LitElement;
+export declare class LearningMaterialForm extends LearningMaterialForm_base {
+    static styles: import("lit").CSSResult[];
+    units: SourceUnit[];
+    private unitId;
+    private instruction;
+    private captions;
+    private busy;
+    private error;
+    private proposal;
+    private source?;
+    private controller?;
+    private generation;
+    private transcribe;
+    private propose;
+    private apply;
+    willUpdate(): void;
+    disconnectedCallback(): void;
+    private get selected();
+    render(): import("lit-html").TemplateResult<1>;
+    private readCaptions;
+    private message;
+    private generate;
+    private save;
+}
+export {};

package/dist-client/components/learning-material-form.js

@@ -0,0 +1,202 @@
+import { __decorate, __metadata } from "tslib";
+import '@material/web/button/filled-button.js';
+import '@material/web/button/text-button.js';
+import '@operato/popup/ox-popup-actions.js';
+import gql from 'graphql-tag';
+import { css, html, LitElement, nothing } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { MutationController } from '@operato/graphql';
+import { i18next, localize } from '@operato/i18n';
+import { openPopup } from '@operato/layout';
+import { CommonPopupStyles, FormFieldStyles, PopupBodyStyles, PopupFieldStyles } from '@operato/styles';
+import { captionParts, pdfMaterial } from '../utils/material-source.js';
+import { t } from '../utils/learning-words.js';
+export function openMaterialForm(units) {
+    const popup = openPopup(html `<learning-material-form .units=${units} @done=${() => popup.close(true)} @close=${() => popup.close()}></learning-material-form>`, { backdrop: true, size: 'large', title: t('title.learning-ai-material') });
+    return popup.result.then(value => !!value);
+}
+let LearningMaterialForm = class LearningMaterialForm extends localize(i18next)(LitElement) {
+    constructor() {
+        super(...arguments);
+        this.units = [];
+        this.unitId = '';
+        this.instruction = '';
+        this.captions = '';
+        this.busy = false;
+        this.error = '';
+        this.generation = 0;
+        this.transcribe = new MutationController(this, gql `mutation ($unitId: String!) { transcribeLearningMaterial(unitId: $unitId) }`);
+        this.propose = new MutationController(this, gql `mutation ($unitId: String!, $source: Object!, $instruction: String!) { proposeLearningMaterial(unitId: $unitId, source: $source, instruction: $instruction) }`);
+        this.apply = new MutationController(this, gql `mutation ($unitId: String!, $source: Object!, $draft: Object!, $token: String!) { applyLearningMaterial(unitId: $unitId, source: $source, draft: $draft, token: $token) }`);
+    }
+    static { this.styles = [CommonPopupStyles, PopupBodyStyles, FormFieldStyles, PopupFieldStyles, css `
+    textarea { min-height: 100px; resize: vertical; }
+    .preview { white-space: pre-wrap; overflow-wrap: anywhere; }
+    .error { color: var(--md-sys-color-error); }
+  `]; }
+    willUpdate() { if (!this.unitId && this.units.length)
+        this.unitId = this.units[0].id; }
+    disconnectedCallback() { super.disconnectedCallback(); this.generation++; this.controller?.abort(); }
+    get selected() { return this.units.find(u => u.id === this.unitId); }
+    render() {
+        const draft = this.proposal?.draft;
+        return html `
+      <div class="body">
+        <p>${t('text.learning-ai-material-help')}</p>
+        <label class="field"><span>${t('field.learning-ai-source')}</span>
+          <select ?disabled=${this.busy || !!draft} .value=${this.unitId} @change=${(e) => { this.unitId = e.target.value; this.source = undefined; this.captions = ''; }}>
+            ${this.units.map(u => html `<option value=${u.id}>${u.name} · ${u.file?.name}</option>`)}
+          </select>
+        </label>
+        ${this.selected?.kind === 'VIDEO' ? html `
+          <label class="field"><span>${t('field.learning-ai-captions')}</span><input type="file" accept=".vtt,.srt,.txt" ?disabled=${this.busy || !!draft} @change=${(e) => this.readCaptions(e.target.files?.[0])} /></label>
+          <label class="field"><span>${t('text.learning-ai-captions-help')}</span><textarea maxlength="120000" ?disabled=${this.busy || !!draft} .value=${this.captions} @input=${(e) => this.captions = e.target.value}></textarea></label>
+        ` : nothing}
+        <label class="field"><span>${t('field.learning-ai-instruction')}</span><textarea maxlength="3900" ?disabled=${this.busy || !!draft} .value=${this.instruction} @input=${(e) => this.instruction = e.target.value}></textarea></label>
+        ${this.busy ? html `<p role="status">${t('text.learning-ai-working')}</p>` : nothing}
+        ${this.error ? html `<p class="error" role="alert">${this.error}</p>` : nothing}
+        ${draft ? html `<section aria-label=${t('title.learning-ai-preview')}>
+          <h3>${draft.title}</h3><p class="preview">${draft.introduction}</p>
+          <ul>${draft.objectives.map((s) => html `<li>${s}</li>`)}</ul>
+          ${draft.units.map((u) => html `<details><summary>${u.name}</summary><p class="preview">${u.body}</p><p>${u.references.join(', ')} · ${u.minSeconds}s</p></details>`)}
+          <h3>${t('title.learning-questions')}</h3>
+          ${draft.questions.map((q, i) => html `<details><summary>${i + 1}. ${q.text}</summary><ul>${q.choices.map((c) => html `<li>${c.correct ? '✓ ' : ''}${c.text}</li>`)}</ul><p>${q.explanation}</p><p>${q.references.join(', ')}</p></details>`)}
+          <details><summary>${t('field.learning-ai-source')}</summary>
+            <a href=${this.selected?.file?.fullpath ?? ''} target="_blank" rel="noopener noreferrer">${this.selected?.file?.name}</a>
+            ${this.source?.parts.map(p => html `<details><summary>${p.id}</summary>${p.text ? html `<p class="preview">${p.text}</p>` : html `<img style="max-width:100%" src=${p.image} alt=${p.id} />`}</details>`)}
+          </details>
+          <h3>${t('title.learning-ai-missing')}</h3><ul>${draft.missing.map((s) => html `<li>${s}</li>`)}</ul>
+          <p>${t('text.learning-ai-apply-help')}</p>
+          <md-text-button ?disabled=${this.busy} @click=${() => { this.proposal = undefined; this.error = ''; }}>${t('button.learning-ai-revise')}</md-text-button>
+        </section>` : nothing}
+      </div>
+      <ox-popup-actions>
+        <md-text-button slot="cancel" ?disabled=${this.apply.pending} @click=${() => this.dispatchEvent(new CustomEvent('close'))}>${t('button.cancel')}</md-text-button>
+        <md-filled-button slot="confirm" ?disabled=${this.busy || !this.selected?.file} @click=${() => draft ? this.save() : this.generate()}>${draft ? t('button.learning-ai-apply') : t('button.learning-ai-generate')}</md-filled-button>
+      </ox-popup-actions>`;
+    }
+    async readCaptions(file) {
+        if (!file)
+            return;
+        this.captions = '';
+        if (file.size > 500_000) {
+            this.error = t('error.learning-ai-source-limit');
+            return;
+        }
+        const id = ++this.generation;
+        this.busy = true;
+        this.error = '';
+        try {
+            const text = await file.text();
+            captionParts(text);
+            if (id === this.generation && this.isConnected) {
+                this.captions = text;
+                this.error = '';
+            }
+        }
+        catch {
+            if (id === this.generation)
+                this.error = t('error.learning-ai-source-limit');
+        }
+        finally {
+            if (id === this.generation)
+                this.busy = false;
+        }
+    }
+    message(error) {
+        const key = error?.message;
+        return key?.startsWith('learning-ai-') ? t(`error.${key}`) : error?.graphQLErrors?.[0]?.message ?? key ?? t('error.learning-ai-source-read');
+    }
+    async generate() {
+        const unit = this.selected;
+        if (!unit?.file || this.busy)
+            return;
+        const id = ++this.generation;
+        this.busy = true;
+        this.error = '';
+        this.controller = new AbortController();
+        try {
+            if (unit.kind === 'VIDEO' && !this.captions.trim()) {
+                const answer = await this.transcribe.run({ unitId: unit.id }, { context: { fetchOptions: { signal: this.controller.signal } } });
+                if (id !== this.generation)
+                    return;
+                if (!answer)
+                    throw this.transcribe.error;
+                if (answer.transcribeLearningMaterial.fileId !== unit.file.id)
+                    throw new Error('learning-ai-draft-stale');
+                this.captions = answer.transcribeLearningMaterial.captions;
+            }
+            const source = unit.kind === 'PDF' ? await pdfMaterial(unit.file.id, unit.file.fullpath, this.controller.signal) : { fileId: unit.file.id, parts: captionParts(this.captions) };
+            if (id !== this.generation)
+                return;
+            this.source = source;
+            const answer = await this.propose.run({ unitId: unit.id, source, instruction: `Language: ${i18next.language}. ${this.instruction}` }, { context: { fetchOptions: { signal: this.controller.signal } } });
+            if (id !== this.generation)
+                return;
+            if (!answer)
+                throw this.propose.error;
+            this.proposal = answer.proposeLearningMaterial;
+        }
+        catch (error) {
+            if (id === this.generation)
+                this.error = this.message(error);
+        }
+        finally {
+            if (id === this.generation)
+                this.busy = false;
+        }
+    }
+    async save() {
+        if (!this.proposal || !this.source || this.busy)
+            return;
+        this.busy = true;
+        this.error = '';
+        try {
+            const answer = await this.apply.run({ unitId: this.unitId, source: this.source, draft: this.proposal.draft, token: this.proposal.token });
+            if (!answer) {
+                this.error = this.message(this.apply.error);
+                return;
+            }
+            this.dispatchEvent(new CustomEvent('done'));
+        }
+        catch (error) {
+            this.error = this.message(error);
+        }
+        finally {
+            this.busy = false;
+        }
+    }
+};
+__decorate([
+    property({ attribute: false }),
+    __metadata("design:type", Array)
+], LearningMaterialForm.prototype, "units", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], LearningMaterialForm.prototype, "unitId", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], LearningMaterialForm.prototype, "instruction", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], LearningMaterialForm.prototype, "captions", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], LearningMaterialForm.prototype, "busy", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], LearningMaterialForm.prototype, "error", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], LearningMaterialForm.prototype, "proposal", void 0);
+LearningMaterialForm = __decorate([
+    customElement('learning-material-form')
+], LearningMaterialForm);
+export { LearningMaterialForm };
+//# sourceMappingURL=learning-material-form.js.map

package/dist-client/components/learning-material-form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"learning-material-form.js","sourceRoot":"","sources":["../../client/components/learning-material-form.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/button/filled-button.js'\nimport '@material/web/button/text-button.js'\nimport '@operato/popup/ox-popup-actions.js'\nimport gql from 'graphql-tag'\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { MutationController } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { openPopup } from '@operato/layout'\nimport { CommonPopupStyles, FormFieldStyles, PopupBodyStyles, PopupFieldStyles } from '@operato/styles'\nimport { captionParts, pdfMaterial, type MaterialSource } from '../utils/material-source.js'\nimport { t } from '../utils/learning-words.js'\n\ntype SourceUnit = { id: string; kind: string; name: string; file?: { id: string; name: string; fullpath: string } }\nexport function openMaterialForm(units: SourceUnit[]): Promise<boolean> {\n  const popup = openPopup(html`<learning-material-form .units=${units} @done=${() => popup.close(true)} @close=${() => popup.close()}></learning-material-form>`, { backdrop: true, size: 'large', title: t('title.learning-ai-material') })\n  return popup.result.then(value => !!value)\n}\n\n@customElement('learning-material-form')\nexport class LearningMaterialForm extends localize(i18next)(LitElement) {\n  static styles = [CommonPopupStyles, PopupBodyStyles, FormFieldStyles, PopupFieldStyles, css`\n    textarea { min-height: 100px; resize: vertical; }\n    .preview { white-space: pre-wrap; overflow-wrap: anywhere; }\n    .error { color: var(--md-sys-color-error); }\n  `]\n  @property({ attribute: false }) units: SourceUnit[] = []\n  @state() private unitId = ''\n  @state() private instruction = ''\n  @state() private captions = ''\n  @state() private busy = false\n  @state() private error = ''\n  @state() private proposal: any\n  private source?: MaterialSource\n  private controller?: AbortController\n  private generation = 0\n  private transcribe = new MutationController(this, gql`mutation ($unitId: String!) { transcribeLearningMaterial(unitId: $unitId) }`)\n  private propose = new MutationController(this, gql`mutation ($unitId: String!, $source: Object!, $instruction: String!) { proposeLearningMaterial(unitId: $unitId, source: $source, instruction: $instruction) }`)\n  private apply = new MutationController(this, gql`mutation ($unitId: String!, $source: Object!, $draft: Object!, $token: String!) { applyLearningMaterial(unitId: $unitId, source: $source, draft: $draft, token: $token) }`)\n\n  willUpdate() { if (!this.unitId && this.units.length) this.unitId = this.units[0].id }\n  disconnectedCallback() { super.disconnectedCallback(); this.generation++; this.controller?.abort() }\n  private get selected() { return this.units.find(u => u.id === this.unitId) }\n\n  render() {\n    const draft = this.proposal?.draft\n    return html`\n      <div class=\"body\">\n        <p>${t('text.learning-ai-material-help')}</p>\n        <label class=\"field\"><span>${t('field.learning-ai-source')}</span>\n          <select ?disabled=${this.busy || !!draft} .value=${this.unitId} @change=${(e: any) => { this.unitId = e.target.value; this.source = undefined; this.captions = '' }}>\n            ${this.units.map(u => html`<option value=${u.id}>${u.name} · ${u.file?.name}</option>`)}\n          </select>\n        </label>\n        ${this.selected?.kind === 'VIDEO' ? html`\n          <label class=\"field\"><span>${t('field.learning-ai-captions')}</span><input type=\"file\" accept=\".vtt,.srt,.txt\" ?disabled=${this.busy || !!draft} @change=${(e: any) => this.readCaptions(e.target.files?.[0])} /></label>\n          <label class=\"field\"><span>${t('text.learning-ai-captions-help')}</span><textarea maxlength=\"120000\" ?disabled=${this.busy || !!draft} .value=${this.captions} @input=${(e: any) => this.captions = e.target.value}></textarea></label>\n        ` : nothing}\n        <label class=\"field\"><span>${t('field.learning-ai-instruction')}</span><textarea maxlength=\"3900\" ?disabled=${this.busy || !!draft} .value=${this.instruction} @input=${(e: any) => this.instruction = e.target.value}></textarea></label>\n        ${this.busy ? html`<p role=\"status\">${t('text.learning-ai-working')}</p>` : nothing}\n        ${this.error ? html`<p class=\"error\" role=\"alert\">${this.error}</p>` : nothing}\n        ${draft ? html`<section aria-label=${t('title.learning-ai-preview')}>\n          <h3>${draft.title}</h3><p class=\"preview\">${draft.introduction}</p>\n          <ul>${draft.objectives.map((s: string) => html`<li>${s}</li>`)}</ul>\n          ${draft.units.map((u: any) => html`<details><summary>${u.name}</summary><p class=\"preview\">${u.body}</p><p>${u.references.join(', ')} · ${u.minSeconds}s</p></details>`)}\n          <h3>${t('title.learning-questions')}</h3>\n          ${draft.questions.map((q: any, i: number) => html`<details><summary>${i + 1}. ${q.text}</summary><ul>${q.choices.map((c: any) => html`<li>${c.correct ? '✓ ' : ''}${c.text}</li>`)}</ul><p>${q.explanation}</p><p>${q.references.join(', ')}</p></details>`)}\n          <details><summary>${t('field.learning-ai-source')}</summary>\n            <a href=${this.selected?.file?.fullpath ?? ''} target=\"_blank\" rel=\"noopener noreferrer\">${this.selected?.file?.name}</a>\n            ${this.source?.parts.map(p => html`<details><summary>${p.id}</summary>${p.text ? html`<p class=\"preview\">${p.text}</p>` : html`<img style=\"max-width:100%\" src=${p.image} alt=${p.id} />`}</details>`)}\n          </details>\n          <h3>${t('title.learning-ai-missing')}</h3><ul>${draft.missing.map((s: string) => html`<li>${s}</li>`)}</ul>\n          <p>${t('text.learning-ai-apply-help')}</p>\n          <md-text-button ?disabled=${this.busy} @click=${() => { this.proposal = undefined; this.error = '' }}>${t('button.learning-ai-revise')}</md-text-button>\n        </section>` : nothing}\n      </div>\n      <ox-popup-actions>\n        <md-text-button slot=\"cancel\" ?disabled=${this.apply.pending} @click=${() => this.dispatchEvent(new CustomEvent('close'))}>${t('button.cancel')}</md-text-button>\n        <md-filled-button slot=\"confirm\" ?disabled=${this.busy || !this.selected?.file} @click=${() => draft ? this.save() : this.generate()}>${draft ? t('button.learning-ai-apply') : t('button.learning-ai-generate')}</md-filled-button>\n      </ox-popup-actions>`\n  }\n  private async readCaptions(file?: File) {\n    if (!file) return\n    this.captions = ''\n    if (file.size > 500_000) { this.error = t('error.learning-ai-source-limit'); return }\n    const id = ++this.generation\n    this.busy = true; this.error = ''\n    try {\n      const text = await file.text()\n      captionParts(text)\n      if (id === this.generation && this.isConnected) { this.captions = text; this.error = '' }\n    } catch { if (id === this.generation) this.error = t('error.learning-ai-source-limit') }\n    finally { if (id === this.generation) this.busy = false }\n  }\n  private message(error: any) {\n    const key = error?.message\n    return key?.startsWith('learning-ai-') ? t(`error.${key}`) : error?.graphQLErrors?.[0]?.message ?? key ?? t('error.learning-ai-source-read')\n  }\n  private async generate() {\n    const unit = this.selected\n    if (!unit?.file || this.busy) return\n    const id = ++this.generation\n    this.busy = true; this.error = ''; this.controller = new AbortController()\n    try {\n      if (unit.kind === 'VIDEO' && !this.captions.trim()) {\n        const answer = await this.transcribe.run({ unitId: unit.id }, { context: { fetchOptions: { signal: this.controller.signal } } })\n        if (id !== this.generation) return\n        if (!answer) throw this.transcribe.error\n        if (answer.transcribeLearningMaterial.fileId !== unit.file.id) throw new Error('learning-ai-draft-stale')\n        this.captions = answer.transcribeLearningMaterial.captions\n      }\n      const source = unit.kind === 'PDF' ? await pdfMaterial(unit.file.id, unit.file.fullpath, this.controller.signal) : { fileId: unit.file.id, parts: captionParts(this.captions) }\n      if (id !== this.generation) return\n      this.source = source\n      const answer = await this.propose.run({ unitId: unit.id, source, instruction: `Language: ${i18next.language}. ${this.instruction}` }, { context: { fetchOptions: { signal: this.controller.signal } } })\n      if (id !== this.generation) return\n      if (!answer) throw this.propose.error\n      this.proposal = answer.proposeLearningMaterial\n    } catch (error) { if (id === this.generation) this.error = this.message(error) }\n    finally { if (id === this.generation) this.busy = false }\n  }\n  private async save() {\n    if (!this.proposal || !this.source || this.busy) return\n    this.busy = true; this.error = ''\n    try {\n      const answer = await this.apply.run({ unitId: this.unitId, source: this.source, draft: this.proposal.draft, token: this.proposal.token })\n      if (!answer) { this.error = this.message(this.apply.error); return }\n      this.dispatchEvent(new CustomEvent('done'))\n    } catch (error) { this.error = this.message(error) }\n    finally { this.busy = false }\n  }\n}\n"]}

package/dist-client/components/learning-question-form.d.ts

@@ -0,0 +1,33 @@
+import '@material/web/button/filled-button.js';
+import '@material/web/button/text-button.js';
+import '@material/web/icon/icon.js';
+import '@operato/input/ox-input-select-buttons.js';
+import '@operato/popup/ox-popup-actions.js';
+import { LitElement } from 'lit';
+export type QuestionDraft = {
+    id?: string;
+    kind: string;
+    text: string;
+    explanation?: string | null;
+    drafted?: boolean;
+    choices: {
+        id?: string;
+        text: string;
+        correct: boolean;
+    }[];
+};
+/** Opens the question form. Resolves with the question as given, or null. */
+export declare function openQuestionForm(question: QuestionDraft): Promise<QuestionDraft | null>;
+declare const LearningQuestionForm_base: (new (...args: any[]) => LitElement) & typeof LitElement;
+export declare class LearningQuestionForm extends LearningQuestionForm_base {
+    static styles: import("lit").CSSResult[];
+    question: QuestionDraft;
+    private draft;
+    willUpdate(changed: Map<string, unknown>): void;
+    render(): import("lit-html").TemplateResult<1>;
+    private kind;
+    private mark;
+    private write;
+    private removeChoice;
+}
+export {};