@things-factory/board-ui 10.0.0-beta.6 → 10.0.0-beta.64

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

@@ -5,8 +5,10 @@ import { customElement, query } from 'lit/decorators.js';
 import gql from 'graphql-tag';
 import { i18next, localize } from '@operato/i18n';
 import { PageView } from '@operato/shell';
+import { CommonButtonStyles } from '@operato/styles';
 import { OxAttachmentList } from '@operato/attachment/ox-attachment-list.js';
 import { client } from '@operato/graphql';
+import { notify } from '@operato/layout';
 async function fetchDataFromURL(fileURL) {
     try {
         const response = await fetch(fileURL);
@@ -57,7 +59,14 @@ let AttachmentListPage = class AttachmentListPage extends localize(i18next)(Page
             },
             importable: {
                 handler: this.importHandler.bind(this)
-            }
+            },
+            actions: [
+                {
+                    title: i18next.t('button.backfill thumbnails'),
+                    action: this.backfillThumbnails.bind(this),
+                    ...CommonButtonStyles.save
+                }
+            ]
         };
     }
     render() {
@@ -91,11 +100,63 @@ let AttachmentListPage = class AttachmentListPage extends localize(i18next)(Page
                     });
             }
             catch (err) {
-                console.log(name, err);
+                console.warn('Failed to process attachment:', name, err);
             }
         }
         return data;
     }
+    /**
+     * 썸네일이 없는 기존 첨부파일들에 대해 서버에서 일괄 썸네일 생성.
+     * 한 배치당 20 개씩, remaining 이 0 이 될 때까지 반복 호출.
+     */
+    async backfillThumbnails() {
+        const BATCH = 20;
+        let total = { attempted: 0, succeeded: 0, failed: 0 };
+        let remaining = Number.POSITIVE_INFINITY;
+        notify({ message: i18next.t('text.backfilling thumbnails') });
+        while (remaining > 0) {
+            try {
+                const { data } = await client.mutate({
+                    mutation: gql `
+            mutation BackfillAttachmentThumbnails($limit: Int) {
+              backfillAttachmentThumbnails(limit: $limit) {
+                attempted
+                succeeded
+                failed
+                remaining
+              }
+            }
+          `,
+                    variables: { limit: BATCH }
+                });
+                const r = data?.backfillAttachmentThumbnails;
+                if (!r)
+                    break;
+                total.attempted += r.attempted;
+                total.succeeded += r.succeeded;
+                total.failed += r.failed;
+                remaining = r.remaining;
+                if (r.attempted === 0)
+                    break; // 더 이상 처리할 게 없음
+                // 한 배치에서 아무것도 성공하지 못했다면 무한 루프 방지를 위해 중단.
+                // 동일 후보들이 계속 실패하는 상황이므로 서버 측 원인 해결이 선행되어야 함.
+                if (r.succeeded === 0)
+                    break;
+            }
+            catch (err) {
+                console.error('backfill error:', err);
+                notify({ level: 'error', message: String(err) });
+                return;
+            }
+        }
+        notify({
+            message: i18next.t('text.thumbnail backfill done', {
+                succeeded: total.succeeded,
+                failed: total.failed
+            })
+        });
+        this.grist.fetch();
+    }
     async importHandler(data, file) {
         await client.mutate({
             mutation: gql `

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":"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","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"]}
+{"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,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAA;AAC5E,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAExC,KAAK,UAAU,gBAAgB,CAAC,OAAe;IAC7C,IAAI,CAAC;QACH,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,OAAO,CAAC,CAAA;QAErC,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;YACjB,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC,CAAA;QAChD,CAAC;QAED,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAA,CAAC,oBAAoB;QAEvD,IAAI,IAAI,CAAC,IAAI,KAAK,CAAC,EAAE,CAAC;YACpB,MAAM,IAAI,KAAK,CAAC,kBAAkB,CAAC,CAAA,CAAC,qBAAqB;QAC3D,CAAC;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;IACJ,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,MAAM,KAAK,CAAA;IACb,CAAC;AACH,CAAC;AAGM,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC;aAC1D,WAAM,GAAG;QACd,GAAG,CAAA;;;;KAIF;KACF,AANY,CAMZ;IAID,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,IAAI,CAAC,KAAK,EAAE,UAAU,IAAI,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;YACD,OAAO,EAAE;gBACP;oBACE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,4BAA4B,CAAC;oBAC9C,MAAM,EAAE,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC;oBAC1C,GAAG,kBAAkB,CAAC,IAAI;iBAC3B;aACF;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,CAAC;YAC7B,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAA;YAEnE,IAAI,CAAC;gBACH,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;YACN,CAAC;YAAC,OAAO,GAAG,EAAE,CAAC;gBACb,OAAO,CAAC,IAAI,CAAC,+BAA+B,EAAE,IAAI,EAAE,GAAG,CAAC,CAAA;YAC1D,CAAC;QACH,CAAC;QAED,OAAO,IAAI,CAAA;IACb,CAAC;IAED;;;OAGG;IACH,KAAK,CAAC,kBAAkB;QACtB,MAAM,KAAK,GAAG,EAAE,CAAA;QAChB,IAAI,KAAK,GAAG,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAA;QACrD,IAAI,SAAS,GAAG,MAAM,CAAC,iBAAiB,CAAA;QAExC,MAAM,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,6BAA6B,CAAC,EAAE,CAAC,CAAA;QAE7D,OAAO,SAAS,GAAG,CAAC,EAAE,CAAC;YACrB,IAAI,CAAC;gBACH,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;oBACnC,QAAQ,EAAE,GAAG,CAAA;;;;;;;;;WASZ;oBACD,SAAS,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;iBAC5B,CAAC,CAAA;gBACF,MAAM,CAAC,GAAG,IAAI,EAAE,4BAA4B,CAAA;gBAC5C,IAAI,CAAC,CAAC;oBAAE,MAAK;gBACb,KAAK,CAAC,SAAS,IAAI,CAAC,CAAC,SAAS,CAAA;gBAC9B,KAAK,CAAC,SAAS,IAAI,CAAC,CAAC,SAAS,CAAA;gBAC9B,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC,MAAM,CAAA;gBACxB,SAAS,GAAG,CAAC,CAAC,SAAS,CAAA;gBAEvB,IAAI,CAAC,CAAC,SAAS,KAAK,CAAC;oBAAE,MAAK,CAAC,gBAAgB;gBAC7C,yCAAyC;gBACzC,6CAA6C;gBAC7C,IAAI,CAAC,CAAC,SAAS,KAAK,CAAC;oBAAE,MAAK;YAC9B,CAAC;YAAC,OAAO,GAAG,EAAE,CAAC;gBACb,OAAO,CAAC,KAAK,CAAC,iBAAiB,EAAE,GAAG,CAAC,CAAA;gBACrC,MAAM,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,CAAA;gBAChD,OAAM;YACR,CAAC;QACH,CAAC;QAED,MAAM,CAAC;YACL,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,8BAA8B,EAAE;gBACjD,SAAS,EAAE,KAAK,CAAC,SAAS;gBAC1B,MAAM,EAAE,KAAK,CAAC,MAAM;aACrB,CAAC;SACH,CAAC,CAAA;QACF,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAA;IACpB,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;;AAlJ4B;IAA5B,KAAK,CAAC,oBAAoB,CAAC;8BAAkB,gBAAgB;0DAAA;AATnD,kBAAkB;IAD9B,aAAa,CAAC,sBAAsB,CAAC;GACzB,kBAAkB,CA4J9B","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 { CommonButtonStyles } from '@operato/styles'\nimport { OxAttachmentList } from '@operato/attachment/ox-attachment-list.js'\nimport { client } from '@operato/graphql'\nimport { notify } from '@operato/layout'\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      actions: [\n        {\n          title: i18next.t('button.backfill thumbnails'),\n          action: this.backfillThumbnails.bind(this),\n          ...CommonButtonStyles.save\n        }\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.warn('Failed to process attachment:', name, err)\n      }\n    }\n\n    return data\n  }\n\n  /**\n   * 썸네일이 없는 기존 첨부파일들에 대해 서버에서 일괄 썸네일 생성.\n   * 한 배치당 20 개씩, remaining 이 0 이 될 때까지 반복 호출.\n   */\n  async backfillThumbnails() {\n    const BATCH = 20\n    let total = { attempted: 0, succeeded: 0, failed: 0 }\n    let remaining = Number.POSITIVE_INFINITY\n\n    notify({ message: i18next.t('text.backfilling thumbnails') })\n\n    while (remaining > 0) {\n      try {\n        const { data } = await client.mutate({\n          mutation: gql`\n            mutation BackfillAttachmentThumbnails($limit: Int) {\n              backfillAttachmentThumbnails(limit: $limit) {\n                attempted\n                succeeded\n                failed\n                remaining\n              }\n            }\n          `,\n          variables: { limit: BATCH }\n        })\n        const r = data?.backfillAttachmentThumbnails\n        if (!r) break\n        total.attempted += r.attempted\n        total.succeeded += r.succeeded\n        total.failed += r.failed\n        remaining = r.remaining\n\n        if (r.attempted === 0) break // 더 이상 처리할 게 없음\n        // 한 배치에서 아무것도 성공하지 못했다면 무한 루프 방지를 위해 중단.\n        // 동일 후보들이 계속 실패하는 상황이므로 서버 측 원인 해결이 선행되어야 함.\n        if (r.succeeded === 0) break\n      } catch (err) {\n        console.error('backfill error:', err)\n        notify({ level: 'error', message: String(err) })\n        return\n      }\n    }\n\n    notify({\n      message: i18next.t('text.thumbnail backfill done', {\n        succeeded: total.succeeded,\n        failed: total.failed\n      })\n    })\n    this.grist.fetch()\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"]}

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

@@ -16,6 +16,8 @@ export declare class BoardListPage extends BoardListPageBase {
     private _page;
     private _total;
     private page?;
+    private _lastFetchTime?;
+    private _updatedBoardIds;
     get context(): {
         title: {
             icon: string;
@@ -36,15 +38,30 @@ export declare class BoardListPage extends BoardListPageBase {
         page?: number | undefined;
         limit?: any;
     }): Promise<any>;
+    /**
+     * favor/mywork 같이 "search text + pagination"만 받는 간단한 리스트 조회 공용 헬퍼.
+     * 그룹/타입 필터 등 복합 조건을 쓰는 일반 목록(getBoards)과 구분해 중복 제거.
+     */
+    private _fetchSimpleBoardList;
     getFavoriteBoards({ page, limit }?: {
         page?: number | undefined;
         limit?: any;
-    }): Promise<any>;
+    }): Promise<any[]>;
     getMyBoards({ page, limit }?: {
         page?: number | undefined;
         limit?: any;
-    }): Promise<any>;
+    }): Promise<any[]>;
     refreshBoards(): Promise<void>;
+    /**
+     * 컨텐츠가 스크롤 영역을 채우지 못하면 다음 페이지를 자동 로드한다.
+     */
+    private _filling;
+    private fillViewport;
+    /**
+     * 기존 목록을 유지하면서 변경된 보드만 갱신한다.
+     * 스크롤 위치가 보존된다.
+     */
+    incrementalRefresh(): Promise<void>;
     appendBoards(): Promise<void>;
     scrollAction(): Promise<void>;
     pageInitialized(): Promise<void>;
@@ -64,6 +81,10 @@ export declare class BoardListPage extends BoardListPageBase {
         files: any;
         overwrite: any;
     }): Promise<void>;
+    onReorderBoards({ boardIds, movedId }: {
+        boardIds: any;
+        movedId: any;
+    }): Promise<void>;
     onCreateBoard(board: any): Promise<void>;
     onCloneBoard({ id, name, description, targetSubdomain, targetGroupId }: {
         id: any;
@@ -94,6 +115,5 @@ export declare class BoardListPage extends BoardListPageBase {
         visibility: any;
     }): Promise<void>;
     refreshFavorites(): Promise<void>;
-    _notify(level: 'info' | 'error' | 'warn', message: any, ex?: any): void;
 }
 export {};

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

@@ -15,7 +15,8 @@ import { ScrollbarStyles } from '@operato/styles';
 import InfiniteScrollable from '@operato/utils/mixins/infinite-scrollable.js';
 import { UPDATE_FAVORITES } from '@things-factory/fav-base/client/index.js';
 import { swipe } from '@things-factory/utils/src/index.js';
-import { cloneBoard, releaseBoard, revertBoardVersion, createBoard, createGroup, deleteBoard, deleteGroup, fetchBoardList, fetchFavoriteBoardList, fetchMyBoardList, fetchGroupList, updateBoard, updateGroup, importBoards } from '../graphql';
+import { notify } from '../utils/notify-helper.js';
+import { cloneBoard, releaseBoard, revertBoardVersion, createBoard, createGroup, deleteBoard, deleteGroup, fetchBoardList, fetchBoardsUpdatedSince, fetchFavoriteBoardList, fetchMyBoardList, fetchGroupList, updateBoard, updateGroup, importBoards } from '../graphql';
 const BoardListPageBase = localize(i18next)(InfiniteScrollable(PageView));
 let BoardListPage = class BoardListPage extends BoardListPageBase {
     static { this.styles = [
@@ -42,8 +43,8 @@ let BoardListPage = class BoardListPage extends BoardListPageBase {
     `
     ]; }
     get context() {
-        var groupId = this.groupId;
-        var group = this.groups && this.groups.find(group => group.id === groupId);
+        const groupId = this.groupId;
+        const group = this.groups && this.groups.find(group => group.id === groupId);
         return {
             title: {
                 icon: 'dashboard',
@@ -59,6 +60,15 @@ let BoardListPage = class BoardListPage extends BoardListPageBase {
                 handler: search => {
                     this.searchText = search;
                     this.refreshBoards();
+                    // URL에 검색어 반영 → 페이지 복귀 시 유지
+                    const url = new URL(window.location.href);
+                    if (search) {
+                        url.searchParams.set('search', search);
+                    }
+                    else {
+                        url.searchParams.delete('search');
+                    }
+                    history.replaceState(null, '', url.href);
                 },
                 value: this.searchText || ''
             },
@@ -74,6 +84,11 @@ let BoardListPage = class BoardListPage extends BoardListPageBase {
         this.searchText = '';
         this._page = 1;
         this._total = 0; /* required for infinite-scrolling */
+        this._updatedBoardIds = [];
+        /**
+         * 컨텐츠가 스크롤 영역을 채우지 못하면 다음 페이지를 자동 로드한다.
+         */
+        this._filling = false;
         this._infiniteScrollOptions.limit = 50;
     }
     render() {
@@ -92,6 +107,7 @@ let BoardListPage = class BoardListPage extends BoardListPageBase {
         .favorites=${this.favorites}
         .groups=${this.groups}
         .group=${this.groupId}
+        .updatedIds=${this._updatedBoardIds}
         search-text=${this.searchText}
         @info-board=${e => this.onInfoBoard(e.detail)}
         @scroll=${e => {
@@ -100,7 +116,9 @@ let BoardListPage = class BoardListPage extends BoardListPageBase {
         }}
         @create-board=${e => this.onCreateBoard(e.detail)}
         @refresh-favorites=${e => this.refreshFavorites()}
+        @reordered=${e => this.onReorderBoards(e.detail)}
         creatable
+        reorderable
       ></board-tile-list>
     `;
     }
@@ -149,9 +167,13 @@ let BoardListPage = class BoardListPage extends BoardListPageBase {
                 value: 'main'
             });
         }
-        var listParam = {
+        const listParam = {
             filters,
             sortings: [
+                {
+                    name: 'sortOrder',
+                    desc: false
+                },
                 {
                     name: 'name',
                     desc: false
@@ -164,7 +186,11 @@ let BoardListPage = class BoardListPage extends BoardListPageBase {
         };
         return (await fetchBoardList(listParam)).boards;
     }
-    async getFavoriteBoards({ page = 1, limit = this._infiniteScrollOptions.limit } = {}) {
+    /**
+     * favor/mywork 같이 "search text + pagination"만 받는 간단한 리스트 조회 공용 헬퍼.
+     * 그룹/타입 필터 등 복합 조건을 쓰는 일반 목록(getBoards)과 구분해 중복 제거.
+     */
+    async _fetchSimpleBoardList(fetcher, resultKey, { page, limit }) {
         const filters = [];
         if (this.searchText) {
             filters.push({
@@ -173,55 +199,88 @@ let BoardListPage = class BoardListPage extends BoardListPageBase {
                 value: '%' + this.searchText + '%'
             });
         }
-        var listParam = {
-            filters,
-            pagination: {
-                page,
-                limit
-            }
-        };
-        return (await fetchFavoriteBoardList(listParam)).favoriteBoards;
+        const result = await fetcher({ filters, pagination: { page, limit } });
+        return result[resultKey];
+    }
+    async getFavoriteBoards({ page = 1, limit = this._infiniteScrollOptions.limit } = {}) {
+        return this._fetchSimpleBoardList(fetchFavoriteBoardList, 'favoriteBoards', { page, limit });
     }
     async getMyBoards({ page = 1, limit = this._infiniteScrollOptions.limit } = {}) {
-        const filters = [];
-        if (this.searchText) {
-            filters.push({
-                name: 'name',
-                operator: 'search',
-                value: '%' + this.searchText + '%'
-            });
-        }
-        var listParam = {
-            filters,
-            pagination: {
-                page,
-                limit
-            }
-        };
-        return (await fetchMyBoardList(listParam)).boardsCreatedByMe;
+        return this._fetchSimpleBoardList(fetchMyBoardList, 'boardsCreatedByMe', { page, limit });
     }
     async refreshBoards() {
         if (!this.groups) {
             await this.refresh();
             return;
         }
-        var { items: boards, total } = await this.getBoards();
+        const { items: boards, total } = await this.getBoards();
         this.boards = boards;
         this._page = 1;
         this._total = total;
+        this._lastFetchTime = new Date();
         this.updateContext();
         this.scrollTargetEl.style.transition = '';
         this.scrollTargetEl.style.transform = `translate3d(0, 0, 0)`;
+        this.fillViewport();
+    }
+    async fillViewport() {
+        if (this._filling)
+            return;
+        this._filling = true;
+        try {
+            const el = this.scrollTargetEl;
+            if (!el)
+                return;
+            const { limit } = this._infiniteScrollOptions;
+            while (this._page < this._total / limit && el.scrollHeight <= el.clientHeight) {
+                await this.appendBoards();
+                await this.updateComplete;
+            }
+        }
+        finally {
+            this._filling = false;
+        }
+    }
+    /**
+     * 기존 목록을 유지하면서 변경된 보드만 갱신한다.
+     * 스크롤 위치가 보존된다.
+     */
+    async incrementalRefresh() {
+        if (!this._lastFetchTime || this.boards.length === 0) {
+            return this.refreshBoards();
+        }
+        const updatedBoards = await fetchBoardsUpdatedSince(this._lastFetchTime);
+        if (updatedBoards && updatedBoards.length > 0) {
+            const updatedMap = new Map(updatedBoards.map((b) => [b.id, b]));
+            const changedIds = [];
+            this.boards = this.boards
+                .map(board => {
+                const updated = updatedMap.get(board.id);
+                if (!updated)
+                    return board;
+                // 삭제되었거나 현재 그룹에서 벗어난 경우 제거
+                if (updated.deletedAt || (this.groupId && updated.group?.id !== this.groupId))
+                    return null;
+                changedIds.push(updated.id);
+                return updated;
+            })
+                .filter(Boolean);
+            this._updatedBoardIds = changedIds;
+        }
+        this._lastFetchTime = new Date();
     }
     async appendBoards() {
         if (!this.groups) {
             await this.refresh();
             return;
         }
-        var { items: boards, total } = await this.getBoards({ page: this._page + 1 });
-        this.boards = [...this.boards, ...boards];
+        const { items: appendedBoards, total } = await this.getBoards({ page: this._page + 1 });
+        const existingIds = new Set(this.boards.map(b => b.id));
+        const newBoards = appendedBoards.filter(b => !existingIds.has(b.id));
+        this.boards = [...this.boards, ...newBoards];
         this._page = this._page + 1;
         this._total = total;
+        this._lastFetchTime = new Date();
     }
     async scrollAction() {
         return this.appendBoards();
@@ -231,11 +290,23 @@ let BoardListPage = class BoardListPage extends BoardListPageBase {
     }
     async pageUpdated(changes, lifecycle) {
         if (this.active) {
+            const prevGroupId = this.groupId;
+            const prevSearchText = this.searchText;
             this.page = lifecycle.page;
             this.groupId = lifecycle.resourceId;
             this.searchText = lifecycle.params?.search || '';
             await this.updateComplete;
-            this.refreshBoards();
+            // 검색어가 변경되었으면 전체 갱신
+            // 같은 그룹으로 복귀하고 기존 데이터가 있으면 변경분만 갱신 (스크롤 유지)
+            if (prevSearchText !== this.searchText) {
+                this.refreshBoards();
+            }
+            else if (prevGroupId === this.groupId && this.boards.length > 0 && this._lastFetchTime) {
+                this.incrementalRefresh();
+            }
+            else {
+                this.refreshBoards();
+            }
         }
     }
     connectedCallback() {
@@ -264,8 +335,8 @@ let BoardListPage = class BoardListPage extends BoardListPageBase {
             container: list,
             animates: {
                 dragging: async (d, opts) => {
-                    var groups = [{ id: '' }, { id: 'favor' }, ...this.groups];
-                    var currentIndex = groups.findIndex(group => group.id == this.groupId);
+                    const groups = [{ id: '' }, { id: 'favor' }, ...this.groups];
+                    const currentIndex = groups.findIndex(group => group.id == this.groupId);
                     if ((d > 0 && currentIndex <= 0) || (d < 0 && currentIndex >= groups.length - 1)) {
                         /* TODO blocked gesture */
                         return false;
@@ -280,8 +351,8 @@ let BoardListPage = class BoardListPage extends BoardListPageBase {
                     });
                 },
                 swiping: async (d, opts) => {
-                    var groups = [{ id: '' }, { id: 'favor' }, ...this.groups];
-                    var currentIndex = groups.findIndex(group => group.id == this.groupId);
+                    const groups = [{ id: '' }, { id: 'favor' }, ...this.groups];
+                    const currentIndex = groups.findIndex(group => group.id == this.groupId);
                     if ((d > 0 && currentIndex <= 0) || (d < 0 && currentIndex >= groups.length - 1)) {
                         list.style.transition = '';
                         list.style.transform = `translate3d(0, 0, 0)`;
@@ -329,43 +400,65 @@ let BoardListPage = class BoardListPage extends BoardListPageBase {
     async onCreateGroup(group) {
         try {
             const data = await createGroup(group);
-            data && this._notify('info', i18next.t('text.group created', { group: group.name }));
+            data && notify('info', i18next.t('text.group created', { group: group.name }));
         }
         catch (ex) {
-            this._notify('error', ex, ex);
+            notify('error', ex, ex);
         }
         this.refresh();
     }
     async onUpdateGroup(group) {
         try {
             const data = await updateGroup(group);
-            data && this._notify('info', i18next.t('text.group updated', { group: group.name }));
+            data && notify('info', i18next.t('text.group updated', { group: group.name }));
         }
         catch (ex) {
-            this._notify('error', ex, ex);
+            notify('error', ex, ex);
         }
         this.refresh();
     }
     async onDeleteGroup(group) {
         try {
             const data = await deleteGroup(group.id);
-            data && this._notify('info', i18next.t('text.group deleted', { group: group.name }));
+            data && notify('info', i18next.t('text.group deleted', { group: group.name }));
         }
         catch (ex) {
-            this._notify('error', ex, ex);
+            notify('error', ex, ex);
         }
         this.refresh();
     }
     async onImportBoards({ group, files, overwrite }) {
         try {
             const data = await importBoards({ groupId: group.id, files, overwrite });
-            data && this._notify('info', i18next.t('text.boards imported', { count: files.length, group: group.name }));
+            data && notify('info', i18next.t('text.boards imported', { count: files.length, group: group.name }));
         }
         catch (ex) {
-            this._notify('error', ex, ex);
+            notify('error', ex, ex);
         }
         this.refresh();
     }
+    async onReorderBoards({ boardIds, movedId }) {
+        if (!movedId)
+            return;
+        const newIndex = boardIds.indexOf(movedId);
+        const prevId = newIndex > 0 ? boardIds[newIndex - 1] : undefined;
+        const nextId = newIndex < boardIds.length - 1 ? boardIds[newIndex + 1] : undefined;
+        this.boards = boardIds.map(id => this.boards.find(b => b.id === id)).filter(Boolean);
+        try {
+            await client.mutate({
+                mutation: gql `
+          mutation ($id: String!, $prevId: String, $nextId: String) {
+            reorderBoard(id: $id, prevId: $prevId, nextId: $nextId)
+          }
+        `,
+                variables: { id: movedId, prevId, nextId }
+            });
+        }
+        catch (ex) {
+            notify('error', ex, ex);
+            this.refreshBoards();
+        }
+    }
     async onCreateBoard(board) {
         try {
             if (!board.model) {
@@ -375,10 +468,10 @@ let BoardListPage = class BoardListPage extends BoardListPageBase {
                 };
             }
             const data = await createBoard(board);
-            data && this._notify('info', i18next.t('text.board created', { board: board.name }));
+            data && notify('info', i18next.t('text.board created', { board: board.name }));
         }
         catch (ex) {
-            this._notify('error', ex, ex);
+            notify('error', ex, ex);
         }
         this.refreshBoards();
     }
@@ -391,52 +484,52 @@ let BoardListPage = class BoardListPage extends BoardListPageBase {
                 targetSubdomain,
                 targetGroupId
             });
-            data && this._notify('info', i18next.t('text.board cloned', { board: name }));
+            data && notify('info', i18next.t('text.board cloned', { board: name }));
         }
         catch (ex) {
-            this._notify('error', ex, ex);
+            notify('error', ex, ex);
         }
-        this.refreshBoards();
+        this.incrementalRefresh();
     }
     async onReleaseBoard(board) {
         try {
             const data = await releaseBoard(board);
-            data && this._notify('info', i18next.t('text.board released', { board: board.name }));
+            data && notify('info', i18next.t('text.board released', { board: board.name }));
         }
         catch (ex) {
-            this._notify('error', ex, ex);
+            notify('error', ex, ex);
         }
-        this.refreshBoards();
+        this.incrementalRefresh();
     }
     async onRevertBoardVersion({ id, version }) {
         try {
             const board = await revertBoardVersion(id, version);
-            board && this._notify('info', i18next.t('text.board reverted', { board: board.name, version }));
+            board && notify('info', i18next.t('text.board reverted', { board: board.name, version }));
         }
         catch (ex) {
-            this._notify('error', ex, ex);
+            notify('error', ex, ex);
         }
-        this.refreshBoards();
+        this.incrementalRefresh();
     }
     async onUpdateBoard(board) {
         try {
             const data = await updateBoard(board);
-            data && this._notify('info', i18next.t('text.board updated', { board: board.name }));
+            data && notify('info', i18next.t('text.board updated', { board: board.name }));
         }
         catch (ex) {
-            this._notify('error', ex, ex);
+            notify('error', ex, ex);
         }
-        this.refreshBoards();
+        this.incrementalRefresh();
     }
     async onDeleteBoard(board) {
         try {
             const data = await deleteBoard(board.id);
-            data && this._notify('info', i18next.t('text.board deleted', { board: board.name }));
+            data && notify('info', i18next.t('text.board deleted', { board: board.name }));
         }
         catch (ex) {
-            this._notify('error', ex, ex);
+            notify('error', ex, ex);
         }
-        this.refreshBoards();
+        this.incrementalRefresh();
     }
     async onJoinPlayGroup({ board, playGroup }) {
         try {
@@ -454,10 +547,10 @@ let BoardListPage = class BoardListPage extends BoardListPageBase {
                 }
             });
             data &&
-                this._notify('info', i18next.t('text.joined into play-group', { board: board.name, playGroup: playGroup.name }));
+                notify('info', i18next.t('text.joined into play-group', { board: board.name, playGroup: playGroup.name }));
         }
         catch (ex) {
-            this._notify('error', ex, ex);
+            notify('error', ex, ex);
         }
     }
     async onLeavePlayGroup({ board, playGroup }) {
@@ -476,10 +569,10 @@ let BoardListPage = class BoardListPage extends BoardListPageBase {
                 }
             });
             data &&
-                this._notify('info', i18next.t('text.leaved from play-group', { board: board.name, playGroup: playGroup.name }));
+                notify('info', i18next.t('text.leaved from play-group', { board: board.name, playGroup: playGroup.name }));
         }
         catch (ex) {
-            this._notify('error', ex, ex);
+            notify('error', ex, ex);
         }
     }
     async onRegisterTemplate({ id, name, description, visibility }) {
@@ -500,12 +593,12 @@ let BoardListPage = class BoardListPage extends BoardListPageBase {
                 }
             });
             data &&
-                this._notify('info', i18next.t('text.info_x_successfully', { x: i18next.t('text.register-template') }), {
+                notify('info', i18next.t('text.info_x_successfully', { x: i18next.t('text.register-template') }), {
                     name
                 });
         }
         catch (ex) {
-            this._notify('error', ex, ex);
+            notify('error', ex, ex);
         }
     }
     async refreshFavorites() {
@@ -525,15 +618,6 @@ let BoardListPage = class BoardListPage extends BoardListPageBase {
                 favorites: data.myFavorites.map(favorite => favorite.routing)
             });
     }
-    _notify(level, message, ex) {
-        document.dispatchEvent(new CustomEvent('notify', {
-            detail: {
-                level,
-                message,
-                ex
-            }
-        }));
-    }
 };
 __decorate([
     property({ type: String }),
@@ -563,6 +647,10 @@ __decorate([
     query('board-tile-list'),
     __metadata("design:type", HTMLElement)
 ], BoardListPage.prototype, "scrollTargetEl", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], BoardListPage.prototype, "_updatedBoardIds", void 0);
 BoardListPage = __decorate([
     customElement('board-list-page'),
     __metadata("design:paramtypes", [])