From 835e0cf642810bcb11345b8ac3061fba3c138ed2 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Sat, 22 Jul 2023 11:42:54 +0200
Subject: [PATCH] move to feature module and init board

---
 src/App.vue                                   |  2 +-
 src/{ => modules/feature}/FeatureStep.vue     | 22 ++++++++------
 src/{ => modules/feature}/FeatureSteps.vue    | 10 +++++--
 src/modules/feature/feature-board.ts          | 29 +++++++++++++++++++
 src/{ => modules/feature}/feature-steps.ts    | 10 ++++---
 .../feature}/feature.fixture.test.ts          |  0
 src/{ => modules/feature}/feature.fixture.ts  |  0
 src/{ => modules/feature}/feature.ts          |  0
 src/utils.ts                                  | 20 +++++++++++++
 9 files changed, 77 insertions(+), 16 deletions(-)
 rename src/{ => modules/feature}/FeatureStep.vue (81%)
 rename src/{ => modules/feature}/FeatureSteps.vue (67%)
 create mode 100644 src/modules/feature/feature-board.ts
 rename src/{ => modules/feature}/feature-steps.ts (83%)
 rename src/{ => modules/feature}/feature.fixture.test.ts (100%)
 rename src/{ => modules/feature}/feature.fixture.ts (100%)
 rename src/{ => modules/feature}/feature.ts (100%)

diff --git a/src/App.vue b/src/App.vue
index 87ec588..e4f4e28 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import FeatureSteps from '@/FeatureSteps.vue'
+import FeatureSteps from '@/modules/feature/FeatureSteps.vue'
 </script>
 
 <template>
diff --git a/src/FeatureStep.vue b/src/modules/feature/FeatureStep.vue
similarity index 81%
rename from src/FeatureStep.vue
rename to src/modules/feature/FeatureStep.vue
index 8a53676..ff52c66 100644
--- a/src/FeatureStep.vue
+++ b/src/modules/feature/FeatureStep.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { FeatureStep } from '@/feature-steps'
+import { FeatureStep } from '@/modules/feature/feature-steps'
 import { computed } from 'vue'
 
 const props = defineProps<{
@@ -22,18 +22,22 @@ const hasFeaturesDone = computed(() => props.step.featuresInProgress.length > 0)
       <ul v-if="hasFeaturesInProgress">
         <li
           v-for="feature in step.featuresInProgress"
-          :key="feature"
+          :key="feature.name"
           class="bin"
         >
-          {{ feature }}
+          {{ feature.name }}
         </li>
       </ul>
     </section>
     <section class="done">
       <h5>📝✅</h5>
       <ul v-if="hasFeaturesDone">
-        <li v-for="feature in step.featuresDone" :key="feature" class="bin">
-          {{ feature }}
+        <li
+          v-for="feature in step.featuresDone"
+          :key="feature.name"
+          class="bin"
+        >
+          {{ feature.name }}
         </li>
       </ul>
       <div
@@ -60,10 +64,6 @@ const hasFeaturesDone = computed(() => props.step.featuresInProgress.length > 0)
     flex: 1;
   }
 
-  section ul {
-    padding: 1rem;
-  }
-
   h5 {
     margin-bottom: 0;
     background-color: var(--background-color);
@@ -78,11 +78,15 @@ const hasFeaturesDone = computed(() => props.step.featuresInProgress.length > 0)
     display: flex;
     justify-content: center;
     align-items: center;
+    font-size: 12pt;
+    padding: 0 0.5rem;
+    text-align: center;
   }
 
   .blue-bin {
     background-color: var(--background-color);
     color: white;
+    font-size: 18pt;
   }
 }
 </style>
diff --git a/src/FeatureSteps.vue b/src/modules/feature/FeatureSteps.vue
similarity index 67%
rename from src/FeatureSteps.vue
rename to src/modules/feature/FeatureSteps.vue
index 290888e..5fe9905 100644
--- a/src/FeatureSteps.vue
+++ b/src/modules/feature/FeatureSteps.vue
@@ -1,6 +1,12 @@
 <script setup lang="ts">
-import FeatureStep from '@/FeatureStep.vue'
-import { featureSteps } from '@/feature-steps'
+import FeatureStep from '@/modules/feature/FeatureStep.vue'
+import { createFeatureBoard } from '@/modules/feature/feature-board'
+import { featureSteps as initialFeatureSteps } from '@/modules/feature/feature-steps'
+import { ref } from 'vue'
+
+const featureBoard = createFeatureBoard()
+
+const featureSteps = ref(featureBoard.initBoard(initialFeatureSteps))
 </script>
 
 <template>
diff --git a/src/modules/feature/feature-board.ts b/src/modules/feature/feature-board.ts
new file mode 100644
index 0000000..bce6a8c
--- /dev/null
+++ b/src/modules/feature/feature-board.ts
@@ -0,0 +1,29 @@
+import { FeatureStatus, FeatureStep } from '@/modules/feature/feature-steps'
+import { features } from '@/modules/feature/feature.fixture'
+import { pickRandomElement, popNElement, shuffleArray } from '@/utils'
+
+export const createFeatureBoard = () => {
+  const boardFeatures = shuffleArray(features)
+
+  const initBoard = (featureSteps: FeatureStep[]): FeatureStep[] => {
+    const initialFeatures = popNElement(boardFeatures, 10)
+
+    initialFeatures.forEach((feature) => {
+      const step = pickRandomElement(featureSteps)
+      const doingOrDone: FeatureStatus = pickRandomElement(['doing', 'done'])
+
+      switch (doingOrDone) {
+        case 'doing':
+          step.featuresInProgress.push(feature)
+          break
+        case 'done':
+          step.featuresDone.push(feature)
+          break
+      }
+    })
+
+    return featureSteps
+  }
+
+  return { initBoard }
+}
diff --git a/src/feature-steps.ts b/src/modules/feature/feature-steps.ts
similarity index 83%
rename from src/feature-steps.ts
rename to src/modules/feature/feature-steps.ts
index 8251a36..ab0feef 100644
--- a/src/feature-steps.ts
+++ b/src/modules/feature/feature-steps.ts
@@ -1,15 +1,17 @@
+export type FeatureStatus = 'doing' | 'done'
+
 export type FeatureStep = {
   title: string
-  featuresInProgress: string[]
-  featuresDone: string[]
+  featuresInProgress: Feature[]
+  featuresDone: Feature[]
   blueBuckets: number
 }
 
 export const featureSteps: FeatureStep[] = [
   {
     title: 'Pitch',
-    featuresInProgress: ['Feature 3', 'Feature 4'],
-    featuresDone: ['Feature 1', 'Feature 2'],
+    featuresInProgress: [],
+    featuresDone: [],
     blueBuckets: 2
   },
   {
diff --git a/src/feature.fixture.test.ts b/src/modules/feature/feature.fixture.test.ts
similarity index 100%
rename from src/feature.fixture.test.ts
rename to src/modules/feature/feature.fixture.test.ts
diff --git a/src/feature.fixture.ts b/src/modules/feature/feature.fixture.ts
similarity index 100%
rename from src/feature.fixture.ts
rename to src/modules/feature/feature.fixture.ts
diff --git a/src/feature.ts b/src/modules/feature/feature.ts
similarity index 100%
rename from src/feature.ts
rename to src/modules/feature/feature.ts
diff --git a/src/utils.ts b/src/utils.ts
index a0d8a4c..d8eab79 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -10,3 +10,23 @@ export const shuffleArray = <T>(array: T[]) => {
 
   return arrayCopy
 }
+
+export const popNElement = <T>(array: T[], numberOfElements: number) => {
+  const poppedElements: T[] = []
+
+  for (let i = 0; i < numberOfElements; i++) {
+    const element = array.pop()
+
+    if (element) {
+      poppedElements.push(element)
+    }
+  }
+
+  return poppedElements
+}
+
+export const pickRandomIndex = <T>(array: T[]) =>
+  Math.floor(Math.random() * array.length)
+
+export const pickRandomElement = <T>(array: T[]) =>
+  array[pickRandomIndex(array)]