@operato/property-panel 9.0.0-beta.14

package/.editorconfig

@@ -0,0 +1,29 @@
+# EditorConfig helps developers define and maintain consistent
+# coding styles between different editors and IDEs
+# editorconfig.org
+
+root = true
+
+
+[*]
+
+# Change these settings to your own preference
+indent_style = space
+indent_size = 2
+
+# We recommend you to keep these unchanged
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false
+
+[*.json]
+indent_size = 2
+
+[*.{html,js,md}]
+block_comment_start = /**
+block_comment = *
+block_comment_end = */

package/.storybook/main.js

@@ -0,0 +1,5 @@
+const stories = {
+  stories: ['../dist/stories/**/*.stories.{js,md,mdx}'],
+};
+
+export default stories;

package/.storybook/preview.js

@@ -0,0 +1,52 @@
+import { i18next } from '@operato/i18n'
+
+export const globalTypes = {
+  locale: {
+    name: 'Locale',
+    description: 'Internationalization locale',
+    toolbar: {
+      icon: 'globe',
+      items: [
+        { value: 'en', right: '🇺🇸', title: 'English' },
+        { value: 'ko', right: '🇰🇷', title: '한국어' },
+        { value: 'zh', right: '🇨🇳', title: '中文' },
+        { value: 'ja', right: '🇯🇵', title: '日本語' },
+        { value: 'ms', right: '🇲🇾', title: 'Bahasa Melayu' }
+      ],
+      showName: true
+    }
+  },
+  theme: {
+    name: 'Theme',
+    description: 'Global theme for components',
+    toolbar: {
+      icon: 'paintbrush',
+      items: [
+        { value: 'light', title: 'Light' },
+        { value: 'dark', title: 'Dark' }
+      ],
+      showName: true
+    }
+  }
+}
+
+export const decorators = [
+  (Story, context) => {
+    const { locale, theme } = context.globals
+
+    if (locale) {
+      i18next.changeLanguage(locale)
+    }
+
+    // Set the theme class for the document
+    if (theme === 'dark') {
+      document.documentElement.classList.add('dark')
+      document.documentElement.classList.remove('light')
+    } else {
+      document.documentElement.classList.add('light')
+      document.documentElement.classList.remove('dark')
+    }
+
+    return Story()
+  }
+]

package/.storybook/server.mjs

@@ -0,0 +1,8 @@
+import { storybookPlugin } from '@web/dev-server-storybook';
+import baseConfig from '../web-dev-server.config.mjs';
+
+export default /** @type {import('@web/dev-server').DevServerConfig} */ ({
+  ...baseConfig,
+  open: '/',
+  plugins: [storybookPlugin({ type: 'web-components' }), ...baseConfig.plugins],
+});

package/CHANGELOG.md

@@ -0,0 +1,11 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+## [9.0.0-beta.14](https://github.com/hatiolab/operato/compare/v9.0.0-beta.13...v9.0.0-beta.14) (2025-01-27)
+
+
+### :rocket: New Features
+
+* module property-panel ([d78e4cf](https://github.com/hatiolab/operato/commit/d78e4cf7080b95fa74e61b42094b9f3f59f1409b))

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 ox-property-panel
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,76 @@
+# \<ox-property-panel>
+
+This webcomponent follows the [open-wc](https://github.com/open-wc/open-wc) recommendation.
+
+## Installation
+
+```bash
+npm i ox-property-panel
+```
+
+## Usage
+
+```html
+<script type="module">
+  import 'ox-property-panel/ox-property-panel.js';
+</script>
+
+<ox-property-panel></ox-property-panel>
+```
+
+## Linting and formatting
+
+To scan the project for linting and formatting errors, run
+
+```bash
+npm run lint
+```
+
+To automatically fix linting and formatting errors, run
+
+```bash
+npm run format
+```
+
+## Testing with Web Test Runner
+
+To execute a single test run:
+
+```bash
+npm run test
+```
+
+To run the tests in interactive watch mode run:
+
+```bash
+npm run test:watch
+```
+
+## Demoing with Storybook
+
+To run a local instance of Storybook for your component, run
+
+```bash
+npm run storybook
+```
+
+To build a production version of Storybook, run
+
+```bash
+npm run storybook:build
+```
+
+
+## Tooling configs
+
+For most of the tools, the configuration is in the `package.json` to reduce the amount of files in your project.
+
+If you customize the configuration a lot, you can consider moving them to individual files.
+
+## Local Demo with `web-dev-server`
+
+```bash
+npm start
+```
+
+To run a local development server that serves the basic demo located in `demo/index.html`

package/demo/index.html

@@ -0,0 +1,30 @@
+<!doctype html>
+<html lang="en-GB">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
+  <style>
+    body {
+      background: #fafafa;
+    }
+  </style>
+</head>
+<body>
+  <div id="demo"></div>
+
+  <script type="module">
+    import { html, render } from 'lit';
+    import '../dist/src/ox-property-panel.js';
+
+    const header = 'Hello owc World!';
+    render(
+      html`
+        <ox-property-panel .header=${header}>
+          some light-dom
+        </ox-property-panel>
+      `,
+      document.querySelector('#demo')
+    );
+  </script>
+</body>
+</html>

package/dist/src/graphql/board.d.ts

@@ -0,0 +1,6 @@
+import { Board } from '../types.js';
+export declare function fetchBoardList(listParam?: {}): Promise<any>;
+export declare function fetchBoard(id: string): Promise<any>;
+export declare function createBoard(board: Board): Promise<any>;
+export declare function updateBoard(board: Board): Promise<any>;
+export declare function deleteBoard(id: string): Promise<any>;

package/dist/src/graphql/board.js

@@ -0,0 +1,130 @@
+import { buildArgs, client } from '@operato/graphql';
+import gql from 'graphql-tag';
+export async function fetchBoardList(listParam = {}) {
+    const response = await client.query({
+        query: gql `
+      {
+        boards(${buildArgs(listParam)}) {
+          items {
+            id
+            name
+            description
+            thumbnail
+            createdAt
+            updatedAt
+          }
+          total
+        }
+      }
+    `
+    });
+    return response.data;
+}
+export async function fetchBoard(id) {
+    const response = await client.query({
+        query: gql `
+      query FetchBoardById($id: String!) {
+        board(id: $id) {
+          id
+          name
+          description
+          group {
+            id
+            name
+          }
+          thumbnail
+          model
+          createdAt
+          creator {
+            id
+            name
+          }
+          updatedAt
+          updater {
+            id
+            name
+          }
+        }
+      }
+    `,
+        variables: { id }
+    });
+    return response.data;
+}
+export async function createBoard(board) {
+    /*
+      input NewBoard {
+        name        : String!
+        description : String
+        model       : String!
+        groupId     : String!
+      }
+    */
+    board.model = JSON.stringify(board.model);
+    const response = await client.mutate({
+        mutation: gql `
+      mutation CreateBoard($board: NewBoard!) {
+        createBoard(board: $board) {
+          id
+          name
+          description
+          model
+          createdAt
+          updatedAt
+        }
+      }
+    `,
+        variables: {
+            board
+        }
+    });
+    return response.data;
+}
+export async function updateBoard(board) {
+    /*
+      input BoardPatch {
+        name        : String
+        description : String
+        model       : String
+      }
+      */
+    var { id, name, description, model, groupId } = board;
+    model = JSON.stringify(model);
+    const response = await client.mutate({
+        mutation: gql `
+      mutation UpdateBoard($id: String!, $patch: BoardPatch!) {
+        updateBoard(id: $id, patch: $patch) {
+          id
+          name
+          description
+          model
+          group {
+            id
+            name
+          }
+          createdAt
+          updatedAt
+        }
+      }
+    `,
+        variables: {
+            id,
+            patch: { name, description, model, groupId }
+        }
+    });
+    return response.data;
+}
+export async function deleteBoard(id) {
+    const response = await client.mutate({
+        mutation: gql `
+      mutation ($id: String!) {
+        deleteBoard(id: $id)
+      }
+    `,
+        variables: {
+            id
+        }
+    });
+    return response.data;
+}
+//# sourceMappingURL=board.js.map

package/dist/src/graphql/board.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"board.js","sourceRoot":"","sources":["../../../src/graphql/board.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAGpD,OAAO,GAAG,MAAM,aAAa,CAAA;AAE7B,MAAM,CAAC,KAAK,UAAU,cAAc,CAAC,SAAS,GAAG,EAAE;IACjD,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;QAClC,KAAK,EAAE,GAAG,CAAA;;iBAEG,SAAS,CAAC,SAAS,CAAC;;;;;;;;;;;;KAYhC;KACF,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,UAAU,CAAC,EAAU;IACzC,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;QAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;KAwBT;QACD,SAAS,EAAE,EAAE,EAAE,EAAE;KAClB,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,WAAW,CAAC,KAAY;IAC5C;;;;;;;MAOE;IAEF,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IAEzC,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;QACnC,QAAQ,EAAE,GAAG,CAAA;;;;;;;;;;;KAWZ;QACD,SAAS,EAAE;YACT,KAAK;SACN;KACF,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,WAAW,CAAC,KAAY;IAC5C;;;;;;QAMI;IACJ,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;IACrD,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;IAE7B,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;QACnC,QAAQ,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;KAeZ;QACD,SAAS,EAAE;YACT,EAAE;YACF,KAAK,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE;SAC7C;KACF,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,WAAW,CAAC,EAAU;IAC1C,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;QACnC,QAAQ,EAAE,GAAG,CAAA;;;;KAIZ;QACD,SAAS,EAAE;YACT,EAAE;SACH;KACF,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC","sourcesContent":["import { buildArgs, client } from '@operato/graphql'\n\nimport { Board } from '../types.js'\nimport gql from 'graphql-tag'\n\nexport async function fetchBoardList(listParam = {}) {\n  const response = await client.query({\n    query: gql`\n      {\n        boards(${buildArgs(listParam)}) {\n          items {\n            id\n            name\n            description\n            thumbnail\n            createdAt\n            updatedAt\n          }\n          total\n        }\n      }\n    `\n  })\n\n  return response.data\n}\n\nexport async function fetchBoard(id: string) {\n  const response = await client.query({\n    query: gql`\n      query FetchBoardById($id: String!) {\n        board(id: $id) {\n          id\n          name\n          description\n          group {\n            id\n            name\n          }\n          thumbnail\n          model\n          createdAt\n          creator {\n            id\n            name\n          }\n          updatedAt\n          updater {\n            id\n            name\n          }\n        }\n      }\n    `,\n    variables: { id }\n  })\n\n  return response.data\n}\n\nexport async function createBoard(board: Board) {\n  /*\n    input NewBoard {\n      name        : String!\n      description : String\n      model       : String!\n      groupId     : String!\n    }\n  */\n\n  board.model = JSON.stringify(board.model)\n\n  const response = await client.mutate({\n    mutation: gql`\n      mutation CreateBoard($board: NewBoard!) {\n        createBoard(board: $board) {\n          id\n          name\n          description\n          model\n          createdAt\n          updatedAt\n        }\n      }\n    `,\n    variables: {\n      board\n    }\n  })\n\n  return response.data\n}\n\nexport async function updateBoard(board: Board) {\n  /*\n    input BoardPatch {\n      name        : String\n      description : String\n      model       : String\n    }\n    */\n  var { id, name, description, model, groupId } = board\n  model = JSON.stringify(model)\n\n  const response = await client.mutate({\n    mutation: gql`\n      mutation UpdateBoard($id: String!, $patch: BoardPatch!) {\n        updateBoard(id: $id, patch: $patch) {\n          id\n          name\n          description\n          model\n          group {\n            id\n            name\n          }\n          createdAt\n          updatedAt\n        }\n      }\n    `,\n    variables: {\n      id,\n      patch: { name, description, model, groupId }\n    }\n  })\n\n  return response.data\n}\n\nexport async function deleteBoard(id: string) {\n  const response = await client.mutate({\n    mutation: gql`\n      mutation ($id: String!) {\n        deleteBoard(id: $id)\n      }\n    `,\n    variables: {\n      id\n    }\n  })\n\n  return response.data\n}\n"]}

package/dist/src/graphql/data-subscription.d.ts

@@ -0,0 +1,5 @@
+import { Component, DataSubscriptionProvider } from '@hatiolab/things-scene';
+export declare class DataSubscriptionProviderImpl implements DataSubscriptionProvider {
+    subscribe(tag: string, component: Component): Promise<import("zen-observable-ts").Subscription>;
+    dispose(): void;
+}

package/dist/src/graphql/data-subscription.js

@@ -0,0 +1,24 @@
+import gql from 'graphql-tag';
+import { subscribe } from '@operato/graphql';
+export class DataSubscriptionProviderImpl {
+    async subscribe(tag, component) {
+        return await subscribe({
+            query: gql `
+                  subscription {
+                    data(tag: "${tag}") {
+                      tag
+                      data
+                    }
+                  }
+                `
+        }, {
+            next: async ({ data }) => {
+                if (data) {
+                    component.data = data.data.data;
+                }
+            }
+        });
+    }
+    dispose() { }
+}
+//# sourceMappingURL=data-subscription.js.map

package/dist/src/graphql/data-subscription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-subscription.js","sourceRoot":"","sources":["../../../src/graphql/data-subscription.ts"],"names":[],"mappings":"AAEA,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAE5C,MAAM,OAAO,4BAA4B;IACvC,KAAK,CAAC,SAAS,CAAC,GAAW,EAAE,SAAoB;QAC/C,OAAO,MAAM,SAAS,CACpB;YACE,KAAK,EAAE,GAAG,CAAA;;iCAEe,GAAG;;;;;iBAKnB;SACV,EACD;YACE,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAiB,EAAE,EAAE;gBACtC,IAAI,IAAI,EAAE,CAAC;oBACT,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAA;gBACjC,CAAC;YACH,CAAC;SACF,CACF,CAAA;IACH,CAAC;IAED,OAAO,KAAI,CAAC;CACb","sourcesContent":["import { Component, DataSubscriptionProvider } from '@hatiolab/things-scene'\n\nimport gql from 'graphql-tag'\nimport { subscribe } from '@operato/graphql'\n\nexport class DataSubscriptionProviderImpl implements DataSubscriptionProvider {\n  async subscribe(tag: string, component: Component) {\n    return await subscribe(\n      {\n        query: gql`\n                  subscription {\n                    data(tag: \"${tag}\") {\n                      tag\n                      data\n                    }\n                  }\n                `\n      },\n      {\n        next: async ({ data }: { data: any }) => {\n          if (data) {\n            component.data = data.data.data\n          }\n        }\n      }\n    )\n  }\n\n  dispose() {}\n}\n"]}

package/dist/src/graphql/favorite-board.d.ts

@@ -0,0 +1 @@
+export declare function fetchFavoriteBoardList(listParam?: {}): Promise<any>;

package/dist/src/graphql/favorite-board.js

@@ -0,0 +1,23 @@
+import { buildArgs, client } from '@operato/graphql';
+import gql from 'graphql-tag';
+export async function fetchFavoriteBoardList(listParam = {}) {
+    const response = await client.query({
+        query: gql `
+      {
+        favoriteBoards(${buildArgs(listParam)}) {
+          items {
+            id
+            name
+            description
+            thumbnail
+            createdAt
+            updatedAt
+          }
+          total
+        }
+      }
+    `
+    });
+    return response.data;
+}
+//# sourceMappingURL=favorite-board.js.map

package/dist/src/graphql/favorite-board.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"favorite-board.js","sourceRoot":"","sources":["../../../src/graphql/favorite-board.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEpD,OAAO,GAAG,MAAM,aAAa,CAAA;AAE7B,MAAM,CAAC,KAAK,UAAU,sBAAsB,CAAC,SAAS,GAAG,EAAE;IACzD,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;QAClC,KAAK,EAAE,GAAG,CAAA;;yBAEW,SAAS,CAAC,SAAS,CAAC;;;;;;;;;;;;KAYxC;KACF,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC","sourcesContent":["import { buildArgs, client } from '@operato/graphql'\n\nimport gql from 'graphql-tag'\n\nexport async function fetchFavoriteBoardList(listParam = {}) {\n  const response = await client.query({\n    query: gql`\n      {\n        favoriteBoards(${buildArgs(listParam)}) {\n          items {\n            id\n            name\n            description\n            thumbnail\n            createdAt\n            updatedAt\n          }\n          total\n        }\n      }\n    `\n  })\n\n  return response.data\n}\n"]}

package/dist/src/graphql/group.d.ts

@@ -0,0 +1,7 @@
+import { BoardGroup } from '../types.js';
+export declare function fetchGroup(id: string): Promise<any>;
+export declare function updateGroup(group: BoardGroup): Promise<any>;
+export declare function deleteGroup(id: string): Promise<any>;
+export declare function fetchGroupList(): Promise<any>;
+export declare function createGroup(group: BoardGroup): Promise<any>;
+export declare function joinGroup(boardId: string, groupId: string): Promise<any>;

package/dist/src/graphql/group.js

@@ -0,0 +1,125 @@
+import { client } from '@operato/graphql';
+import gql from 'graphql-tag';
+export async function fetchGroup(id) {
+    const response = await client.query({
+        query: gql `
+      query FetchGroupById($id: String!) {
+        group(id: $id) {
+          id
+          name
+          description
+          createdAt
+          creator {
+            id
+            name
+          }
+          updatedAt
+          updater {
+            id
+            name
+          }
+        }
+      }
+    `,
+        variables: { id }
+    });
+    return response.data;
+}
+export async function updateGroup(group) {
+    var { id, name, description } = group;
+    const response = await client.mutate({
+        mutation: gql `
+      mutation UpdateGroup($id: String!, $patch: GroupPatch!) {
+        updateGroup(id: $id, patch: $patch) {
+          id
+          name
+          description
+          createdAt
+          updatedAt
+        }
+      }
+    `,
+        variables: {
+            id,
+            patch: { name, description }
+        }
+    });
+    return response.data;
+}
+export async function deleteGroup(id) {
+    const response = await client.mutate({
+        mutation: gql `
+      mutation ($id: String!) {
+        deleteGroup(id: $id)
+      }
+    `,
+        variables: {
+            id
+        }
+    });
+    return response.data;
+}
+export async function fetchGroupList() {
+    const response = await client.query({
+        query: gql `
+      {
+        groups {
+          items {
+            id
+            name
+            description
+            createdAt
+            updatedAt
+          }
+          total
+        }
+      }
+    `
+    });
+    return response.data;
+}
+export async function createGroup(group) {
+    const response = await client.mutate({
+        mutation: gql `
+      mutation CreateGroup($group: NewGroup!) {
+        createGroup(group: $group) {
+          id
+          name
+          description
+          createdAt
+          updatedAt
+        }
+      }
+    `,
+        variables: { group }
+    });
+    return response.data;
+}
+export async function joinGroup(boardId, groupId) {
+    const response = await client.mutate({
+        mutation: gql `
+      mutation JoinGroup($id: String!, $boardIds: [String!]!) {
+        joinGroup(id: $id, boardIds: $boardIds) {
+          id
+          name
+          description
+          boards {
+            id
+            name
+            description
+            createdAt
+            updatedAt
+          }
+          createdAt
+          updatedAt
+        }
+      }
+    `,
+        variables: {
+            id: groupId,
+            boardIds: [boardId]
+        }
+    });
+    return response.data;
+}
+//# sourceMappingURL=group.js.map

package/dist/src/graphql/group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"group.js","sourceRoot":"","sources":["../../../src/graphql/group.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,GAAG,MAAM,aAAa,CAAA;AAE7B,MAAM,CAAC,KAAK,UAAU,UAAU,CAAC,EAAU;IACzC,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;QAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;KAkBT;QACD,SAAS,EAAE,EAAE,EAAE,EAAE;KAClB,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,WAAW,CAAC,KAAiB;IACjD,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,KAAK,CAAA;IAErC,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;QACnC,QAAQ,EAAE,GAAG,CAAA;;;;;;;;;;KAUZ;QACD,SAAS,EAAE;YACT,EAAE;YACF,KAAK,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE;SAC7B;KACF,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,WAAW,CAAC,EAAU;IAC1C,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;QACnC,QAAQ,EAAE,GAAG,CAAA;;;;KAIZ;QACD,SAAS,EAAE;YACT,EAAE;SACH;KACF,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,cAAc;IAClC,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;QAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;KAaT;KACF,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,WAAW,CAAC,KAAiB;IACjD,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;QACnC,QAAQ,EAAE,GAAG,CAAA;;;;;;;;;;KAUZ;QACD,SAAS,EAAE,EAAE,KAAK,EAAE;KACrB,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,SAAS,CAAC,OAAe,EAAE,OAAe;IAC9D,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;QACnC,QAAQ,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;KAiBZ;QACD,SAAS,EAAE;YACT,EAAE,EAAE,OAAO;YACX,QAAQ,EAAE,CAAC,OAAO,CAAC;SACpB;KACF,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC","sourcesContent":["import { BoardGroup } from '../types.js'\nimport { client } from '@operato/graphql'\nimport gql from 'graphql-tag'\n\nexport async function fetchGroup(id: string) {\n  const response = await client.query({\n    query: gql`\n      query FetchGroupById($id: String!) {\n        group(id: $id) {\n          id\n          name\n          description\n          createdAt\n          creator {\n            id\n            name\n          }\n          updatedAt\n          updater {\n            id\n            name\n          }\n        }\n      }\n    `,\n    variables: { id }\n  })\n\n  return response.data\n}\n\nexport async function updateGroup(group: BoardGroup) {\n  var { id, name, description } = group\n\n  const response = await client.mutate({\n    mutation: gql`\n      mutation UpdateGroup($id: String!, $patch: GroupPatch!) {\n        updateGroup(id: $id, patch: $patch) {\n          id\n          name\n          description\n          createdAt\n          updatedAt\n        }\n      }\n    `,\n    variables: {\n      id,\n      patch: { name, description }\n    }\n  })\n\n  return response.data\n}\n\nexport async function deleteGroup(id: string) {\n  const response = await client.mutate({\n    mutation: gql`\n      mutation ($id: String!) {\n        deleteGroup(id: $id)\n      }\n    `,\n    variables: {\n      id\n    }\n  })\n\n  return response.data\n}\n\nexport async function fetchGroupList() {\n  const response = await client.query({\n    query: gql`\n      {\n        groups {\n          items {\n            id\n            name\n            description\n            createdAt\n            updatedAt\n          }\n          total\n        }\n      }\n    `\n  })\n\n  return response.data\n}\n\nexport async function createGroup(group: BoardGroup) {\n  const response = await client.mutate({\n    mutation: gql`\n      mutation CreateGroup($group: NewGroup!) {\n        createGroup(group: $group) {\n          id\n          name\n          description\n          createdAt\n          updatedAt\n        }\n      }\n    `,\n    variables: { group }\n  })\n\n  return response.data\n}\n\nexport async function joinGroup(boardId: string, groupId: string) {\n  const response = await client.mutate({\n    mutation: gql`\n      mutation JoinGroup($id: String!, $boardIds: [String!]!) {\n        joinGroup(id: $id, boardIds: $boardIds) {\n          id\n          name\n          description\n          boards {\n            id\n            name\n            description\n            createdAt\n            updatedAt\n          }\n          createdAt\n          updatedAt\n        }\n      }\n    `,\n    variables: {\n      id: groupId,\n      boardIds: [boardId]\n    }\n  })\n\n  return response.data\n}\n"]}

package/dist/src/graphql/index.d.ts

@@ -0,0 +1,4 @@
+export * from './board.js';
+export * from './group.js';
+export * from './play-group.js';
+export * from './favorite-board.js';

package/dist/src/graphql/index.js

@@ -0,0 +1,5 @@
+export * from './board.js';
+export * from './group.js';
+export * from './play-group.js';
+export * from './favorite-board.js';
+//# sourceMappingURL=index.js.map

package/dist/src/graphql/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/graphql/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,qBAAqB,CAAA","sourcesContent":["export * from './board.js'\nexport * from './group.js'\nexport * from './play-group.js'\nexport * from './favorite-board.js'\n"]}

package/dist/src/graphql/play-group.d.ts

@@ -0,0 +1,13 @@
+import { PlayGroup } from '../types.js';
+export declare function playlists(): Promise<{
+    name: string;
+    description: string;
+}[]>;
+export declare function fetchPlayGroupList(): Promise<any>;
+export declare function fetchPlayGroup(groupId: string): Promise<any>;
+export declare function fetchPlayGroupByName(name: string): Promise<any>;
+export declare function createPlayGroup(group: PlayGroup): Promise<any>;
+export declare function updatePlayGroup(group: PlayGroup): Promise<any>;
+export declare function deletePlayGroup(id: string): Promise<any>;
+export declare function joinPlayGroup(boardId: string, group: PlayGroup): Promise<any>;
+export declare function leavePlayGroup(boardId: string, groupId: string): Promise<any>;