@things-factory/codelingua 6.1.12 → 6.1.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@things-factory/codelingua",
-  "version": "6.1.12",
+  "version": "6.1.16",
   "main": "dist-server/index.js",
   "browser": "dist-client/index.js",
   "things-factory": true,
@@ -33,5 +33,5 @@
     "@things-factory/shell": "^6.1.12",
     "openai": "^3.3.0"
   },
-  "gitHead": "91c40b88e85856e41775f23d9ff67ebc3eb3e39b"
+  "gitHead": "218327b4644b195bf763f1c5a95fbf8f3fbbcfd9"
 }

package/server/controllers/image-completion.ts

@@ -0,0 +1,35 @@
+import { client } from './openai-connection'
+
+export async function imageCompletion({
+  description,
+  size = '1600x900',
+  count
+}: {
+  description: string
+  size: string
+  count: number
+}): Promise<string> {
+  try {
+    const todo = `[INFO: you can add images to reply by Markdown. Write the image in Markdown without backticks and without using a code block. Use the Unsplash API (https://source.unsplash.com/${size}/?<PUT YOUR QUERY HERE>). The query is just some tags that describes the image] ## DO NOT REPOND TO INFO BLOCK ##nnmy Next prompt is [INSERT]`
+    const content = `Give me ${count} pictures describing ${description}`
+
+    const completion = await client.createChatCompletion({
+      model: 'gpt-3.5-turbo',
+      messages: [
+        {
+          role: 'system',
+          content: todo
+        },
+        {
+          role: 'user',
+          content /* like "Give me 5 pictures about airplane" */
+        }
+      ]
+    })
+
+    return completion.data.choices[0].message.content
+  } catch (error) {
+    console.error(error)
+    return 'The Code Lingua service is currently unavailable. Please contact your system administrator.'
+  }
+}

package/server/controllers/index.ts

@@ -1,6 +1,7 @@
 export * from './openai-connection'
 
 export * from './chat-completion'
+export * from './image-completion'
 export * from './i18n-completion'
 export * from './api-doc-completion'
 export * from './decipher-code'

package/server/service/image-completion/image-completion-resolver.ts

@@ -0,0 +1,21 @@
+import { Resolver, Query, Arg, Ctx } from 'type-graphql'
+import '@things-factory/auth-base' // for ResolverContext
+import { ImageCompletionInput, ImageCompletionOutput } from './image-completion-type'
+import { imageCompletion } from '../../controllers'
+
+@Resolver()
+export class ImageCompletionResolver {
+  @Query(() => ImageCompletionOutput)
+  async imageCompletion(
+    @Arg('input') input: ImageCompletionInput,
+    @Ctx() context: ResolverContext
+  ): Promise<ImageCompletionOutput> {
+    const { description, count, size } = input
+
+    const images = await imageCompletion({ description, count, size })
+
+    return {
+      images
+    }
+  }
+}

package/server/service/image-completion/image-completion-type.ts

@@ -0,0 +1,19 @@
+import { ObjectType, Field, InputType } from 'type-graphql'
+
+@InputType()
+export class ImageCompletionInput {
+  @Field()
+  description: string
+
+  @Field()
+  size: string /* like "800x600" */
+
+  @Field()
+  count: number
+}
+
+@ObjectType()
+export class ImageCompletionOutput {
+  @Field({ nullable: true })
+  images?: string
+}

package/server/service/image-completion/index.ts

@@ -0,0 +1,5 @@
+import { ImageCompletionResolver } from './image-completion-resolver'
+
+export const entities = []
+export const resolvers = [ImageCompletionResolver]
+export const subscribers = []

package/server/service/index.ts

@@ -3,6 +3,8 @@
 /* IMPORT ENTITIES AND RESOLVERS */
 import { resolvers as ChatCompletionResolvers } from './chat-completion'
 
+import { resolvers as ImageCompletionResolvers } from './image-completion'
+
 import { resolvers as APIDocCompletionResolvers } from './api-doc-completion'
 
 import { resolvers as i18nCompletionResolvers } from './i18n-completion'
@@ -17,6 +19,7 @@ export const schema = {
   resolverClasses: [
     /* RESOLVER CLASSES */
     ...ChatCompletionResolvers,
+    ...ImageCompletionResolvers,
     ...APIDocCompletionResolvers,
     ...i18nCompletionResolvers,
     ...CodeDecipherResolvers

package/dist-client/actions/main.d.ts

@@ -1 +0,0 @@
-export declare const UPDATE_CODELINGUA = "UPDATE_CODELINGUA";

package/dist-client/actions/main.js

@@ -1,2 +0,0 @@
-export const UPDATE_CODELINGUA = 'UPDATE_CODELINGUA';
-//# sourceMappingURL=main.js.map

package/dist-client/actions/main.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"main.js","sourceRoot":"","sources":["../../client/actions/main.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,iBAAiB,GAAG,mBAAmB,CAAA","sourcesContent":["export const UPDATE_CODELINGUA = 'UPDATE_CODELINGUA'\n"]}

package/dist-client/bootstrap.d.ts

@@ -1 +0,0 @@
-export default function bootstrap(): void;

package/dist-client/bootstrap.js

@@ -1,2 +0,0 @@
-export default function bootstrap() { }
-//# sourceMappingURL=bootstrap.js.map

package/dist-client/bootstrap.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,SAAS,KAAI,CAAC","sourcesContent":["export default function bootstrap() {}\n"]}

package/dist-client/pages/codelingua/codelingua-importer.d.ts

@@ -1,22 +0,0 @@
-import '@operato/data-grist';
-import { LitElement } from 'lit';
-export declare class CodelinguaImporter extends LitElement {
-    static styles: import("lit").CSSResult[];
-    codelinguas: any[];
-    columns: {
-        list: {
-            fields: string[];
-        };
-        pagination: {
-            infinite: boolean;
-        };
-        columns: {
-            type: string;
-            name: string;
-            header: string;
-            width: number;
-        }[];
-    };
-    render(): import("lit-html").TemplateResult<1>;
-    save(): Promise<void>;
-}

package/dist-client/pages/codelingua/codelingua-importer.js

@@ -1,100 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-import '@operato/data-grist';
-import gql from 'graphql-tag';
-import { css, html, LitElement } from 'lit';
-import { property } from 'lit/decorators.js';
-import { client } from '@operato/graphql';
-import { i18next } from '@operato/i18n';
-import { isMobileDevice } from '@operato/utils';
-export class CodelinguaImporter extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.codelinguas = [];
-        this.columns = {
-            list: { fields: ['name', 'description'] },
-            pagination: { infinite: true },
-            columns: [
-                {
-                    type: 'string',
-                    name: 'name',
-                    header: i18next.t('field.name'),
-                    width: 150
-                },
-                {
-                    type: 'string',
-                    name: 'description',
-                    header: i18next.t('field.description'),
-                    width: 200
-                },
-                {
-                    type: 'checkbox',
-                    name: 'active',
-                    header: i18next.t('field.active'),
-                    width: 60
-                }
-            ]
-        };
-    }
-    render() {
-        return html `
-      <ox-grist
-        .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
-        .config=${this.columns}
-        .data=${{
-            records: this.codelinguas
-        }}
-      ></ox-grist>
-
-      <div class="button-container">
-        <mwc-button raised @click="${this.save.bind(this)}">${i18next.t('button.save')}</mwc-button>
-      </div>
-    `;
-    }
-    async save() {
-        var _a;
-        const response = await client.mutate({
-            mutation: gql `
-        mutation importCodelinguas($codelinguas: [CodelinguaPatch!]!) {
-          importCodelinguas(codelinguas: $codelinguas)
-        }
-      `,
-            variables: { codelinguas: this.codelinguas }
-        });
-        if ((_a = response.errors) === null || _a === void 0 ? void 0 : _a.length)
-            return;
-        this.dispatchEvent(new CustomEvent('imported'));
-    }
-}
-CodelinguaImporter.styles = [
-    css `
-      :host {
-        display: flex;
-        flex-direction: column;
-
-        background-color: #fff;
-      }
-
-      ox-grist {
-        flex: 1;
-      }
-
-      .button-container {
-        display: flex;
-        margin-left: auto;
-        padding: var(--padding-default);
-      }
-
-      mwc-button {
-        margin-left: var(--margin-default);
-      }
-    `
-];
-__decorate([
-    property({ type: Array }),
-    __metadata("design:type", Array)
-], CodelinguaImporter.prototype, "codelinguas", void 0);
-__decorate([
-    property({ type: Object }),
-    __metadata("design:type", Object)
-], CodelinguaImporter.prototype, "columns", void 0);
-//# sourceMappingURL=codelingua-importer.js.map

package/dist-client/pages/codelingua/codelingua-importer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"codelingua-importer.js","sourceRoot":"","sources":["../../../client/pages/codelingua/codelingua-importer.ts"],"names":[],"mappings":";AAAA,OAAO,qBAAqB,CAAA;AAE5B,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/C,MAAM,OAAO,kBAAmB,SAAQ,UAAU;IAAlD;;QA0B6B,gBAAW,GAAU,EAAE,CAAA;QACtB,YAAO,GAAG;YACpC,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,EAAE;YACzC,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;YAC9B,OAAO,EAAE;gBACP;oBACE,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,MAAM;oBACZ,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC;oBAC/B,KAAK,EAAE,GAAG;iBACX;gBACD;oBACE,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,aAAa;oBACnB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC;oBACtC,KAAK,EAAE,GAAG;iBACX;gBACD;oBACE,IAAI,EAAE,UAAU;oBAChB,IAAI,EAAE,QAAQ;oBACd,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC;oBACjC,KAAK,EAAE,EAAE;iBACV;aACF;SACF,CAAA;IAmCH,CAAC;IAhCC,MAAM;QACJ,OAAO,IAAI,CAAA;;gBAEC,cAAc,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;kBAChC,IAAI,CAAC,OAAO;gBAEpB;YACE,OAAO,EAAE,IAAI,CAAC,WAAW;SAE7B;;;;qCAI6B,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC;;KAEjF,CAAA;IACH,CAAC;IAED,KAAK,CAAC,IAAI;;QACR,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;YACnC,QAAQ,EAAE,GAAG,CAAA;;;;OAIZ;YACD,SAAS,EAAE,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE;SAC7C,CAAC,CAAA;QAEF,IAAI,MAAA,QAAQ,CAAC,MAAM,0CAAE,MAAM;YAAE,OAAM;QAEnC,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,UAAU,CAAC,CAAC,CAAA;IACjD,CAAC;;AAnFM,yBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;KAqBF;CACF,CAAA;AAED;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;;uDAAwB;AAClD;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;mDAuB1B","sourcesContent":["import '@operato/data-grist'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { property } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next } from '@operato/i18n'\nimport { isMobileDevice } from '@operato/utils'\n\nexport class CodelinguaImporter extends LitElement {\n  static styles = [\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        background-color: #fff;\n      }\n\n      ox-grist {\n        flex: 1;\n      }\n\n      .button-container {\n        display: flex;\n        margin-left: auto;\n        padding: var(--padding-default);\n      }\n\n      mwc-button {\n        margin-left: var(--margin-default);\n      }\n    `\n  ]\n\n  @property({ type: Array }) codelinguas: any[] = []\n  @property({ type: Object }) columns = {\n    list: { fields: ['name', 'description'] },\n    pagination: { infinite: true },\n    columns: [\n      {\n        type: 'string',\n        name: 'name',\n        header: i18next.t('field.name'),\n        width: 150\n      },\n      {\n        type: 'string',\n        name: 'description',\n        header: i18next.t('field.description'),\n        width: 200\n      },\n      {\n        type: 'checkbox',\n        name: 'active',\n        header: i18next.t('field.active'),\n        width: 60\n      }\n    ]\n  }\n\n\n  render() {\n    return html`\n      <ox-grist\n        .mode=${isMobileDevice() ? 'LIST' : 'GRID'}\n        .config=${this.columns}\n        .data=${\n          { \n            records: this.codelinguas \n          }\n        }\n      ></ox-grist>\n\n      <div class=\"button-container\">\n        <mwc-button raised @click=\"${this.save.bind(this)}\">${i18next.t('button.save')}</mwc-button>\n      </div>\n    `\n  }\n\n  async save() {\n    const response = await client.mutate({\n      mutation: gql`\n        mutation importCodelinguas($codelinguas: [CodelinguaPatch!]!) {\n          importCodelinguas(codelinguas: $codelinguas)\n        }\n      `,\n      variables: { codelinguas: this.codelinguas }\n    })\n\n    if (response.errors?.length) return\n\n    this.dispatchEvent(new CustomEvent('imported'))\n  }\n}\n\n"]}

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

@@ -1,62 +0,0 @@
-import '@operato/data-grist';
-import { PageView } from '@operato/shell';
-import { FetchOption } from '@operato/data-grist';
-import { CodelinguaImporter } from './codelingua-importer';
-declare const CodelinguaListPage_base: (new (...args: any[]) => {
-    _storeUnsubscribe: import("redux").Unsubscribe;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    stateChanged(_state: unknown): void;
-    readonly isConnected: boolean;
-}) & (new (...args: any[]) => import("lit").LitElement) & typeof PageView & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/types/src/types").ScopedElementsHost>;
-export declare class CodelinguaListPage extends CodelinguaListPage_base {
-    static styles: import("lit").CSSResult[];
-    static get scopedElements(): {
-        'codelingua-importer': typeof CodelinguaImporter;
-    };
-    gristConfig: any;
-    mode: 'CARD' | 'GRID' | 'LIST';
-    private grist;
-    private sortersControl;
-    get context(): {
-        search: {
-            handler: (search: string) => void;
-            placeholder: string;
-            value: string;
-        };
-        filter: {
-            handler: () => void;
-        };
-        help: string;
-        actions: {
-            icon: string;
-            emphasis: {
-                raised: boolean;
-                outlined: boolean;
-                dense: boolean;
-                danger: boolean;
-            };
-            title: string;
-            action: () => Promise<void>;
-        }[];
-        exportable: {
-            name: string;
-            data: () => Promise<{}[]>;
-        };
-        importable: {
-            handler: (records: any) => Promise<void>;
-        };
-    };
-    render(): import("lit-html").TemplateResult<1>;
-    pageInitialized(lifecycle: any): Promise<void>;
-    pageUpdated(changes: any, lifecycle: any): Promise<void>;
-    fetchHandler({ page, limit, sortings, filters }: FetchOption): Promise<{
-        total: any;
-        records: any;
-    }>;
-    _deleteCodelingua(): Promise<void>;
-    _updateCodelingua(): Promise<void>;
-    exportHandler(): Promise<{}[]>;
-    importHandler(records: any): Promise<void>;
-}
-export {};

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

@@ -1,326 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-import '@operato/data-grist';
-import { CommonButtonStyles, CommonGristStyles, ScrollbarStyles } from '@operato/styles';
-import { PageView, store } from '@operato/shell';
-import { css, html } from 'lit';
-import { customElement, property, query } from 'lit/decorators.js';
-import { ScopedElementsMixin } from '@open-wc/scoped-elements';
-import { DataGrist } from '@operato/data-grist';
-import { client } from '@operato/graphql';
-import { i18next, localize } from '@operato/i18n';
-import { notify, openPopup } from '@operato/layout';
-import { OxPopup } from '@operato/popup';
-import { isMobileDevice } from '@operato/utils';
-import { connect } from 'pwa-helpers/connect-mixin';
-import gql from 'graphql-tag';
-import { CodelinguaImporter } from './codelingua-importer';
-let CodelinguaListPage = class CodelinguaListPage extends connect(store)(localize(i18next)(ScopedElementsMixin(PageView))) {
-    constructor() {
-        super(...arguments);
-        this.mode = isMobileDevice() ? 'CARD' : 'GRID';
-    }
-    static get scopedElements() {
-        return {
-            'codelingua-importer': CodelinguaImporter
-        };
-    }
-    get context() {
-        return {
-            search: {
-                handler: (search) => {
-                    this.grist.searchText = search;
-                },
-                placeholder: i18next.t('title.codelingua list'),
-                value: this.grist.searchText
-            },
-            filter: {
-                handler: () => {
-                    this.grist.toggleHeadroom();
-                }
-            },
-            help: 'codelingua/codelingua',
-            actions: [
-                Object.assign({ title: i18next.t('button.save'), action: this._updateCodelingua.bind(this) }, CommonButtonStyles.save),
-                Object.assign({ title: i18next.t('button.delete'), action: this._deleteCodelingua.bind(this) }, CommonButtonStyles.delete)
-            ],
-            exportable: {
-                name: i18next.t('title.codelingua list'),
-                data: this.exportHandler.bind(this)
-            },
-            importable: {
-                handler: this.importHandler.bind(this)
-            }
-        };
-    }
-    render() {
-        const mode = this.mode || (isMobileDevice() ? 'CARD' : 'GRID');
-        return html `
-      <ox-grist
-        .mode=${mode}
-        .config=${this.gristConfig}
-        .fetchHandler=${this.fetchHandler.bind(this)}
-      >
-        <div slot="headroom">
-          <div id="filters">
-            <ox-filters-form autofocus></ox-filters-form>
-          </div>
-
-          <div id="sorters">
-            Sort
-            <mwc-icon
-              @click=${e => {
-            const target = e.currentTarget;
-            this.sortersControl.open({
-                right: 0,
-                top: target.offsetTop + target.offsetHeight
-            });
-        }}
-              >expand_more</mwc-icon
-            >
-            <ox-popup id="sorter-control">
-              <ox-sorters-control> </ox-sorters-control>
-            </ox-popup>
-          </div>
-
-          <div id="modes">
-            <mwc-icon @click=${() => (this.mode = 'GRID')} ?active=${mode == 'GRID'}>grid_on</mwc-icon>
-            <mwc-icon @click=${() => (this.mode = 'LIST')} ?active=${mode == 'LIST'}>format_list_bulleted</mwc-icon>
-            <mwc-icon @click=${() => (this.mode = 'CARD')} ?active=${mode == 'CARD'}>apps</mwc-icon>
-          </div>
-        </div>
-      </ox-grist>
-    `;
-    }
-    async pageInitialized(lifecycle) {
-        this.gristConfig = {
-            list: {
-                fields: ['name', 'description'],
-                details: ['active', 'updatedAt']
-            },
-            columns: [
-                { type: 'gutter', gutterName: 'sequence' },
-                { type: 'gutter', gutterName: 'row-selector', multiple: true },
-                {
-                    type: 'string',
-                    name: 'name',
-                    header: i18next.t('field.name'),
-                    record: {
-                        editable: true
-                    },
-                    filter: 'search',
-                    sortable: true,
-                    width: 150
-                },
-                {
-                    type: 'string',
-                    name: 'description',
-                    header: i18next.t('field.description'),
-                    record: {
-                        editable: true
-                    },
-                    filter: 'search',
-                    width: 200
-                },
-                {
-                    type: 'checkbox',
-                    name: 'active',
-                    label: true,
-                    header: i18next.t('field.active'),
-                    record: {
-                        editable: true
-                    },
-                    filter: true,
-                    sortable: true,
-                    width: 60
-                },
-                {
-                    type: 'resource-object',
-                    name: 'updater',
-                    header: i18next.t('field.updater'),
-                    record: {
-                        editable: false
-                    },
-                    sortable: true,
-                    width: 120
-                },
-                {
-                    type: 'datetime',
-                    name: 'updatedAt',
-                    header: i18next.t('field.updated_at'),
-                    record: {
-                        editable: false
-                    },
-                    sortable: true,
-                    width: 180
-                }
-            ],
-            rows: {
-                selectable: {
-                    multiple: true
-                }
-            },
-            sorters: [
-                {
-                    name: 'name'
-                }
-            ]
-        };
-    }
-    async pageUpdated(changes, lifecycle) {
-        if (this.active) {
-            // do something here when this page just became as active
-        }
-    }
-    async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [] }) {
-        const response = await client.query({
-            query: gql `
-        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {
-          responses: codelinguas(filters: $filters, pagination: $pagination, sortings: $sortings) {
-            items {
-              id
-              name
-              description
-              active
-              updater {
-                id
-                name
-              }
-              updatedAt
-            }
-            total
-          }
-        }
-      `,
-            variables: {
-                filters,
-                pagination: { page, limit },
-                sortings
-            }
-        });
-        return {
-            total: response.data.responses.total || 0,
-            records: response.data.responses.items || []
-        };
-    }
-    async _deleteCodelingua() {
-        if (confirm(i18next.t('text.sure_to_x', { x: i18next.t('text.delete') }))) {
-            const ids = this.grist.selected.map(record => record.id);
-            if (ids && ids.length > 0) {
-                const response = await client.mutate({
-                    mutation: gql `
-            mutation ($ids: [String!]!) {
-              deleteCodelinguas(ids: $ids)
-            }
-          `,
-                    variables: {
-                        ids
-                    }
-                });
-                if (!response.errors) {
-                    this.grist.fetch();
-                    notify({
-                        message: i18next.t('text.info_x_successfully', { x: i18next.t('text.delete') })
-                    });
-                }
-            }
-        }
-    }
-    async _updateCodelingua() {
-        let patches = this.grist.dirtyRecords;
-        if (patches && patches.length) {
-            patches = patches.map(patch => {
-                let patchField = patch.id ? { id: patch.id } : {};
-                const dirtyFields = patch.__dirtyfields__;
-                for (let key in dirtyFields) {
-                    patchField[key] = dirtyFields[key].after;
-                }
-                patchField.cuFlag = patch.__dirty__;
-                return patchField;
-            });
-            const response = await client.mutate({
-                mutation: gql `
-          mutation ($patches: [CodelinguaPatch!]!) {
-            updateMultipleCodelingua(patches: $patches) {
-              name
-            }
-          }
-        `,
-                variables: {
-                    patches
-                }
-            });
-            if (!response.errors) {
-                this.grist.fetch();
-            }
-        }
-    }
-    async exportHandler() {
-        const exportTargets = this.grist.selected.length ? this.grist.selected : this.grist.dirtyData.records;
-        const targetFieldSet = new Set([
-            'id',
-            'name',
-            'description',
-            'active'
-        ]);
-        return exportTargets.map(codelingua => {
-            let tempObj = {};
-            for (const field of targetFieldSet) {
-                tempObj[field] = codelingua[field];
-            }
-            return tempObj;
-        });
-    }
-    async importHandler(records) {
-        const popup = openPopup(html `
-        <codelingua-importer
-          .codelinguas=${records}
-          @imported=${() => {
-            history.back();
-            this.grist.fetch();
-        }}
-        ></codelingua-importer>
-      `, {
-            backdrop: true,
-            size: 'large',
-            title: i18next.t('title.import codelingua')
-        });
-        popup.onclosed = () => {
-            this.grist.fetch();
-        };
-    }
-};
-CodelinguaListPage.styles = [
-    ScrollbarStyles,
-    CommonGristStyles,
-    css `
-      :host {
-        display: flex;
-
-        width: 100%;
-
-        --grid-record-emphasized-background-color: red;
-        --grid-record-emphasized-color: yellow;
-      }
-    `
-];
-__decorate([
-    property({ type: Object }),
-    __metadata("design:type", Object)
-], CodelinguaListPage.prototype, "gristConfig", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], CodelinguaListPage.prototype, "mode", void 0);
-__decorate([
-    query('ox-grist'),
-    __metadata("design:type", DataGrist)
-], CodelinguaListPage.prototype, "grist", void 0);
-__decorate([
-    query('#sorter-control'),
-    __metadata("design:type", OxPopup)
-], CodelinguaListPage.prototype, "sortersControl", void 0);
-CodelinguaListPage = __decorate([
-    customElement('codelingua-list-page')
-], CodelinguaListPage);
-export { CodelinguaListPage };
-//# sourceMappingURL=codelingua-list-page.js.map