@operato/property-panel 9.0.0-beta.14

package/src/graphql/board.ts

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

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

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

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

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

package/src/graphql/play-group.ts

@@ -0,0 +1,225 @@
+import { PlayGroup } from '../types.js'
+import { client } from '@operato/graphql'
+import gql from 'graphql-tag'
+
+export async function playlists(): Promise<{ name: string; description: string }[]> {
+  const response = await client.query({
+    query: gql`
+      {
+        playGroups {
+          items {
+            id
+            name
+            description
+          }
+          total
+        }
+      }
+    `
+  })
+
+  return response.data.playGroups.items
+}
+
+export async function fetchPlayGroupList() {
+  const response = await client.query({
+    query: gql`
+      {
+        playGroups {
+          items {
+            id
+            name
+            description
+          }
+          total
+        }
+      }
+    `
+  })
+
+  return response.data
+}
+
+export async function fetchPlayGroup(groupId: string) {
+  const response = await client.query({
+    query: gql`
+      query FetchPlayGroup($id: String!) {
+        playGroup(id: $id) {
+          id
+          name
+          description
+          boards {
+            id
+            name
+            description
+            model
+            thumbnail
+            createdAt
+            creator {
+              id
+              name
+            }
+            updatedAt
+            updater {
+              id
+              name
+            }
+          }
+          createdAt
+          creator {
+            id
+            name
+          }
+          updatedAt
+          updater {
+            id
+            name
+          }
+        }
+      }
+    `,
+    variables: {
+      id: groupId
+    }
+  })
+
+  return response.data
+}
+
+export async function fetchPlayGroupByName(name: string) {
+  const response = await client.query({
+    query: gql`
+      query FetchPlayGroupByName($name: String!) {
+        playGroupByName(name: $name) {
+          id
+        }
+      }
+    `,
+    variables: {
+      name
+    }
+  })
+
+  return response.data.playGroupByName
+}
+
+export async function createPlayGroup(group: PlayGroup) {
+  var { name, description } = group
+
+  const response = await client.mutate({
+    mutation: gql`
+      mutation CreatePlayGroup($playGroup: NewPlayGroup!) {
+        createPlayGroup(playGroup: $playGroup) {
+          id
+          name
+          description
+          createdAt
+          updatedAt
+        }
+      }
+    `,
+    variables: {
+      playGroup: { name, description }
+    }
+  })
+
+  return response.data
+}
+
+export async function updatePlayGroup(group: PlayGroup) {
+  var { id, name, description } = group
+
+  const response = await client.mutate({
+    mutation: gql`
+      mutation UpdatePlayGroup($id: String!, $patch: PlayGroupPatch!) {
+        updatePlayGroup(id: $id, patch: $patch) {
+          id
+          name
+          description
+          createdAt
+          updatedAt
+        }
+      }
+    `,
+    variables: {
+      id,
+      patch: { name, description }
+    }
+  })
+
+  return response.data
+}
+
+export async function deletePlayGroup(id: string) {
+  const response = await client.mutate({
+    mutation: gql`
+      mutation ($id: String!) {
+        deletePlayGroup(id: $id)
+      }
+    `,
+    variables: {
+      id
+    }
+  })
+  return response.data
+}
+
+export async function joinPlayGroup(boardId: string, group: PlayGroup) {
+  var { id, name, description } = group
+
+  const response = await client.mutate({
+    mutation: gql`
+      mutation JoinPlayGroup($id: String!, $boardIds: [String!]!) {
+        joinPlayGroup(id: $id, boardIds: $boardIds) {
+          id
+          name
+          description
+          boards {
+            id
+            name
+            description
+            createdAt
+            updatedAt
+          }
+          createdAt
+          updatedAt
+        }
+      }
+    `,
+    variables: {
+      id,
+      boardIds: [boardId]
+    }
+  })
+
+  return response.data
+}
+
+export async function leavePlayGroup(boardId: string, groupId: string) {
+  const response = await client.mutate({
+    mutation: gql`
+      mutation ($id: String!, $boardIds: [String]!) {
+        leavePlayGroup(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/scenario.ts

@@ -0,0 +1,79 @@
+import gql from 'graphql-tag'
+
+import { client } from '@operato/graphql'
+
+export const scenarios = async (): Promise<{ name: string; description: string }[]> => {
+  var response = await client.query({
+    query: gql`
+      query {
+        scenarios {
+          items {
+            name
+            description
+          }
+        }
+      }
+    `
+  })
+
+  if (response.errors) {
+    return []
+  }
+
+  return response.data.scenarios.items
+}
+
+export const startScenario = async (
+  scenarioName: string,
+  instanceName: string,
+  variables: string | number | object
+) => {
+  if (!scenarioName) {
+    return
+  }
+
+  if (client) {
+    var response = await client.query({
+      query: gql`
+        mutation ($instanceName: String, $scenarioName: String!, $variables: Object) {
+          startScenario(instanceName: $instanceName, scenarioName: $scenarioName, variables: $variables) {
+            state
+            message
+            data
+          }
+        }
+      `,
+      variables: {
+        instanceName: instanceName,
+        scenarioName: scenarioName,
+        variables
+      }
+    })
+
+    return response?.data?.startScenario?.data
+  }
+}
+
+export const runScenario = async (scenarioName: string, variables: string | number | object) => {
+  if (!scenarioName) return
+
+  if (client) {
+    var response = await client.query({
+      query: gql`
+        mutation ($scenarioName: String!, $variables: Object) {
+          runScenario(scenarioName: $scenarioName, variables: $variables) {
+            state
+            message
+            data
+          }
+        }
+      `,
+      variables: {
+        scenarioName: scenarioName,
+        variables
+      }
+    })
+
+    return response?.data?.runScenario?.data
+  }
+}

package/src/index.ts

@@ -0,0 +1,8 @@
+export { OxPropertyPanel } from './ox-property-panel.js'
+
+export * from './property-panel/data-binding/data-binding.js'
+export * from './property-panel/effects/effects.js'
+export * from './property-panel/inspector/inspector.js'
+export * from './property-panel/shapes/shapes.js'
+export * from './property-panel/specifics/specifics.js'
+export * from './property-panel/styles/styles.js'