@operato/process 8.0.0-beta.0 → 8.0.0-beta.1

package/CHANGELOG.md

@@ -3,6 +3,15 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.0.0-beta.1](https://github.com/heartyoh/ioperato/compare/v8.0.0-beta.0...v8.0.0-beta.1) (2025-01-08)
+
+
+### :bug: Bug Fix
+
+* missing .npmignore ([be05985](https://github.com/heartyoh/ioperato/commit/be05985abfae4af53501f718dd52932099f7fbcb))
+
+
+
 ## [8.0.0-beta.0](https://github.com/heartyoh/ioperato/compare/v8.0.0-alpha.56...v8.0.0-beta.0) (2025-01-07)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@operato/process",
-  "version": "8.0.0-beta.0",
+  "version": "8.0.0-beta.1",
   "description": "Webcomponent for business process modeling following open-wc recommendations",
   "author": "heartyoh",
   "main": "dist/src/index.js",
@@ -74,18 +74,18 @@
   },
   "dependencies": {
     "@open-wc/scoped-elements": "^2.1.3",
-    "@operato/app": "^8.0.0-beta.0",
-    "@operato/board": "^8.0.0-beta.0",
-    "@operato/data-grist": "^8.0.0-beta.0",
-    "@operato/font": "^8.0.0-beta.0",
-    "@operato/graphql": "^8.0.0-beta.0",
-    "@operato/i18n": "^8.0.0-beta.0",
-    "@operato/input": "^8.0.0-beta.0",
-    "@operato/markdown": "^8.0.0-beta.0",
-    "@operato/popup": "^8.0.0-beta.0",
-    "@operato/property-editor": "^8.0.0-beta.0",
-    "@operato/styles": "^8.0.0-beta.0",
-    "@operato/utils": "^8.0.0-beta.0",
+    "@operato/app": "^8.0.0-beta.1",
+    "@operato/board": "^8.0.0-beta.1",
+    "@operato/data-grist": "^8.0.0-beta.1",
+    "@operato/font": "^8.0.0-beta.1",
+    "@operato/graphql": "^8.0.0-beta.1",
+    "@operato/i18n": "^8.0.0-beta.1",
+    "@operato/input": "^8.0.0-beta.1",
+    "@operato/markdown": "^8.0.0-beta.1",
+    "@operato/popup": "^8.0.0-beta.1",
+    "@operato/property-editor": "^8.0.0-beta.1",
+    "@operato/styles": "^8.0.0-beta.1",
+    "@operato/utils": "^8.0.0-beta.1",
     "@polymer/paper-dropdown-menu": "^3.2.0",
     "@types/file-saver": "^2.0.4",
     "@types/sortablejs": "^1.10.7",
@@ -134,5 +134,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "c4e9cc245659d050a9ffd66542083a6daad4bcb9"
+  "gitHead": "d5b28a2e9deb632c0dc80132f6a7196dd6fe4220"
 }

package/.storybook/main.js

@@ -1,3 +0,0 @@
-module.exports = {
-  stories: ['../dist/stories/**/*.stories.{js,md,mdx}']
-}

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/src/data-storage/data-storage.ts

@@ -1,47 +0,0 @@
-import Dexie from 'dexie'
-
-import { Component, PersistentDataStorage } from '@hatiolab/things-scene'
-
-class ProcessDatabase extends Dexie {
-  process_data!: Dexie.Table<IProcessData, number> // number = type of the primkey
-  //...other tables goes here...
-
-  constructor() {
-    super('operato-process-database')
-    this.version(1).stores({
-      process_data: '[process+refid]'
-      //...other tables goes here...
-    })
-  }
-}
-
-interface IProcessData {
-  id?: number
-  process: string
-  refid: string | number
-  data: any
-  timestamp: number
-}
-
-const db = new ProcessDatabase()
-
-export class DataStorage implements PersistentDataStorage {
-  private id: string
-
-  constructor(id: string) {
-    this.id = id
-  }
-
-  public async load(key: Component): Promise<any> {
-    const saved = await db.process_data.where({ process: this.id, refid: key.state.refid }).first()
-    return saved?.data
-  }
-
-  public async save(key: Component, value: any): Promise<void> {
-    await db.process_data.put({ process: this.id, refid: key.state.refid, data: value, timestamp: Date.now() })
-  }
-
-  public async clear(key: Component): Promise<void> {
-    await db.process_data.where({ process: this.id, refid: key.state.refid }).delete()
-  }
-}

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-process.ts

@@ -1,25 +0,0 @@
-import { buildArgs, client } from '@operato/graphql'
-
-import gql from 'graphql-tag'
-
-export async function fetchFavoriteProcessList(listParam = {}) {
-  const response = await client.query({
-    query: gql`
-      {
-        favoriteProcesses(${buildArgs(listParam)}) {
-          items {
-            id
-            name
-            description
-            thumbnail
-            createdAt
-            updatedAt
-          }
-          total
-        }
-      }
-    `
-  })
-
-  return response.data
-}

package/src/graphql/index.ts

@@ -1,3 +0,0 @@
-export * from './process'
-export * from './process-group'
-export * from './favorite-process'

package/src/graphql/process-group.ts

@@ -1,138 +0,0 @@
-import { ProcessGroup } from '../types'
-import { client } from '@operato/graphql'
-import gql from 'graphql-tag'
-
-export async function fetchProcessGroup(id: string) {
-  const response = await client.query({
-    query: gql`
-      query FetchProcessGroupById($id: String!) {
-        group(id: $id) {
-          id
-          name
-          description
-          createdAt
-          creator {
-            id
-            name
-          }
-          updatedAt
-          updater {
-            id
-            name
-          }
-        }
-      }
-    `,
-    variables: { id }
-  })
-
-  return response.data
-}
-
-export async function updateProcessGroup(group: ProcessGroup) {
-  var { id, name, description } = group
-
-  const response = await client.mutate({
-    mutation: gql`
-      mutation UpdateProcessGroup($id: String!, $patch: ProcessGroupPatch!) {
-        updateProcessGroup(id: $id, patch: $patch) {
-          id
-          name
-          description
-          createdAt
-          updatedAt
-        }
-      }
-    `,
-    variables: {
-      id,
-      patch: { name, description }
-    }
-  })
-
-  return response.data
-}
-
-export async function deleteProcessGroup(id: string) {
-  const response = await client.mutate({
-    mutation: gql`
-      mutation ($id: String!) {
-        deleteProcessGroup(id: $id)
-      }
-    `,
-    variables: {
-      id
-    }
-  })
-
-  return response.data
-}
-
-export async function fetchProcessGroupList() {
-  const response = await client.query({
-    query: gql`
-      {
-        processGroups {
-          items {
-            id
-            name
-            description
-            createdAt
-            updatedAt
-          }
-          total
-        }
-      }
-    `
-  })
-
-  return response.data
-}
-
-export async function createProcessGroup(group: ProcessGroup) {
-  const response = await client.mutate({
-    mutation: gql`
-      mutation CreateProcessGroup($group: NewProcessGroup!) {
-        createProcessGroup(group: $group) {
-          id
-          name
-          description
-          createdAt
-          updatedAt
-        }
-      }
-    `,
-    variables: { group }
-  })
-
-  return response.data
-}
-
-export async function joinProcessGroup(processId: string, groupId: string) {
-  const response = await client.mutate({
-    mutation: gql`
-      mutation JoinProcessGroup($id: String!, $processIds: [String!]!) {
-        joinProcessGroup(id: $id, processIds: $processIds) {
-          id
-          name
-          description
-          processes {
-            id
-            name
-            description
-            createdAt
-            updatedAt
-          }
-          createdAt
-          updatedAt
-        }
-      }
-    `,
-    variables: {
-      id: groupId,
-      processIds: [processId]
-    }
-  })
-
-  return response.data
-}

package/src/graphql/process.ts

@@ -1,141 +0,0 @@
-import { buildArgs, client } from '@operato/graphql'
-
-import { Process } from '../types'
-import gql from 'graphql-tag'
-
-export async function fetchProcessList(listParam = {}) {
-  const response = await client.query({
-    query: gql`
-      {
-        processes(${buildArgs(listParam)}) {
-          items {
-            id
-            name
-            description
-            thumbnail
-            createdAt
-            updatedAt
-          }
-          total
-        }
-      }
-    `
-  })
-
-  return response.data
-}
-
-export async function fetchProcess(id: string) {
-  const response = await client.query({
-    query: gql`
-      query FetchProcessById($id: String!) {
-        process(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 createProcess(process: Process) {
-  /*
-    input NewProcess {
-      name        : String!
-      description : String
-      model       : String!
-      groupId     : String!
-    }
-  */
-
-  const response = await client.mutate({
-    mutation: gql`
-      mutation CreateProcess($process: NewProcess!) {
-        createProcess(process: $process) {
-          id
-          name
-          description
-          model
-          createdAt
-          updatedAt
-        }
-      }
-    `,
-    variables: {
-      process
-    }
-  })
-
-  return response.data
-}
-
-export async function updateProcess(process: Process) {
-  /*
-    input ProcessPatch {
-      name        : String
-      description : String
-      model       : String
-    }
-    */
-  var { id, name, description, model, groupId } = process
-
-  const response = await client.mutate({
-    mutation: gql`
-      mutation UpdateProcess($id: String!, $patch: ProcessPatch!) {
-        updateProcess(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 deleteProcess(id: string) {
-  const response = await client.mutate({
-    mutation: gql`
-      mutation ($id: String!) {
-        deleteProcess(id: $id)
-      }
-    `,
-    variables: {
-      id
-    }
-  })
-
-  return response.data
-}

package/src/graphql/scenario.ts

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

@@ -1,8 +0,0 @@
-export * from './types.js'
-
-export { DataStorage } from './data-storage/data-storage.js'
-
-export * from './ox-process-viewer.js'
-export * from './ox-process-modeller.js'
-export * from './ox-process-list.js'
-export * from './ox-process-template-viewer.js'

package/src/modeller/component-toolbar/component-detail.ts

@@ -1,58 +0,0 @@
-/**
- * @license Copyright © HatioLab Inc. All rights reserved.
- */
-
-import '@operato/markdown'
-
-import { css, html, LitElement } from 'lit'
-import { property } from 'lit/decorators.js'
-
-import { ScrollbarStyles } from '@operato/styles'
-
-export class ComponentDetail extends LitElement {
-  static styles = [
-    ScrollbarStyles,
-    css`
-      :host {
-        display: flex;
-        flex-direction: column;
-        align-content: stretch;
-
-        background-color: var(--component-detail-background-color, white);
-        margin: 0px;
-        padding: 0px;
-
-        overflow: hidden;
-
-        border: 2px solid var(--component-detail-border-color, gray);
-        box-sizing: border-box;
-
-        top: 0px;
-
-        z-index: 1;
-      }
-
-      ox-markdown,
-      iframe {
-        flex: 1;
-        padding: 10px;
-        overflow: auto;
-      }
-    `
-  ]
-
-  @property({ type: Object }) template: { about: string } | null = null
-
-  render() {
-    const { about } = this.template || {}
-
-    if (about) {
-      var aboutURL = new URL(about, location.origin)
-      if (aboutURL.origin !== location.origin) {
-        return html`<iframe src=${about}></iframe>`
-      }
-    }
-
-    return html` <ox-markdown .src=${about}></ox-markdown> `
-  }
-}