From 53c8a43f51ed9bb41eef75b72a14a6d845bceabf Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Mon, 24 Jul 2023 23:06:59 +0200
Subject: [PATCH] extract to a new store: dashboardStore

---
 src/modules/dashboard/dashboard-store.ts      | 22 +++++++++++++++++++
 src/modules/feature/FeatureDashboard.vue      |  2 +-
 src/modules/feature/FeatureSteps.vue          |  9 ++++++--
 src/modules/feature/feature-board.ts          | 10 ++++-----
 .../feature/{store.ts => feature-store.ts}    | 19 +++++++++-------
 src/{modules/feature => }/store-type.ts       |  7 +++---
 src/utils.ts                                  |  2 ++
 7 files changed, 51 insertions(+), 20 deletions(-)
 create mode 100644 src/modules/dashboard/dashboard-store.ts
 rename src/modules/feature/{store.ts => feature-store.ts} (87%)
 rename src/{modules/feature => }/store-type.ts (87%)

diff --git a/src/modules/dashboard/dashboard-store.ts b/src/modules/dashboard/dashboard-store.ts
new file mode 100644
index 0000000..0fca505
--- /dev/null
+++ b/src/modules/dashboard/dashboard-store.ts
@@ -0,0 +1,22 @@
+import { Dashboard } from '@/store-type'
+import { defineStore } from 'pinia'
+
+type State = {
+  dashboards: Dashboard[]
+}
+
+export const useDashboardStore = defineStore('dashboard', {
+  state: (): State => {
+    return {
+      dashboards: []
+    }
+  },
+  actions: {
+    newDashboard(dashboard: Dashboard) {
+      this.dashboards.push(dashboard)
+    },
+    clearDashboard() {
+      this.dashboards = []
+    }
+  }
+})
diff --git a/src/modules/feature/FeatureDashboard.vue b/src/modules/feature/FeatureDashboard.vue
index 8b3d83d..b8cfda5 100644
--- a/src/modules/feature/FeatureDashboard.vue
+++ b/src/modules/feature/FeatureDashboard.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useFeatureStore } from '@/modules/feature/store'
+import { useFeatureStore } from '@/modules/feature/feature-store'
 
 const featureStore = useFeatureStore()
 </script>
diff --git a/src/modules/feature/FeatureSteps.vue b/src/modules/feature/FeatureSteps.vue
index eb59231..cd835f9 100644
--- a/src/modules/feature/FeatureSteps.vue
+++ b/src/modules/feature/FeatureSteps.vue
@@ -1,11 +1,13 @@
 <script setup lang="ts">
+import { useDashboardStore } from '@/modules/dashboard/dashboard-store'
 import FeatureDashboard from '@/modules/feature/FeatureDashboard.vue'
 import FeatureStep from '@/modules/feature/FeatureStep.vue'
 import { featureSteps } from '@/modules/feature/feature-steps'
-import { useFeatureStore } from '@/modules/feature/store'
+import { useFeatureStore } from '@/modules/feature/feature-store'
 import { onMounted } from 'vue'
 
 const featureStore = useFeatureStore()
+const dashboardStore = useDashboardStore()
 
 onMounted(() => featureStore.initBoard())
 
@@ -51,10 +53,13 @@ const pushAndProblemSolving20Percent = () => {
       <button @click="featureStore.simulate('pull')">
         simulate pull system
       </button>
+      <button @click="featureStore.simulate100('pull')">
+        simulate 100 pull system
+      </button>
       <button @click="featureStore.simulate('problem-solving')">
         simulate pull and problem solving
       </button>
-      <button @click="featureStore.clearDashboard()">clear dashboard</button>
+      <button @click="dashboardStore.clearDashboard()">clear dashboard</button>
     </div>
   </div>
   <ul class="features-steps">
diff --git a/src/modules/feature/feature-board.ts b/src/modules/feature/feature-board.ts
index 02d1dac..cff8e4c 100644
--- a/src/modules/feature/feature-board.ts
+++ b/src/modules/feature/feature-board.ts
@@ -1,8 +1,8 @@
 import { Feature } from '@/modules/feature/feature'
 import { FeatureStep } from '@/modules/feature/feature-steps'
 import { features as initialFeatures } from '@/modules/feature/feature.fixture'
-import { State } from '@/modules/feature/store-type'
 import { Strategy } from '@/modules/lean/strategy'
+import { FeatureState } from '@/store-type'
 import {
   pickRandomElement,
   popNElement,
@@ -213,9 +213,9 @@ const getQualityProbability = (
 }
 
 export const nextDay = (
-  state: Omit<State, 'dashboards'>,
+  state: FeatureState,
   strategy: Strategy
-): Omit<State, 'dashboards'> => {
+): FeatureState => {
   state.meta.totalDays++
   state.meta.strategy[strategy]++
 
@@ -272,9 +272,9 @@ export const meanQualityIssue = (features: Feature[]) => {
 }
 
 export const simulate = (
-  state: Omit<State, 'dashboards'>,
+  state: FeatureState,
   strategy: Strategy
-): Omit<State, 'dashboards'> => {
+): FeatureState => {
   let i = 0
 
   while (!isProjectFinished(state.features) && i++ < HARD_STOP) {
diff --git a/src/modules/feature/store.ts b/src/modules/feature/feature-store.ts
similarity index 87%
rename from src/modules/feature/store.ts
rename to src/modules/feature/feature-store.ts
index 8930587..0662e8d 100644
--- a/src/modules/feature/store.ts
+++ b/src/modules/feature/feature-store.ts
@@ -1,3 +1,4 @@
+import { useDashboardStore } from '@/modules/dashboard/dashboard-store'
 import { Feature } from '@/modules/feature/feature'
 import {
   meanComplexity,
@@ -5,11 +6,12 @@ import {
   meanQualityIssue
 } from '@/modules/feature/feature-board'
 import { featureSteps } from '@/modules/feature/feature-steps'
-import { Meta, State } from '@/modules/feature/store-type'
 import { Strategy } from '@/modules/lean/strategy'
+import { FeatureState, Meta } from '@/store-type'
+import { clone } from '@/utils'
 import { defineStore } from 'pinia'
 
-const clone = (data: any) => JSON.parse(JSON.stringify(data))
+const dashboardStore = useDashboardStore()
 
 const instance = new ComlinkWorker<typeof import('./feature-board')>(
   new URL('./feature-board', import.meta.url)
@@ -26,12 +28,11 @@ const resetMeta = (): Meta => ({
 })
 
 export const useFeatureStore = defineStore('feature', {
-  state: (): State => ({
+  state: (): FeatureState => ({
     steps: [],
     features: [],
     backlog: [],
-    meta: resetMeta(),
-    dashboards: []
+    meta: resetMeta()
   }),
   actions: {
     async initBoard() {
@@ -74,7 +75,7 @@ export const useFeatureStore = defineStore('feature', {
         a.qualityIssue > b.qualityIssue ? -1 : 1
       )
 
-      this.dashboards.push({
+      dashboardStore.newDashboard({
         uuid: new Date().getTime().toString(),
         meta: newState.meta,
         analysis: {
@@ -88,8 +89,10 @@ export const useFeatureStore = defineStore('feature', {
         }
       })
     },
-    clearDashboard() {
-      this.dashboards = []
+    async simulate100(strategy: Strategy) {
+      for (let i = 0; i < 100; i++) {
+        await this.simulate(strategy)
+      }
     }
   },
   getters: {
diff --git a/src/modules/feature/store-type.ts b/src/store-type.ts
similarity index 87%
rename from src/modules/feature/store-type.ts
rename to src/store-type.ts
index 05dd57f..05b2284 100644
--- a/src/modules/feature/store-type.ts
+++ b/src/store-type.ts
@@ -16,16 +16,15 @@ export type Analysis = {
   mainStrategy: Strategy | string
 }
 
-export type Dashboard = Array<{
+export type Dashboard = {
   uuid: string
   meta: Meta
   analysis: Analysis
-}>
+}
 
-export type State = {
+export type FeatureState = {
   steps: FeatureStep[]
   features: Feature[]
   backlog: Feature[]
   meta: Meta
-  dashboards: Dashboard
 }
diff --git a/src/utils.ts b/src/utils.ts
index baa8b8c..98b2e41 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -1,3 +1,5 @@
+export const clone = (data: any) => JSON.parse(JSON.stringify(data))
+
 export const shuffleArray = <T>(array: T[]) => {
   let currentIndex = array.length,
     randomIndex