@operato/property-panel 9.2.1 → 10.0.0-beta.2

package/package.json

@@ -2,7 +2,7 @@
   "name": "@operato/property-panel",
   "description": "Webcomponent property-panel following open-wc recommendations",
   "author": "heartyoh",
-  "version": "9.2.1",
+  "version": "10.0.0-beta.2",
   "type": "module",
   "main": "dist/src/index.js",
   "module": "dist/src/index.js",
@@ -26,7 +26,8 @@
     "./inspector.js": "./dist/src/property-panel/inspector/inspector.js",
     "./shapes.js": "./dist/src/property-panel/shapes/shapes.js",
     "./specifics.js": "./dist/src/property-panel/specifics/specifics.js",
-    "./styles.js": "./dist/src/property-panel/styles/styles.js"
+    "./styles.js": "./dist/src/property-panel/styles/styles.js",
+    "./threed.js": "./dist/src/property-panel/threed/threed.js"
   },
   "typesVersions": {
     "*": {
@@ -50,6 +51,9 @@
       ],
       "./styles.js": [
         "./dist/src/property-panel/styles/styles.d.ts"
+      ],
+      "./threed.js": [
+        "./dist/src/property-panel/threed/threed.d.ts"
       ]
     }
   },
@@ -57,17 +61,17 @@
     "analyze": "cem analyze --litelement",
     "start": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wds\"",
     "build": "tsc && npm run analyze -- --exclude dist",
-    "prepublish": "tsc && npm run analyze -- --exclude dist",
+    "prepublishOnly": "tsc && npm run analyze -- --exclude dist",
     "storybook": "npm run build && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wds -c .storybook/server.mjs\"",
     "storybook:build": "npm run build && build-storybook"
   },
   "dependencies": {
     "@material/web": "^2.0.0",
-    "@operato/attachment": "^9.2.1",
-    "@operato/i18n": "^9.1.0",
-    "@operato/input": "^9.2.1",
-    "@operato/styles": "^9.1.0",
-    "@operato/utils": "^9.1.0",
+    "@operato/attachment": "^10.0.0-beta.2",
+    "@operato/i18n": "^10.0.0-beta.2",
+    "@operato/input": "^10.0.0-beta.2",
+    "@operato/styles": "^10.0.0-beta.2",
+    "@operato/utils": "^10.0.0-beta.2",
     "lit": "^3.1.2"
   },
   "devDependencies": {
@@ -103,5 +107,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "474abe9b1645157c6846b97810aafc2a06542a82"
+  "gitHead": "82e48e285373112cbda6f5cf2f7dc8a279a21104"
 }

package/.editorconfig

@@ -1,29 +0,0 @@
-# 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

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

package/.storybook/preview.js

@@ -1,52 +0,0 @@
-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

@@ -1,8 +0,0 @@
-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/demo/index.html

@@ -1,30 +0,0 @@
-<!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/stories/index.stories.d.ts

@@ -1,22 +0,0 @@
-import { TemplateResult } from 'lit';
-import '../src/ox-property-panel.js';
-declare const _default: {
-    title: string;
-    component: string;
-    argTypes: {
-        model: {
-            control: string;
-        };
-    };
-};
-export default _default;
-interface Story<T> {
-    (args: T): TemplateResult;
-    args?: Partial<T>;
-    argTypes?: Record<string, unknown>;
-}
-interface ArgTypes {
-    model?: any;
-}
-export declare const Regular: Story<ArgTypes>;
-export declare const Custom: Story<ArgTypes>;

package/dist/stories/index.stories.js

@@ -1,121 +0,0 @@
-import { html } from 'lit';
-import '../src/ox-property-panel.js';
-import { styles as MDTypeScaleStyles } from '@material/web/typography/md-typescale-styles.js';
-export default {
-    title: 'OxPropertyPanel',
-    component: 'ox-property-panel',
-    argTypes: {
-        model: { control: 'object' }
-    }
-};
-const Template = ({ model }) => html `
-  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet" />
-
-  <link href="/themes/light.css" rel="stylesheet" />
-  <link href="/themes/dark.css" rel="stylesheet" />
-  <link href="/themes/spacing.css" rel="stylesheet" />
-  <link href="/themes/help-theme.css" rel="stylesheet" />
-
-  <link
-    href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1"
-    rel="stylesheet"
-  />
-  <link
-    href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL@20..48,100..700,0..1"
-    rel="stylesheet"
-  />
-  <link
-    href="https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL@20..48,100..700,0..1"
-    rel="stylesheet"
-  />
-
-  <style>
-    ${MDTypeScaleStyles.cssText}
-  </style>
-
-  <style>
-    #place {
-      width: 100%;
-      height: 500px;
-      text-align: center;
-
-      background-color: var(--md-sys-color-primary-container);
-      color: var(--md-sys-color-on-primary-container);
-    }
-  </style>
-
-  <ox-property-panel .model=${model}> </ox-property-panel>
-`;
-export const Regular = Template.bind({});
-Regular.args = {
-    model: {
-        type: 'progress-circle',
-        cy: 100,
-        cx: 100,
-        rx: 100,
-        ry: 100,
-        value: '#{data}',
-        startAngle: 0,
-        endAngle: 360,
-        fontSize: 70,
-        strokeStyle: 'rgb(82, 199, 255)',
-        blankStrokeStyle: 'rgba(0,0,0,.2)',
-        fontFamily: 'digital',
-        fontColor: '#fff',
-        text: '#{data}',
-        alpha: 1,
-        hidden: false,
-        lineWidth: 20,
-        lineDash: 'solid',
-        lineCap: 'butt',
-        rotation: 0,
-        paddingTop: 50,
-        shadow: {
-            left: 4,
-            top: 4,
-            blurSize: 4,
-            color: 'rgba(0,0,0,.3)'
-        },
-        paddingRight: 15,
-        textAlign: 'center',
-        textFormat: '#,##0.0',
-        data: 99,
-        mappings: [],
-        locked: false,
-        fillStyle: 'rgba(76, 187, 250, 0.2)',
-        paddingLeft: 0,
-        textBaseline: null,
-        packmanStyle: true,
-        animFromBase: true,
-        bold: true,
-        refid: 45
-    }
-};
-export const Custom = Template.bind({});
-Custom.args = {
-    model: {
-        type: 'rect',
-        left: 95.56740614334475,
-        top: 30.973680756104017,
-        width: 239.5904436860068,
-        height: 47.098976109215045,
-        fillStyle: 'red',
-        strokeStyle: '#000',
-        alpha: 1,
-        hidden: false,
-        lineWidth: 1,
-        lineDash: 'solid',
-        lineCap: 'butt',
-        refid: 8,
-        rotation: 0,
-        id: 'a',
-        mappings: [
-            {
-                rule: 'value',
-                target: '(self)',
-                property: 'text'
-            }
-        ]
-    }
-};
-//# sourceMappingURL=index.stories.js.map

package/dist/stories/index.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../stories/index.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;AAC1C,OAAO,6BAA6B,CAAA;AACpC,OAAO,EAAE,MAAM,IAAI,iBAAiB,EAAE,MAAM,iDAAiD,CAAA;AAE7F,eAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,mBAAmB;IAC9B,QAAQ,EAAE;QACR,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;KAC7B;CACF,CAAA;AAYD,MAAM,QAAQ,GAAoB,CAAC,EAAE,KAAK,EAAY,EAAE,EAAE,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;MAsBzD,iBAAiB,CAAC,OAAO;;;;;;;;;;;;;;8BAcD,KAAK;CAClC,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,OAAO,CAAC,IAAI,GAAG;IACb,KAAK,EAAE;QACL,IAAI,EAAE,iBAAiB;QACvB,EAAE,EAAE,GAAG;QACP,EAAE,EAAE,GAAG;QACP,EAAE,EAAE,GAAG;QACP,EAAE,EAAE,GAAG;QACP,KAAK,EAAE,SAAS;QAChB,UAAU,EAAE,CAAC;QACb,QAAQ,EAAE,GAAG;QACb,QAAQ,EAAE,EAAE;QACZ,WAAW,EAAE,mBAAmB;QAChC,gBAAgB,EAAE,gBAAgB;QAClC,UAAU,EAAE,SAAS;QACrB,SAAS,EAAE,MAAM;QACjB,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,KAAK;QACb,SAAS,EAAE,EAAE;QACb,QAAQ,EAAE,OAAO;QACjB,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,CAAC;QACX,UAAU,EAAE,EAAE;QACd,MAAM,EAAE;YACN,IAAI,EAAE,CAAC;YACP,GAAG,EAAE,CAAC;YACN,QAAQ,EAAE,CAAC;YACX,KAAK,EAAE,gBAAgB;SACxB;QACD,YAAY,EAAE,EAAE;QAChB,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,SAAS;QACrB,IAAI,EAAE,EAAE;QACR,QAAQ,EAAE,EAAE;QACZ,MAAM,EAAE,KAAK;QACb,SAAS,EAAE,yBAAyB;QACpC,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,IAAI;QAClB,YAAY,EAAE,IAAI;QAClB,YAAY,EAAE,IAAI;QAClB,IAAI,EAAE,IAAI;QACV,KAAK,EAAE,EAAE;KACV;CACF,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACvC,MAAM,CAAC,IAAI,GAAG;IACZ,KAAK,EAAE;QACL,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,iBAAiB;QACvB,GAAG,EAAE,kBAAkB;QACvB,KAAK,EAAE,iBAAiB;QACxB,MAAM,EAAE,kBAAkB;QAC1B,SAAS,EAAE,KAAK;QAChB,WAAW,EAAE,MAAM;QACnB,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,KAAK;QACb,SAAS,EAAE,CAAC;QACZ,QAAQ,EAAE,OAAO;QACjB,OAAO,EAAE,MAAM;QACf,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,CAAC;QACX,EAAE,EAAE,GAAG;QACP,QAAQ,EAAE;YACR;gBACE,IAAI,EAAE,OAAO;gBACb,MAAM,EAAE,QAAQ;gBAChB,QAAQ,EAAE,MAAM;aACjB;SACF;KACF;CACF,CAAA","sourcesContent":["import { html, TemplateResult } from 'lit'\nimport '../src/ox-property-panel.js'\nimport { styles as MDTypeScaleStyles } from '@material/web/typography/md-typescale-styles.js'\n\nexport default {\n  title: 'OxPropertyPanel',\n  component: 'ox-property-panel',\n  argTypes: {\n    model: { control: 'object' }\n  }\n}\n\ninterface Story<T> {\n  (args: T): TemplateResult\n  args?: Partial<T>\n  argTypes?: Record<string, unknown>\n}\n\ninterface ArgTypes {\n  model?: any\n}\n\nconst Template: Story<ArgTypes> = ({ model }: ArgTypes) => html`\n  <link href=\"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap\" rel=\"stylesheet\" />\n\n  <link href=\"/themes/light.css\" rel=\"stylesheet\" />\n  <link href=\"/themes/dark.css\" rel=\"stylesheet\" />\n  <link href=\"/themes/spacing.css\" rel=\"stylesheet\" />\n  <link href=\"/themes/help-theme.css\" rel=\"stylesheet\" />\n\n  <link\n    href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1\"\n    rel=\"stylesheet\"\n  />\n  <link\n    href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL@20..48,100..700,0..1\"\n    rel=\"stylesheet\"\n  />\n  <link\n    href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL@20..48,100..700,0..1\"\n    rel=\"stylesheet\"\n  />\n\n  <style>\n    ${MDTypeScaleStyles.cssText}\n  </style>\n\n  <style>\n    #place {\n      width: 100%;\n      height: 500px;\n      text-align: center;\n\n      background-color: var(--md-sys-color-primary-container);\n      color: var(--md-sys-color-on-primary-container);\n    }\n  </style>\n\n  <ox-property-panel .model=${model}> </ox-property-panel>\n`\n\nexport const Regular = Template.bind({})\nRegular.args = {\n  model: {\n    type: 'progress-circle',\n    cy: 100,\n    cx: 100,\n    rx: 100,\n    ry: 100,\n    value: '#{data}',\n    startAngle: 0,\n    endAngle: 360,\n    fontSize: 70,\n    strokeStyle: 'rgb(82, 199, 255)',\n    blankStrokeStyle: 'rgba(0,0,0,.2)',\n    fontFamily: 'digital',\n    fontColor: '#fff',\n    text: '#{data}',\n    alpha: 1,\n    hidden: false,\n    lineWidth: 20,\n    lineDash: 'solid',\n    lineCap: 'butt',\n    rotation: 0,\n    paddingTop: 50,\n    shadow: {\n      left: 4,\n      top: 4,\n      blurSize: 4,\n      color: 'rgba(0,0,0,.3)'\n    },\n    paddingRight: 15,\n    textAlign: 'center',\n    textFormat: '#,##0.0',\n    data: 99,\n    mappings: [],\n    locked: false,\n    fillStyle: 'rgba(76, 187, 250, 0.2)',\n    paddingLeft: 0,\n    textBaseline: null,\n    packmanStyle: true,\n    animFromBase: true,\n    bold: true,\n    refid: 45\n  }\n}\n\nexport const Custom = Template.bind({})\nCustom.args = {\n  model: {\n    type: 'rect',\n    left: 95.56740614334475,\n    top: 30.973680756104017,\n    width: 239.5904436860068,\n    height: 47.098976109215045,\n    fillStyle: 'red',\n    strokeStyle: '#000',\n    alpha: 1,\n    hidden: false,\n    lineWidth: 1,\n    lineDash: 'solid',\n    lineCap: 'butt',\n    refid: 8,\n    rotation: 0,\n    id: 'a',\n    mappings: [\n      {\n        rule: 'value',\n        target: '(self)',\n        property: 'text'\n      }\n    ]\n  }\n}\n"]}

package/src/graphql/board.ts

@@ -1,144 +0,0 @@
-import { buildArgs, client } from '@operato/graphql'
-
-import { Board } from '../types.js'
-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: string) {
-  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: 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: 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: string) {
-  const response = await client.mutate({
-    mutation: gql`
-      mutation ($id: String!) {
-        deleteBoard(id: $id)
-      }
-    `,
-    variables: {
-      id
-    }
-  })
-
-  return response.data
-}

package/src/graphql/data-subscription.ts

@@ -1,30 +0,0 @@
-import { Component, DataSubscriptionProvider } from '@hatiolab/things-scene'
-
-import gql from 'graphql-tag'
-import { subscribe } from '@operato/graphql'
-
-export class DataSubscriptionProviderImpl implements DataSubscriptionProvider {
-  async subscribe(tag: string, component: Component) {
-    return await subscribe(
-      {
-        query: gql`
-                  subscription {
-                    data(tag: "${tag}") {
-                      tag
-                      data
-                    }
-                  }
-                `
-      },
-      {
-        next: async ({ data }: { data: any }) => {
-          if (data) {
-            component.data = data.data.data
-          }
-        }
-      }
-    )
-  }
-
-  dispose() {}
-}

package/src/graphql/favorite-board.ts

@@ -1,25 +0,0 @@
-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
-}

package/src/graphql/group.ts

@@ -1,138 +0,0 @@
-import { BoardGroup } from '../types.js'
-import { client } from '@operato/graphql'
-import gql from 'graphql-tag'
-
-export async function fetchGroup(id: string) {
-  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: BoardGroup) {
-  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: string) {
-  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: BoardGroup) {
-  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: string, groupId: string) {
-  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
-}

package/src/graphql/index.ts

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