@things-factory/figure-library 10.1.178 → 10.1.179

package/dist-client/viewparts/figure-package-import.d.ts

@@ -0,0 +1,24 @@
+import '@operato/input/ox-input-file.js';
+import { LitElement } from 'lit';
+export type ImportResult = {
+    problems: {
+        code: string;
+        path?: string;
+    }[];
+    outcomes: {
+        ref: string;
+        outcome: string;
+        code?: string;
+        differs?: string[];
+    }[];
+};
+declare const FigurePackageImport_base: (new (...args: any[]) => LitElement) & typeof LitElement;
+export declare class FigurePackageImport extends FigurePackageImport_base {
+    static styles: import("lit").CSSResult;
+    private progress?;
+    private result?;
+    render(): import("lit-html").TemplateResult<1>;
+    private importFile;
+    private renderResult;
+}
+export {};

package/dist-client/viewparts/figure-package-import.js

@@ -0,0 +1,117 @@
+import { __decorate, __metadata } from "tslib";
+import '@operato/input/ox-input-file.js';
+import gql from 'graphql-tag';
+import { css, html, LitElement, nothing } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+import { client, uploadContext } from '@operato/graphql';
+import { i18next, localize } from '@operato/i18n';
+const IMPORT = gql `
+  mutation ($file: Upload!) {
+    importFigurePackage(file: $file) {
+      problems {
+        code
+        path
+      }
+      outcomes {
+        ref
+        outcome
+        code
+        differs
+      }
+    }
+  }
+`;
+/*
+ * Bringing a figure package in (ADR-0114): the file is what this popup is about, so the picker is the drop box
+ * (page standard §7-1). It refuses a file of another type or over the server's limit before it goes, shows how far the
+ * upload got, and says what each figure of the package came to below it. Another package can be dropped after it.
+ * `imported` tells the catalog to read itself again.
+ */
+let FigurePackageImport = class FigurePackageImport extends localize(i18next)(LitElement) {
+    static { this.styles = css `
+    :host {
+      display: flex;
+      flex-direction: column;
+      gap: 12px;
+      padding: 16px;
+      font-size: var(--ui-t-body, 13px);
+    }
+    [result] {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+    }
+    [refused] {
+      color: var(--ui-crit, var(--md-sys-color-error));
+    }
+    [ref] {
+      font-family: var(--ui-mono, monospace);
+    }
+    p {
+      margin: 0;
+    }
+  `; }
+    render() {
+        return html `
+      <ox-input-file
+        accept=".figpkg,.zip"
+        hide-filelist
+        icon="upload_file"
+        .label=${i18next.t('figure-library.button.upload')}
+        .description=${i18next.t('figure-library.text.drop-package')}
+        .progress=${this.progress}
+        @change=${(e) => {
+            const file = e.detail?.[0];
+            if (file && this.progress === undefined)
+                this.importFile(file);
+        }}
+      ></ox-input-file>
+      ${this.result ? this.renderResult(this.result) : nothing}
+    `;
+    }
+    async importFile(file) {
+        this.result = undefined;
+        this.progress = 0;
+        let result;
+        try {
+            const response = await client.mutate({ mutation: IMPORT, variables: { file }, context: uploadContext(fraction => (this.progress = fraction)) });
+            if (response.errors?.length)
+                throw new Error(response.errors[0].message);
+            result = response.data.importFigurePackage;
+        }
+        catch (e) {
+            result = { problems: [{ code: e?.message ?? 'error' }], outcomes: [] };
+        }
+        finally {
+            this.progress = undefined;
+            this.renderRoot.querySelector('ox-input-file')?.reset();
+        }
+        this.result = result;
+        this.dispatchEvent(new CustomEvent('imported', { detail: result }));
+    }
+    renderResult(result) {
+        return html `<div result role="status">
+      ${result.problems.length
+            ? html `<p refused role="alert">${i18next.t('figure-library.text.package-refused', { code: result.problems.map(p => p.code).join(', ') })}</p>`
+            : result.outcomes.map(o => html `<div>
+              <span ref>${o.ref}</span> ·
+              <strong ?refused=${o.outcome === 'refused'}>${i18next.t(`figure-library.outcome.${o.outcome}`)}</strong>
+              ${o.differs?.length ? html `<div>${i18next.t('figure-library.text.differs', { fields: o.differs.join(', ') })}</div>` : nothing}
+              ${o.outcome === 'refused' && o.code ? html `<div>${o.code}</div>` : nothing}
+            </div>`)}
+    </div>`;
+    }
+};
+__decorate([
+    state(),
+    __metadata("design:type", Number)
+], FigurePackageImport.prototype, "progress", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], FigurePackageImport.prototype, "result", void 0);
+FigurePackageImport = __decorate([
+    customElement('figure-package-import')
+], FigurePackageImport);
+export { FigurePackageImport };
+//# sourceMappingURL=figure-package-import.js.map

package/dist-client/viewparts/figure-package-import.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"figure-package-import.js","sourceRoot":"","sources":["../../client/viewparts/figure-package-import.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/input/ox-input-file.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\n\nimport { client, uploadContext } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\n\nconst IMPORT = gql`\n  mutation ($file: Upload!) {\n    importFigurePackage(file: $file) {\n      problems {\n        code\n        path\n      }\n      outcomes {\n        ref\n        outcome\n        code\n        differs\n      }\n    }\n  }\n`\n\nexport type ImportResult = {\n  problems: { code: string; path?: string }[]\n  outcomes: { ref: string; outcome: string; code?: string; differs?: string[] }[]\n}\n\n/*\n * Bringing a figure package in (ADR-0114): the file is what this popup is about, so the picker is the drop box\n * (page standard §7-1). It refuses a file of another type or over the server's limit before it goes, shows how far the\n * upload got, and says what each figure of the package came to below it. Another package can be dropped after it.\n * `imported` tells the catalog to read itself again.\n */\n@customElement('figure-package-import')\nexport class FigurePackageImport extends localize(i18next)(LitElement) {\n  static styles = css`\n    :host {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n      padding: 16px;\n      font-size: var(--ui-t-body, 13px);\n    }\n    [result] {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n    [refused] {\n      color: var(--ui-crit, var(--md-sys-color-error));\n    }\n    [ref] {\n      font-family: var(--ui-mono, monospace);\n    }\n    p {\n      margin: 0;\n    }\n  `\n\n  @state() private progress?: number\n  @state() private result?: ImportResult\n\n  render() {\n    return html`\n      <ox-input-file\n        accept=\".figpkg,.zip\"\n        hide-filelist\n        icon=\"upload_file\"\n        .label=${i18next.t('figure-library.button.upload')}\n        .description=${i18next.t('figure-library.text.drop-package')}\n        .progress=${this.progress}\n        @change=${(e: CustomEvent) => {\n          const file = (e.detail as File[] | undefined)?.[0]\n          if (file && this.progress === undefined) this.importFile(file)\n        }}\n      ></ox-input-file>\n      ${this.result ? this.renderResult(this.result) : nothing}\n    `\n  }\n\n  private async importFile(file: File) {\n    this.result = undefined\n    this.progress = 0\n    let result: ImportResult\n    try {\n      const response = await client.mutate({ mutation: IMPORT, variables: { file }, context: uploadContext(fraction => (this.progress = fraction)) })\n      if (response.errors?.length) throw new Error(response.errors[0].message)\n      result = response.data.importFigurePackage\n    } catch (e: any) {\n      result = { problems: [{ code: e?.message ?? 'error' }], outcomes: [] }\n    } finally {\n      this.progress = undefined\n      this.renderRoot.querySelector<HTMLElement & { reset(): void }>('ox-input-file')?.reset()\n    }\n    this.result = result\n    this.dispatchEvent(new CustomEvent('imported', { detail: result }))\n  }\n\n  private renderResult(result: ImportResult) {\n    return html`<div result role=\"status\">\n      ${result.problems.length\n        ? html`<p refused role=\"alert\">${i18next.t('figure-library.text.package-refused', { code: result.problems.map(p => p.code).join(', ') })}</p>`\n        : result.outcomes.map(\n            o => html`<div>\n              <span ref>${o.ref}</span> ·\n              <strong ?refused=${o.outcome === 'refused'}>${i18next.t(`figure-library.outcome.${o.outcome}`)}</strong>\n              ${o.differs?.length ? html`<div>${i18next.t('figure-library.text.differs', { fields: o.differs.join(', ') })}</div>` : nothing}\n              ${o.outcome === 'refused' && o.code ? html`<div>${o.code}</div>` : nothing}\n            </div>`\n          )}\n    </div>`\n  }\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@things-factory/figure-library",
-  "version": "10.1.178",
+  "version": "10.1.179",
   "main": "dist-server/index.js",
   "browser": "dist-client/index.js",
   "things-factory": true,
@@ -29,20 +29,21 @@
   "dependencies": {
     "@hatiolab/figure-model": "^0.7.2",
     "@operato/data-grist": "^10.0.0",
-    "@operato/graphql": "^10.0.0",
+    "@operato/graphql": "^10.29.36",
     "@operato/i18n": "^10.0.0",
+    "@operato/input": "^10.29.37",
     "@operato/popup": "^10.29.25",
     "@operato/property-editor": "^10.29.33",
     "@operato/shell": "^10.0.0",
     "@operato/slot-layout-editor": "^10.29.33",
     "@operato/styles": "^10.29.23",
     "@operato/utils": "^10.0.0",
-    "@things-factory/attachment-base": "^10.1.178",
-    "@things-factory/auth-base": "^10.1.178",
-    "@things-factory/board-service": "^10.1.178",
+    "@things-factory/attachment-base": "^10.1.179",
+    "@things-factory/auth-base": "^10.1.179",
+    "@things-factory/board-service": "^10.1.179",
     "@things-factory/env": "^10.1.149",
     "@things-factory/figure-viewer": "^10.1.176",
-    "@things-factory/shell": "^10.1.178",
+    "@things-factory/shell": "^10.1.179",
     "graphql-scalars": "^1.22.4",
     "graphql-tag": "^2.12.6",
     "graphql-upload": "^15.0.2",
@@ -50,5 +51,5 @@
     "koa-router": "^7.4.0",
     "lit": "^3.1.2"
   },
-  "gitHead": "d57448d3f3045f72a9f24b877a3e306eb34cbaf1"
+  "gitHead": "4c8263b08e06b2b15f11dc0575c61a280a0d9e27"
 }

package/translations/en.json

@@ -52,6 +52,7 @@
   "figure-library.contract.state-range-narrowed": "The range of the control '{id}' narrowed from {before} to {after}.",
   "figure-library.contract.state-unit-changed": "The unit of the control '{id}' changed from {before} to {after}.",
   "figure-library.button.upload": "upload package",
+  "figure-library.text.drop-package": "drop a figure package (.figpkg) here",
   "figure-library.title.import-result": "import result",
   "figure-library.text.breaking": "breaking",
   "figure-library.button.save": "save",

package/translations/es.json

@@ -52,6 +52,7 @@
   "figure-library.contract.state-range-narrowed": "El rango del control '{id}' se redujo de {before} a {after}.",
   "figure-library.contract.state-unit-changed": "La unidad del control '{id}' cambió de {before} a {after}.",
   "figure-library.button.upload": "subir paquete",
+  "figure-library.text.drop-package": "suelte aquí un paquete de figuras (.figpkg)",
   "figure-library.title.import-result": "resultado de la importación",
   "figure-library.text.breaking": "incompatible",
   "figure-library.button.save": "guardar",

package/translations/ja.json

@@ -52,6 +52,7 @@
   "figure-library.contract.state-range-narrowed": "'{id}' 操作値の範囲が {before} から {after} に狭くなりました。",
   "figure-library.contract.state-unit-changed": "'{id}' 操作値の単位が {before} から {after} に変わりました。",
   "figure-library.button.upload": "パッケージをアップロード",
+  "figure-library.text.drop-package": "図形パッケージ(.figpkg)をここにドロップします",
   "figure-library.title.import-result": "インポート結果",
   "figure-library.text.breaking": "互換性なし",
   "figure-library.button.save": "保存",

package/translations/ko.json

@@ -52,6 +52,7 @@
   "figure-library.contract.state-range-narrowed": "'{id}' 조작값의 범위가 {before} 에서 {after} 로 좁아졌습니다.",
   "figure-library.contract.state-unit-changed": "'{id}' 조작값의 단위가 {before} 에서 {after} 로 바뀌었습니다.",
   "figure-library.button.upload": "꾸러미 올리기",
+  "figure-library.text.drop-package": "도형 꾸러미(.figpkg)를 여기에 끌어 놓기",
   "figure-library.title.import-result": "가져오기 결과",
   "figure-library.text.breaking": "호환되지 않음",
   "figure-library.button.save": "저장",

package/translations/ms.json

@@ -52,6 +52,7 @@
   "figure-library.contract.state-range-narrowed": "Julat kawalan '{id}' disempitkan daripada {before} kepada {after}.",
   "figure-library.contract.state-unit-changed": "Unit kawalan '{id}' berubah daripada {before} kepada {after}.",
   "figure-library.button.upload": "muat naik pakej",
+  "figure-library.text.drop-package": "lepaskan pakej rajah (.figpkg) di sini",
   "figure-library.title.import-result": "hasil import",
   "figure-library.text.breaking": "tidak serasi",
   "figure-library.button.save": "simpan",

package/translations/zh.json

@@ -52,6 +52,7 @@
   "figure-library.contract.state-range-narrowed": "控制值 '{id}' 的范围从 {before} 缩小为 {after}。",
   "figure-library.contract.state-unit-changed": "控制值 '{id}' 的单位从 {before} 变为 {after}。",
   "figure-library.button.upload": "上传包",
+  "figure-library.text.drop-package": "将图形包(.figpkg)拖放到此处",
   "figure-library.title.import-result": "导入结果",
   "figure-library.text.breaking": "不兼容",
   "figure-library.button.save": "保存",