@things-factory/spc 8.0.0 → 9.0.0-beta.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@things-factory/spc",
-  "version": "8.0.0",
+  "version": "9.0.0-beta.3",
   "main": "dist-server/index.js",
   "browser": "dist-client/index.js",
   "things-factory": true,
@@ -27,11 +27,11 @@
     "migration:create": "node ../../node_modules/typeorm/cli.js migration:create ./server/migrations/migration"
   },
   "dependencies": {
-    "@operato/dataset": "^8.0.0",
-    "@operato/form": "^8.0.0",
-    "@operato/spc": "^8.0.0",
-    "@things-factory/dataset": "^8.0.0",
-    "@things-factory/shell": "^8.0.0"
+    "@operato/dataset": "^9.0.0-beta",
+    "@operato/form": "^9.0.0-beta",
+    "@operato/spc": "^9.0.0-beta",
+    "@things-factory/dataset": "^9.0.0-beta.3",
+    "@things-factory/shell": "^9.0.0-beta.0"
   },
-  "gitHead": "07ef27d272dd9a067a9648ac7013748510556a18"
+  "gitHead": "1d7e0dd4c88f3c3f3bd311c00e4b1d1542d53634"
 }

package/client/bootstrap.ts

@@ -1 +0,0 @@
-export default function bootstrap() {}

package/client/pages/spc-chart-page.ts

@@ -1,336 +0,0 @@
-import '@material/web/icon/icon.js'
-
-import '@operato/app/filters-form.js'
-import '@operato/spc/ox-chart-xbar-r.js'
-import '@operato/spc/ox-chart-i-mr.js'
-import '@operato/spc/ox-chart-u.js'
-import '@operato/spc/ox-chart-c.js'
-import '@operato/spc/ox-chart-p.js'
-import '@operato/spc/ox-chart-np.js'
-
-import { ScrollbarStyles, CommonHeaderStyles } from '@operato/styles'
-import { PageView, store } from '@operato/shell'
-import { css, html, PropertyValues, nothing } from 'lit'
-import { customElement, property, query, state } from 'lit/decorators.js'
-import { client } from '@operato/graphql'
-import { i18next, localize } from '@operato/i18n'
-import { isMobileDevice } from '@operato/utils'
-import { FilterConfig, FilterValue, OxFiltersFormBase } from '@operato/form'
-
-import { connect } from 'pwa-helpers/connect-mixin'
-import gql from 'graphql-tag'
-
-function formatDate(timestamp: number) {
-  const date = new Date(timestamp)
-  const year = date.getFullYear()
-  const month = String(date.getMonth() + 1).padStart(2, '0') // 월은 0부터 시작하므로 1을 더함
-  const day = String(date.getDate()).padStart(2, '0')
-  const hours = String(date.getHours()).padStart(2, '0')
-  const minutes = String(date.getMinutes()).padStart(2, '0')
-  const seconds = String(date.getSeconds()).padStart(2, '0')
-
-  return `${month}-${day} ${hours}:${minutes}`
-}
-
-@customElement('spc-chart-page')
-export class SpcChartPage extends connect(store)(localize(i18next)(PageView)) {
-  static styles = [
-    ScrollbarStyles,
-    CommonHeaderStyles,
-    css`
-      :host {
-        display: flex;
-        flex-direction: column;
-
-        width: 100%;
-      }
-
-      .chart {
-        flex: 1;
-        padding: var(--spacing-medium);
-      }
-    `
-  ]
-
-  @state() dataSetId?: string = ''
-  @state() variable?: string = ''
-  @state() chartType?: string = ''
-  @state() spcChart: any
-  @state() filtersValue?: FilterValue[]
-  @state() variables: { display: string; value: string }[] = []
-
-  @query('ox-filters-form-base') formBase!: OxFiltersFormBase
-
-  private get filtersConfig(): FilterConfig[] {
-    return [
-      {
-        name: 'dataSetId',
-        type: 'resource-id',
-        label: 'dataset',
-        operator: 'eq',
-        options: {
-          queryName: 'dataSets'
-        },
-        onchange: (value, formBase) => {
-          requestAnimationFrame(async () => {
-            const variableFilter = formBase.getFieldByName('variable') as HTMLInputElement
-            variableFilter.value = ''
-
-            this.variables = [
-              {
-                display: '',
-                value: ''
-              },
-              ...(await this.fetchVariables(value as string))
-            ]
-          })
-
-          this.dataSetId = value
-
-          return false /* whether filters-change event triggered or not */
-        }
-      },
-      {
-        name: 'variable',
-        type: 'select',
-        label: 'variable',
-        operator: 'eq',
-        options: () => this.variables,
-        onchange: value => (this.variable = value)
-      },
-      {
-        name: 'chartType',
-        type: 'select',
-        label: 'chart',
-        operator: 'eq',
-        options: ['Xbar-R', 'I-MR', 'C', 'U', 'P', 'NP'],
-        onchange: value => (this.chartType = value)
-      },
-      {
-        name: 'dateRange',
-        type: 'date',
-        label: 'date',
-        operator: 'between',
-        value: [
-          {
-            name: 'today',
-            params: {
-              relativeDays: -30
-            }
-          },
-          {
-            name: 'today',
-            params: {
-              relativeDays: -1
-            }
-          }
-        ]
-      }
-    ]
-  }
-
-  get context() {
-    return {
-      title: i18next.t('title.spc-chart'),
-      help: 'spc/spc-chart'
-    }
-  }
-
-  render() {
-    const { dataSet = {}, variable, charts = [] } = this.spcChart || {}
-
-    var plotters: { chart: string; data: any[] }[] = []
-
-    switch (this.chartType) {
-      case 'Xbar-R':
-        const xbar = charts.find(r => r.chartType == 'Xbar')
-        const r = charts.find(r => r.chartType == 'R')
-
-        plotters.push({ chart: 'xbar-r', data: xbar?.plots ?? [] })
-        break
-
-      case 'I-MR':
-        const i = charts.find(r => r.chartType == 'I')
-        const mr = charts.find(r => r.chartType == 'MR')
-
-        plotters.push({ chart: 'i-mr', data: i?.plots ?? [] })
-        break
-
-      case 'P':
-        const p = charts.find(r => r.chartType == 'P')
-        plotters.push({ chart: 'p', data: p?.plots ?? [] })
-        break
-
-      case 'NP':
-        const np = charts.find(r => r.chartType == 'NP')
-        plotters.push({ chart: 'np', data: np?.plots ?? [] })
-        break
-
-      case 'C':
-        const c = charts.find(r => r.chartType == 'C')
-        plotters.push({ chart: 'c', data: c?.plots ?? [] })
-        break
-
-      case 'U':
-        const u = charts.find(r => r.chartType == 'U')
-        plotters.push({ chart: 'u', data: u?.plots ?? [] })
-
-      default:
-    }
-
-    plotters = plotters.map(plotter => {
-      return {
-        ...plotter,
-        data: plotter.data.map(plot => {
-          return {
-            ...plot,
-            x: formatDate(Number(plot.x))
-          }
-        })
-      }
-    })
-
-    return html`
-      <div class="header">
-        <div class="title"><md-icon>apps</md-icon>${i18next.t('title.spc-chart')}</div>
-        <ox-filters-form-base
-          class="filters"
-          .value=${this.filtersValue}
-          .filters=${this.filtersConfig}
-          ?url-params-sensitive=${false}
-          @filters-change=${(e: CustomEvent) => {
-            this.fetchSpcChart()
-          }}
-        >
-        </ox-filters-form-base>
-      </div>
-
-      ${plotters.map(({ chart, data }) =>
-        chart == 'xbar-r'
-          ? html` <ox-chart-xbar-r class="chart" .plots=${data}></ox-chart-xbar-r> `
-          : chart == 'i-mr'
-            ? html` <ox-chart-i-mr class="chart" .plots=${data}></ox-chart-i-mr> `
-            : chart == 'u'
-              ? html` <ox-chart-u class="chart" .plots=${data}></ox-chart-u> `
-              : chart == 'c'
-                ? html` <ox-chart-c class="chart" .plots=${data}></ox-chart-c> `
-                : chart == 'p'
-                  ? html` <ox-chart-p class="chart" .plots=${data}></ox-chart-p> `
-                  : chart == 'np'
-                    ? html` <ox-chart-np class="chart" .plots=${data}></ox-chart-np> `
-                    : nothing
-      )}
-    `
-  }
-
-  updated(changes: PropertyValues<this>) {
-    if (!changes.has('spcChart')) {
-      this.fetchSpcChart()
-    }
-  }
-
-  async pageUpdated(changes: any, lifecycle: any) {
-    if (this.active) {
-      this.dataSetId = lifecycle.resourceId
-    }
-  }
-
-  async fetchSpcChart() {
-    const {
-      dataSetId,
-      dateRange: [fromDate, toDate],
-      variable,
-      chartType
-    } = (await this.formBase.getQueryFilters()).reduce((sum, field) => {
-      sum[field.name] = field.value
-      return sum
-    }, {} as any)
-
-    if (!(dataSetId && fromDate && toDate && variable && chartType)) {
-      return
-    }
-
-    const response = await client.query({
-      query: gql`
-        query spcChart(
-          $dataSetId: String!
-          $variable: String!
-          $chartType: String!
-          $fromDate: String!
-          $toDate: String!
-        ) {
-          spcChart(
-            dataSetId: $dataSetId
-            variable: $variable
-            chartType: $chartType
-            fromDate: $fromDate
-            toDate: $toDate
-          ) {
-            dataSet {
-              id
-              name
-            }
-            variable
-            charts {
-              chartType
-              controlLimits {
-                ucl
-                lcl
-                cl
-              }
-              specLimits {
-                usl
-                lsl
-                target
-              }
-              plots {
-                x
-                values
-                xbar
-                r
-                i
-                mr
-                n
-                defects
-              }
-            }
-          }
-        }
-      `,
-      variables: {
-        dataSetId,
-        variable,
-        chartType,
-        fromDate,
-        toDate
-      }
-    })
-
-    this.spcChart = response.data.spcChart
-  }
-
-  async fetchVariables(id: string): Promise<{ display: string; value: string }[]> {
-    const response = await client.query({
-      query: gql`
-        query dataSet($id: String!) {
-          dataSet(id: $id) {
-            dataItems {
-              name
-              tag
-            }
-          }
-        }
-      `,
-      variables: {
-        id
-      }
-    })
-
-    return response.data.dataSet.dataItems.map(dataItem => {
-      return {
-        display: dataItem.name,
-        value: dataItem.name
-      }
-    })
-  }
-}

package/client/route.ts

@@ -1,7 +0,0 @@
-export default function route(page) {
-  switch (page) {
-    case 'spc-chart':
-      import('./pages/spc-chart-page')
-      return page
-  }
-}

package/client/tsconfig.json

@@ -1,13 +0,0 @@
-{
-  "extends": "../../tsconfig-base.json",
-  "compilerOptions": {
-    "experimentalDecorators": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "declaration": true,
-    "module": "esnext",
-    "outDir": "../dist-client",
-    "baseUrl": "./"
-  },
-  "include": ["./**/*"]
-}

package/server/controllers/data-use-case-spc.ts

@@ -1,44 +0,0 @@
-import { DataItemSpecSet, DataUseCase, EvaluationResult } from '@things-factory/dataset'
-
-export class DataUseCaseSPC implements DataUseCase {
-  getSpecification(): DataItemSpecSet {
-    return {
-      name: 'SPC',
-      description: 'Statistical Process Control Data Spec',
-      help: '',
-      specs: [
-        {
-          type: 'spc-limits' /* 'A value which seperates acceptability from unacceptability' */,
-          label: 'control limits',
-          name: 'controlLimits'
-        }
-      ]
-    }
-  }
-
-  evaluate(spec: any, values: any | any[]): EvaluationResult {
-    const { minimum, maximum, acceptables } = spec['controlLimits']
-
-    if (!(values instanceof Array)) {
-      values = [values]
-    }
-
-    for (let i = 0; i < values.length; i++) {
-      const value = values[i]
-
-      if (minimum != null && value < minimum) {
-        return { oos: true, ooc: true }
-      }
-
-      if (maximum != null && value > maximum) {
-        return { oos: true, ooc: true }
-      }
-
-      if (acceptables != null && !acceptables.includes(value)) {
-        return { oos: true, ooc: true }
-      }
-    }
-
-    return { oos: false, ooc: false }
-  }
-}

package/server/controllers/index.ts

@@ -1 +0,0 @@
-export * from './data-use-case-spc'

package/server/controllers/rules/cp-cpk.ts

@@ -1,29 +0,0 @@
-import { SPCChartPlot } from '../../service/spc-chart/spc-chart-type'
-
-interface ProcessCapabilityAnalysis {
-  cp: number
-  cpk: number
-}
-
-function calculateProcessCapability(plots: SPCChartPlot[], USL: number, LSL: number): ProcessCapabilityAnalysis {
-  // 전체 평균 계산
-  const overallMean = plots.reduce((sum, plot) => sum + plot.xbar, 0) / plots.length
-
-  // 전체 표준 편차 계산
-  let allValues = plots.flatMap(plot => plot.values)
-  const meanOfAllValues = allValues.reduce((sum, value) => sum + value, 0) / allValues.length
-  const squaredDiffs = allValues.map(value => Math.pow(value - meanOfAllValues, 2))
-  const variance = squaredDiffs.reduce((sum, diff) => sum + diff, 0) / (allValues.length - 1)
-  const stdDeviation = Math.sqrt(variance)
-
-  // CP 계산
-  const cp = (USL - LSL) / (6 * stdDeviation)
-
-  // CPK 계산
-  const cpk = Math.min((USL - overallMean) / (3 * stdDeviation), (overallMean - LSL) / (3 * stdDeviation))
-
-  return {
-    cp,
-    cpk
-  }
-}

package/server/controllers/spc-chart/c.ts

@@ -1,31 +0,0 @@
-import { SPCChartPlot, SPCChartAnalysis } from '../../service/spc-chart/spc-chart-type'
-
-export function calculateCChartAnalysisResult(plots: SPCChartPlot[]): SPCChartAnalysis {
-  // 각 샘플의 평균을 계산
-  plots = plots.map(plot => ({
-    ...plot,
-    defects: plot.values.map(Boolean).length,
-    n: plot.values.length
-  }))
-
-  // 총 결함 수를 계산합니다.
-  const totalDefects = plots.reduce((sum, { defects }) => sum + defects, 0)
-
-  // 평균 결함 수(C-bar)를 계산합니다.
-  const cl = totalDefects / plots.length
-
-  // 상한 제어선(UCL)과 하한 제어선(LCL)을 계산합니다.
-  // 포아송 분포를 가정할 때, UCL = C-bar + 3*sqrt(C-bar), LCL = C-bar - 3*sqrt(C-bar) (단, LCL이 음수인 경우 0으로 설정)
-  const ucl = cl + 3 * Math.sqrt(cl)
-  const lcl = Math.max(cl - 3 * Math.sqrt(cl), 0)
-
-  return {
-    chartType: 'C',
-    controlLimits: {
-      ucl,
-      lcl,
-      cl
-    },
-    plots
-  }
-}

package/server/controllers/spc-chart/histogram.ts

@@ -1,38 +0,0 @@
-interface HistogramSample {
-  value: number
-}
-
-interface HistogramBin {
-  binRange: string // 구간을 나타내는 문자열, 예: "0-1"
-  count: number // 해당 구간에 속하는 데이터의 개수
-}
-
-interface HistogramResult {
-  chartType: 'Histogram'
-  bins: HistogramBin[] // 히스토그램의 각 구간과 해당 구간의 데이터 개수
-}
-
-export function calculateHistogram(samples: HistogramSample[], numBins: number): HistogramResult {
-  const values = samples.map(sample => sample.value)
-  const minValue = Math.min(...values)
-  const maxValue = Math.max(...values)
-  const range = maxValue - minValue
-  const binWidth = range / numBins
-
-  // 초기화된 구간 배열 생성
-  const bins: HistogramBin[] = Array.from({ length: numBins }, (_, i) => ({
-    binRange: `${(minValue + i * binWidth).toFixed(2)}-${(minValue + (i + 1) * binWidth).toFixed(2)}`,
-    count: 0
-  }))
-
-  // 각 샘플을 적절한 구간에 할당하고 개수를 세어 구간의 개수를 업데이트합니다.
-  samples.forEach(sample => {
-    const binIndex = Math.min(numBins - 1, Math.floor((sample.value - minValue) / binWidth))
-    bins[binIndex].count++
-  })
-
-  return {
-    chartType: 'Histogram',
-    bins
-  }
-}

package/server/controllers/spc-chart/i.ts

@@ -1,31 +0,0 @@
-import { SPCChartPlot, SPCChartAnalysis } from '../../service/spc-chart/spc-chart-type'
-
-export function calculateIChartAnalysisResult(plots: SPCChartPlot[]): SPCChartAnalysis {
-  // 각 샘플의 평균을 계산
-  plots = plots.map((plot, index) => ({
-    ...plot,
-    i: plot.values[0],
-    mr: index == 0 ? 0 : Math.abs(plot.values[0] - plots[index - 1].values[0])
-  }))
-
-  // 개별 측정값의 평균을 계산하여 중심선(cl)을 구합니다.
-  const cl = plots.reduce((acc, plot) => acc + plot.values[0], 0) / plots.length
-
-  // 개별 측정값의 표준편차를 계산합니다.
-  const standardDeviation = Math.sqrt(plots.reduce((acc, plot) => acc + Math.pow(plot.values[0] - cl, 2), 0) / plots.length)
-
-  // 공정 변동을 고려하여 상한 제어선(ucl)과 하한 제어선(lcl)을 계산합니다.
-  // 여기서는 3시그마(3 * 표준편차)를 사용합니다. 상황에 따라 적절한 시그마 수준을 조정할 수 있습니다.
-  const ucl = cl + 3 * standardDeviation
-  const lcl = cl - 3 * standardDeviation
-
-  return {
-    chartType: 'I',
-    controlLimits: {
-      cl,
-      ucl,
-      lcl
-    },
-    plots
-  }
-}