GitHub pages (#71)

* Deployable and buildable

* Type reference fixes

* Create build-check.yml

.github/workflows/build-check.yml

@@ -0,0 +1,28 @@
+name: Buildable check
+on:
+  pull_request:
+    branches:
+      - main 
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      # Checkout the repository
+      - name: Checkout repository
+        uses: actions/checkout@v3
+
+      # Set up Node.js
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 20.11
+
+      # Install dependencies
+      - name: Install dependencies
+        run: npm i
+
+      # Build the project
+      - name: Build project
+        run: npm run build

src/components/DetailBar/ResultsBar.vue

@@ -22,9 +22,8 @@ import {
 } from 'chart.js'
 import { Bar } from 'vue-chartjs'
 import ChartDataLabels from 'chartjs-plugin-datalabels'
-import type { Results } from '@/models/project'
 import type { Emission } from '@/models/material'
-import { GeometryObject } from '@/models/geometryObject'
+import type { GeometryObject } from '@/models/geometryObject'
 
 ChartJS.register(
 	Title,

src/components/Graphs/GraphContainer.vue

@@ -26,7 +26,9 @@ import {
   materialResultsToMaterialChartData,
   geometryToMaterialTypeNestedChartData
   } from '@/utils/resultUtils'
-import { ChartData, ChartOptions, NestedChartData } from '@/models/chartModels'
+
+// Type imports
+import type { ChartData, ChartOptions, NestedChartData } from '@/models/chartModels'
 
 const navigationStore = useNavigationStore()
 const resultStore = useResultStore()

src/components/Mapping/MaterialBar.vue

@@ -38,7 +38,8 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, computed, ref, watch, Ref } from 'vue'
+import { defineComponent, computed, ref, watch } from 'vue'
+import type { Ref } from 'vue'
 import { PaintBrushIcon, MinusCircleIcon } from '@heroicons/vue/20/solid'
 import { Sketch } from '@ckpack/vue-color'
 import type { ColorInput } from '@ctrl/tinycolor'

src/components/Misc/Settings/SettingsCalculationCategory.vue

@@ -33,7 +33,7 @@ import { useSettingsStore } from '@/stores/settings'
 import { useProjectStore } from '@/stores/main'
 import { useFirebaseStore } from '@/stores/firebase'
 
-import { CalculationSettings } from '@/models/settings'
+import type { CalculationSettings } from '@/models/settings'
 import type { CalculationSettingsLog } from '@/models/firebase'
 import type { dropdownItem } from '@/components/Misc/Dropdown.vue'
 

src/components/Misc/Settings/SettingsImpactCategory.vue

@@ -23,8 +23,9 @@
 <script lang="ts">
 import { defineComponent, ref, watch } from 'vue'
 import { useSettingsStore } from '@/stores/settings'
+import { extendedImpactCategoryKeys } from '@/models/material'
 
-import { ExtendedImpactCategoryKey, extendedImpactCategoryKeys } from '@/models/material'
+import type { ExtendedImpactCategoryKey } from '@/models/material'
 import type { dropdownItem } from '@/components/Misc/Dropdown.vue'
 
 import Dropdown from '@/components/Misc/Dropdown.vue'

src/components/Misc/Settings/SettingsSidebar.vue

@@ -28,8 +28,10 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, PropType, ref, Ref } from 'vue'
-import { SettingView } from '@/models/settings';
+import { defineComponent} from 'vue'
+
+import type { PropType } from 'vue'
+import type { SettingView } from '@/models/settings';
 
 export default defineComponent({
   name: 'SettingsSidebar',

src/components/Modals/SettingsModal.vue

@@ -80,7 +80,7 @@ import SettingsSpeckle from '@/components/Misc/Settings/SettingsSpeckle.vue'
 import SettingsMaterials from '@/components/Misc/Settings/SettingsMaterials.vue'
 import SettingsGithub from '@/components/Misc/Settings/SettingsGithub.vue'
 
-import { SettingView } from '@/models/settings'
+import type { SettingView } from '@/models/settings'
 
 export default defineComponent({
   name: 'SettingsModal',

src/components/SlideOver/SaveMapping.vue

@@ -74,13 +74,14 @@
 
 <script lang="ts">
 import { defineComponent, ref } from 'vue'
-	import { XMarkIcon } from '@heroicons/vue/24/outline'
+import { XMarkIcon } from '@heroicons/vue/24/outline'
 
 import { useProjectStore } from '@/stores/main'
 import { useNavigationStore } from '@/stores/navigation'
 import { useMaterialStore } from '@/stores/material'
 import { useFirebaseStore } from '@/stores/firebase'
-import { Mapping } from '@/models/material'
+
+import type { Mapping } from '@/models/material'
 
 export default defineComponent({
   name: 'SaveMapping',

src/stores/firebase.ts

@@ -34,7 +34,7 @@ import {
   deepToRaw,
   removeUndefinedFields
  } from '@/utils/dataUtils'
-import { CalculationSettings } from '@/models/settings'
+import type { CalculationSettings } from '@/models/settings'
 
 export const useFirebaseStore = defineStore('firebase', {
   state: () => ({

src/utils/material.ts

@@ -1,15 +1,14 @@
 import type { Mapping, MaterialFilterParam, Product } from "@/models/material"
 import type { FilterList, NestedGroup } from "@/models/filters"
 import type { GeometryObject } from "@/models/geometryObject"
+import type { AssemblyList } from "@/models/firebase"
 
 import { useProjectStore } from "@/stores/main"
 import { useMaterialStore } from "@/stores/material"
 import { useSpeckleStore } from "@/stores/speckle"
 import { useFirebaseStore } from "@/stores/firebase"
 
 import { setMappingColorGroup, updateProjectGroups } from "@/utils/projectUtils"
-import { AssemblyList } from "@/models/firebase"
-
 
 /**
  * Updates from a selected mapping to a new one, with all materials and objectIds