@things-factory/operato-board 6.1.155 → 6.1.156

package/dist-client/pages/attachment-list-page.d.ts

@@ -12,10 +12,19 @@ export declare class AttachmentListPage extends AttachmentListPage_base {
             value: string;
         };
         board_topmenu: boolean;
+        exportable: {
+            name: string;
+            data: () => Promise<any>;
+        };
+        importable: {
+            handler: (data: any, file: any) => Promise<void>;
+        };
     };
     render(): import("lit-html").TemplateResult<1>;
     get grist(): import("@operato/data-grist").DataGrist;
     languageUpdated(i18next: any): void;
     pageInitialized(): Promise<void>;
+    exportHandler(): Promise<any>;
+    importHandler(data: any, file: any): Promise<void>;
 }
 export {};

package/dist-client/pages/attachment-list-page.js

@@ -2,9 +2,37 @@ import { __decorate, __metadata } from "tslib";
 import '@operato/attachment/ox-attachment-list.js';
 import { css, html } from 'lit';
 import { customElement, query } from 'lit/decorators.js';
+import gql from 'graphql-tag';
 import { i18next, localize } from '@operato/i18n';
 import { PageView } from '@operato/shell';
 import { OxAttachmentList } from '@operato/attachment/ox-attachment-list.js';
+import { client } from '@operato/graphql';
+async function fetchDataFromURL(fileURL) {
+    try {
+        const response = await fetch(fileURL);
+        if (!response.ok) {
+            throw new Error('Network response was not ok');
+        }
+        const blob = await response.blob(); // 파일 데이터를 Blob으로 변환
+        if (blob.size === 0) {
+            throw new Error('Content is empty'); // Content가 비어 있으면 예외
+        }
+        return new Promise((resolve, reject) => {
+            const reader = new FileReader();
+            reader.onload = (event) => {
+                const dataURL = event.target.result;
+                resolve(dataURL);
+            };
+            reader.onerror = (event) => {
+                reject(event.error);
+            };
+            reader.readAsDataURL(blob); // Blob을 Data URL로 읽기
+        });
+    }
+    catch (error) {
+        throw error;
+    }
+}
 let AttachmentListPage = class AttachmentListPage extends localize(i18next)(PageView) {
     get context() {
         var _a;
@@ -16,7 +44,14 @@ let AttachmentListPage = class AttachmentListPage extends localize(i18next)(Page
                 },
                 value: ((_a = this.grist) === null || _a === void 0 ? void 0 : _a.searchText) || ''
             },
-            board_topmenu: true
+            board_topmenu: true,
+            exportable: {
+                name: i18next.t('title.attachment list'),
+                data: this.exportHandler.bind(this)
+            },
+            importable: {
+                handler: this.importHandler.bind(this)
+            }
         };
     }
     render() {
@@ -32,6 +67,48 @@ let AttachmentListPage = class AttachmentListPage extends localize(i18next)(Page
         await this.updateComplete;
         this.attachmentList.refreshAttachments();
     }
+    async exportHandler() {
+        const records = this.grist.data.records;
+        const data = {};
+        for (const record of records) {
+            const { id, name, mimetype, encoding, category, fullpath } = record;
+            try {
+                const dataURL = await fetchDataFromURL(fullpath);
+                id &&
+                    (data[id] = {
+                        id,
+                        name,
+                        mimetype,
+                        encoding,
+                        category,
+                        contents: dataURL
+                    });
+            }
+            catch (err) {
+                console.log(name, err);
+            }
+        }
+        return data;
+    }
+    async importHandler(data, file) {
+        await client.mutate({
+            mutation: gql `
+        mutation importAttachments($file: Upload!) {
+          importAttachments(file: $file) {
+            id
+            name
+            description
+            path
+          }
+        }
+      `,
+            variables: {
+                file
+            },
+            context: { hasUpload: true }
+        });
+        this.grist.fetch();
+    }
 };
 AttachmentListPage.styles = [
     css `

package/dist-client/pages/attachment-list-page.js.map

@@ -1 +1 @@
-{"version":3,"file":"attachment-list-page.js","sourceRoot":"","sources":["../../client/pages/attachment-list-page.ts"],"names":[],"mappings":";AAAA,OAAO,2CAA2C,CAAA;AAElD,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC/B,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAExD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAA;AAGrE,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC;IAWjE,IAAI,OAAO;;QACT,OAAO;YACL,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,uBAAuB,CAAC;YACzC,MAAM,EAAE;gBACN,OAAO,EAAE,MAAM,CAAC,EAAE;oBAChB,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAA;gBAChC,CAAC;gBACD,KAAK,EAAE,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,UAAU,KAAI,EAAE;aACpC;YACD,aAAa,EAAE,IAAI;SACpB,CAAA;IACH,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,mCAAmC,IAAI,wCAAwC,CAAA;IAC5F,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,cAAc,CAAC,KAAK,CAAA;IAClC,CAAC;IAED,eAAe,CAAC,OAAO;QACrB,IAAI,CAAC,cAAc,CAAC,aAAa,EAAE,CAAA;IACrC,CAAC;IAED,KAAK,CAAC,eAAe;QACnB,MAAM,IAAI,CAAC,cAAc,CAAA;QAEzB,IAAI,CAAC,cAAc,CAAC,kBAAkB,EAAE,CAAA;IAC1C,CAAC;;AAvCM,yBAAM,GAAG;IACd,GAAG,CAAA;;;;KAIF;CACF,CAAA;AAED;IAAC,KAAK,CAAC,oBAAoB,CAAC;8BAAkB,gBAAgB;0DAAA;AATnD,kBAAkB;IAD9B,aAAa,CAAC,sBAAsB,CAAC;GACzB,kBAAkB,CAyC9B;SAzCY,kBAAkB","sourcesContent":["import '@operato/attachment/ox-attachment-list.js'\n\nimport { css, html } from 'lit'\nimport { customElement, query } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { PageView } from '@operato/shell'\nimport { OxAttachmentList } from '@operato/attachment/ox-attachment-list.js'\n\n@customElement('attachment-list-page')\nexport class AttachmentListPage extends localize(i18next)(PageView) {\n  static styles = [\n    css`\n      :host {\n        display: flex;\n      }\n    `\n  ]\n\n  @query('ox-attachment-list') attachmentList!: OxAttachmentList\n\n  get context() {\n    return {\n      title: i18next.t('title.attachment list'),\n      search: {\n        handler: search => {\n          this.grist.searchText = search\n        },\n        value: this.grist?.searchText || ''\n      },\n      board_topmenu: true\n    }\n  }\n\n  render() {\n    return html` <ox-attachment-list .creatable=${true} without-search></ox-attachment-list> `\n  }\n\n  get grist() {\n    return this.attachmentList.grist\n  }\n\n  languageUpdated(i18next) {\n    this.attachmentList.requestUpdate()\n  }\n\n  async pageInitialized() {\n    await this.updateComplete\n\n    this.attachmentList.refreshAttachments()\n  }\n}\n"]}
+{"version":3,"file":"attachment-list-page.js","sourceRoot":"","sources":["../../client/pages/attachment-list-page.ts"],"names":[],"mappings":";AAAA,OAAO,2CAA2C,CAAA;AAElD,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC/B,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACxD,OAAO,GAAG,MAAM,aAAa,CAAA;AAE7B,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAA;AAC5E,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEzC,KAAK,UAAU,gBAAgB,CAAC,OAAe;IAC7C,IAAI;QACF,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,OAAO,CAAC,CAAA;QAErC,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE;YAChB,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC,CAAA;SAC/C;QAED,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAA,CAAC,oBAAoB;QAEvD,IAAI,IAAI,CAAC,IAAI,KAAK,CAAC,EAAE;YACnB,MAAM,IAAI,KAAK,CAAC,kBAAkB,CAAC,CAAA,CAAC,qBAAqB;SAC1D;QAED,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;YACrC,MAAM,MAAM,GAAG,IAAI,UAAU,EAAE,CAAA;YAE/B,MAAM,CAAC,MAAM,GAAG,CAAC,KAAU,EAAE,EAAE;gBAC7B,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,CAAA;gBACnC,OAAO,CAAC,OAAO,CAAC,CAAA;YAClB,CAAC,CAAA;YAED,MAAM,CAAC,OAAO,GAAG,CAAC,KAAU,EAAE,EAAE;gBAC9B,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;YACrB,CAAC,CAAA;YAED,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,CAAA,CAAC,qBAAqB;QAClD,CAAC,CAAC,CAAA;KACH;IAAC,OAAO,KAAK,EAAE;QACd,MAAM,KAAK,CAAA;KACZ;AACH,CAAC;AAGM,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC;IAWjE,IAAI,OAAO;;QACT,OAAO;YACL,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,uBAAuB,CAAC;YACzC,MAAM,EAAE;gBACN,OAAO,EAAE,MAAM,CAAC,EAAE;oBAChB,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAA;gBAChC,CAAC;gBACD,KAAK,EAAE,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,UAAU,KAAI,EAAE;aACpC;YACD,aAAa,EAAE,IAAI;YACnB,UAAU,EAAE;gBACV,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,uBAAuB,CAAC;gBACxC,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;aACpC;YACD,UAAU,EAAE;gBACV,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;aACvC;SACF,CAAA;IACH,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,mCAAmC,IAAI,wCAAwC,CAAA;IAC5F,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,cAAc,CAAC,KAAK,CAAA;IAClC,CAAC;IAED,eAAe,CAAC,OAAO;QACrB,IAAI,CAAC,cAAc,CAAC,aAAa,EAAE,CAAA;IACrC,CAAC;IAED,KAAK,CAAC,eAAe;QACnB,MAAM,IAAI,CAAC,cAAc,CAAA;QAEzB,IAAI,CAAC,cAAc,CAAC,kBAAkB,EAAE,CAAA;IAC1C,CAAC;IAED,KAAK,CAAC,aAAa;QACjB,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAA;QACvC,MAAM,IAAI,GAAG,EAAS,CAAA;QAEtB,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE;YAC5B,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAA;YAEnE,IAAI;gBACF,MAAM,OAAO,GAAG,MAAM,gBAAgB,CAAC,QAAQ,CAAC,CAAA;gBAEhD,EAAE;oBACA,CAAC,IAAI,CAAC,EAAG,CAAC,GAAG;wBACX,EAAE;wBACF,IAAI;wBACJ,QAAQ;wBACR,QAAQ;wBACR,QAAQ;wBACR,QAAQ,EAAE,OAAO;qBAClB,CAAC,CAAA;aACL;YAAC,OAAO,GAAG,EAAE;gBACZ,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;aACvB;SACF;QAED,OAAO,IAAI,CAAA;IACb,CAAC;IAED,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,IAAI;QAC5B,MAAM,MAAM,CAAC,MAAM,CAAC;YAClB,QAAQ,EAAE,GAAG,CAAA;;;;;;;;;OASZ;YACD,SAAS,EAAE;gBACT,IAAI;aACL;YACD,OAAO,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE;SAC7B,CAAC,CAAA;QAEF,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAA;IACpB,CAAC;;AA9FM,yBAAM,GAAG;IACd,GAAG,CAAA;;;;KAIF;CACF,CAAA;AAED;IAAC,KAAK,CAAC,oBAAoB,CAAC;8BAAkB,gBAAgB;0DAAA;AATnD,kBAAkB;IAD9B,aAAa,CAAC,sBAAsB,CAAC;GACzB,kBAAkB,CAgG9B;SAhGY,kBAAkB","sourcesContent":["import '@operato/attachment/ox-attachment-list.js'\n\nimport { css, html } from 'lit'\nimport { customElement, query } from 'lit/decorators.js'\nimport gql from 'graphql-tag'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { PageView } from '@operato/shell'\nimport { OxAttachmentList } from '@operato/attachment/ox-attachment-list.js'\nimport { client } from '@operato/graphql'\n\nasync function fetchDataFromURL(fileURL: string) {\n  try {\n    const response = await fetch(fileURL)\n\n    if (!response.ok) {\n      throw new Error('Network response was not ok')\n    }\n\n    const blob = await response.blob() // 파일 데이터를 Blob으로 변환\n\n    if (blob.size === 0) {\n      throw new Error('Content is empty') // Content가 비어 있으면 예외\n    }\n\n    return new Promise((resolve, reject) => {\n      const reader = new FileReader()\n\n      reader.onload = (event: any) => {\n        const dataURL = event.target.result\n        resolve(dataURL)\n      }\n\n      reader.onerror = (event: any) => {\n        reject(event.error)\n      }\n\n      reader.readAsDataURL(blob) // Blob을 Data URL로 읽기\n    })\n  } catch (error) {\n    throw error\n  }\n}\n\n@customElement('attachment-list-page')\nexport class AttachmentListPage extends localize(i18next)(PageView) {\n  static styles = [\n    css`\n      :host {\n        display: flex;\n      }\n    `\n  ]\n\n  @query('ox-attachment-list') attachmentList!: OxAttachmentList\n\n  get context() {\n    return {\n      title: i18next.t('title.attachment list'),\n      search: {\n        handler: search => {\n          this.grist.searchText = search\n        },\n        value: this.grist?.searchText || ''\n      },\n      board_topmenu: true,\n      exportable: {\n        name: i18next.t('title.attachment list'),\n        data: this.exportHandler.bind(this)\n      },\n      importable: {\n        handler: this.importHandler.bind(this)\n      }\n    }\n  }\n\n  render() {\n    return html` <ox-attachment-list .creatable=${true} without-search></ox-attachment-list> `\n  }\n\n  get grist() {\n    return this.attachmentList.grist\n  }\n\n  languageUpdated(i18next) {\n    this.attachmentList.requestUpdate()\n  }\n\n  async pageInitialized() {\n    await this.updateComplete\n\n    this.attachmentList.refreshAttachments()\n  }\n\n  async exportHandler() {\n    const records = this.grist.data.records\n    const data = {} as any\n\n    for (const record of records) {\n      const { id, name, mimetype, encoding, category, fullpath } = record\n\n      try {\n        const dataURL = await fetchDataFromURL(fullpath)\n\n        id &&\n          (data[id!] = {\n            id,\n            name,\n            mimetype,\n            encoding,\n            category,\n            contents: dataURL\n          })\n      } catch (err) {\n        console.log(name, err)\n      }\n    }\n\n    return data\n  }\n\n  async importHandler(data, file) {\n    await client.mutate({\n      mutation: gql`\n        mutation importAttachments($file: Upload!) {\n          importAttachments(file: $file) {\n            id\n            name\n            description\n            path\n          }\n        }\n      `,\n      variables: {\n        file\n      },\n      context: { hasUpload: true }\n    })\n\n    this.grist.fetch()\n  }\n}\n"]}