- Implemented Client/Server model

- Created Postgres Database - Enabled OpenApi endpoint </_nitro/openapi.json> - defined server APIs - Added database migration infrastructure - Enabled server debugging - Moved domain and application layers to server - Added row events to XDataTable - Introduced debouncing for rationale - removed legacy
final-hill · Jul 14, 2024 · d7721b4 · d7721b4
1 parent ca51f58
commit d7721b4
Show file tree

Hide file tree

Showing 291 changed files with 7,130 additions and 3,257 deletions.
diff --git a/.devcontainer/compose.extend.yml b/.devcontainer/compose.extend.yml
@@ -0,0 +1,13 @@
+services:
+  web:
+    image: node:22-bookworm
+    depends_on:
+      - db
+    restart: unless-stopped
+    # mounts the workspace folder from the local source tree into the Dev Container.
+    volumes:
+      - .:/workspace/cathedral:cached
+    # Overrides default command so things don't shut down after the process ends.
+    command: /bin/sh -c "while sleep 1000; do :; done"
+    # puts the Dev Container on the same network as the database, so that it can access it on localhost
+    network_mode: service:db
diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json
@@ -1,15 +1,22 @@
 // For format details, see https://aka.ms/devcontainer.json. For config options, see the
 // README at: https://github.com/devcontainers/templates/tree/main/src/javascript-node
 {
-    "name": "Node.js",
-    // Or use a Dockerfile or Docker Compose file. More info: https://containers.dev/guide/dockerfile
-    "image": "mcr.microsoft.com/devcontainers/javascript-node:dev-22-bookworm",
+    "name": "Cathedral",
+    "dockerComposeFile": [
+        "../compose.yml",
+        "compose.extend.yml"
+    ],
+    "service": "web",
+    "workspaceFolder": "/workspace/${localWorkspaceFolderBasename}",
+    "shutdownAction": "stopCompose",
     // Features to add to the dev container. More info: https://containers.dev/features.
     "features": {},
     // Use 'forwardPorts' to make a list of ports inside the container available locally.
     // "forwardPorts": [],
     // Use 'postCreateCommand' to run commands after the container is created.
     "postCreateCommand": "npm install",
+    // https://www.kenmuse.com/blog/avoiding-dubious-ownership-in-dev-containers/
+    "postStartCommand": "git config --global --add safe.directory ${containerWorkspaceFolder}",
     // Configure tool-specific properties.
     "customizations": {
         "vscode": {

diff --git a/.env.example b/.env.example
@@ -0,0 +1,5 @@
+POSTGRES_USER: postgres
+POSTGRES_PASSWORD: postgres
+POSTGRES_HOST: localhost
+POSTGRES_PORT: 5432
+POSTGRES_DB: cathedral
diff --git a/.gitignore b/.gitignore
@@ -27,7 +27,4 @@ logs
 public/apple-touch-icon-*.png
 public/favicon.ico
 public/maskable-icon-*.png
-public/pwa-*.png
-
-# database
-server/data/db/cathedral.sqlite
+public/pwa-*.png
diff --git a/.vscode/launch.json b/.vscode/launch.json
@@ -0,0 +1,33 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "chrome",
+            "request": "launch",
+            "name": "client: chrome",
+            "url": "http://localhost:3000",
+            "webRoot": "${workspaceFolder}"
+        },
+        {
+            "type": "node",
+            "request": "launch",
+            "name": "server: nuxt",
+            "outputCapture": "std",
+            "program": "${workspaceFolder}/node_modules/nuxi/bin/nuxi.mjs",
+            "args": [
+                "dev"
+            ],
+        }
+    ],
+    "compounds": [
+        {
+            "name": "fullstack: nuxt",
+            "configurations": [
+                "server: nuxt",
+                "client: chrome"
+            ]
+        }
+    ]
+}
diff --git a/app.config.ts b/app.config.ts
@@ -1,4 +1,3 @@
 export default defineAppConfig({
-    darkMode: 'light',
-    connString: 'idb://cathedral'
+    darkMode: 'light'
 })
diff --git a/application/AssumptionInteractor.ts b/application/AssumptionInteractor.ts
diff --git a/application/ComponentInteractor.ts b/application/ComponentInteractor.ts
diff --git a/application/ConstraintCategoryInteractor.ts b/application/ConstraintCategoryInteractor.ts
diff --git a/application/ConstraintInteractor.ts b/application/ConstraintInteractor.ts
diff --git a/application/EffectInteractor.ts b/application/EffectInteractor.ts
diff --git a/application/FunctionalBehaviorInteractor.ts b/application/FunctionalBehaviorInteractor.ts
diff --git a/application/GlossaryTermInteractor.ts b/application/GlossaryTermInteractor.ts
diff --git a/application/GoalInteractor.ts b/application/GoalInteractor.ts
diff --git a/application/Interactor.ts b/application/Interactor.ts
diff --git a/application/InvariantInteractor.ts b/application/InvariantInteractor.ts
diff --git a/application/LimitInteractor.ts b/application/LimitInteractor.ts
diff --git a/application/NonFunctionalBehaviorInteractor.ts b/application/NonFunctionalBehaviorInteractor.ts
diff --git a/application/ObstacleInteractor.ts b/application/ObstacleInteractor.ts
diff --git a/application/OutcomeInteractor.ts b/application/OutcomeInteractor.ts
diff --git a/application/PersonInteractor.ts b/application/PersonInteractor.ts
diff --git a/application/SolutionInteractor.ts b/application/SolutionInteractor.ts
diff --git a/application/StakeholderCategoryInteractor.ts b/application/StakeholderCategoryInteractor.ts
diff --git a/application/StakeholderInteractor.ts b/application/StakeholderInteractor.ts
diff --git a/application/StakeholderSegmentationInteractor.ts b/application/StakeholderSegmentationInteractor.ts
diff --git a/application/UseCase.ts b/application/UseCase.ts
diff --git a/application/UseCaseInteractor.ts b/application/UseCaseInteractor.ts
diff --git a/application/UserStoryInteractor.ts b/application/UserStoryInteractor.ts
diff --git a/components/XDataTable.vue b/components/XDataTable.vue
@@ -1,16 +1,18 @@
 <script lang="ts" setup>
-import { type Uuid, emptyUuid } from '~/domain/Uuid'
+import { type Uuid, emptyUuid } from '~/server/domain/Uuid'
 
 // export type RowType = { id: Uuid, name: string }
 export type RowType = any
 
 const props = defineProps<{
-    datasource: RowType[],
+    datasource: RowType[] | null,
     filters: Record<string, { value: any, matchMode: string }>,
     emptyRecord: { id: Uuid, name: string },
     onCreate: (data: RowType) => Promise<void>,
     onDelete: (id: Uuid) => Promise<void>,
-    onUpdate: (data: RowType) => Promise<void>
+    onUpdate: (data: RowType) => Promise<void>,
+    onRowExpand?: (event: { data: RowType }) => void,
+    onRowCollapse?: (event: { data: RowType }) => void
 }>()
 
 const dataTable = ref<any>(),
@@ -20,8 +22,8 @@ const dataTable = ref<any>(),
     confirm = useConfirm()
 
 const onCreateEmpty = async () => {
-    props.datasource.unshift(Object.assign({}, props.emptyRecord))
-    editingRows.value = [props.datasource[0]]
+    (props.datasource ?? []).unshift(Object.assign({}, props.emptyRecord))
+    editingRows.value = [(props.datasource ?? [])[0]]
     createDisabled.value = true
     // remove the sortfield to avoid the new row from being sorted
     sortField.value = undefined
@@ -52,11 +54,21 @@ const onCancel = ({ data, index }: { data: RowType, index: number }) => {
     if (data.id !== emptyUuid)
         return
 
-    props.datasource.splice(index, 1)
+    (props.datasource ?? []).splice(index, 1)
     createDisabled.value = false
     sortField.value = 'name'
 }
 
+const onRowExpand = (event: { data: RowType }) => {
+    if (props.onRowExpand)
+        props.onRowExpand(event)
+}
+
+const onRowCollapse = (event: { data: RowType }) => {
+    if (props.onRowCollapse)
+        props.onRowCollapse(event)
+}
+
 const onRowEditSave = async (event: { newData: RowType, originalEvent: Event }) => {
     const { newData, originalEvent } = event
 
@@ -121,7 +133,8 @@ const onSort = (event: any) => {
         <DataTable ref="dataTable" :value="props.datasource as unknown as any[]" dataKey="id" filterDisplay="row"
             v-model:filters="filters as any" :globalFilterFields="Object.keys(filters)" editMode="row"
             @row-edit-init="onRowEditInit" v-model:editingRows="editingRows" @row-edit-save="onRowEditSave"
-            @row-edit-cancel="onCancel" @sort="onSort" :sortField="sortField" :sortOrder="1">
+            @row-edit-cancel="onCancel" @row-expand="onRowExpand" @row-collapse="onRowCollapse" @sort="onSort"
+            :sortField="sortField" :sortOrder="1">
             <slot></slot>
             <Column frozen align-frozen="right">
                 <template #body="{ data, editorInitCallback }">

diff --git a/compose.yml b/compose.yml
@@ -0,0 +1,16 @@
+services:
+  db:
+    image: postgres:16-bookworm
+    restart: unless-stopped
+    ports:
+      - 5432:5432
+    volumes:
+      - postgres-data:/var/lib/postgresql/data
+    environment:
+      PGDATA: /var/lib/postgresql/data/pgdata
+      POSTGRES_USER: ${POSTGRES_USER}
+      POSTGRES_PASSWORD: ${POSTGRES_PASSWORD}
+      POSTGRES_DB: ${POSTGRES_DB}
+
+volumes:
+  postgres-data:
diff --git a/data/AssumptionRepository.ts b/data/AssumptionRepository.ts
diff --git a/data/ComponentRepository.ts b/data/ComponentRepository.ts
diff --git a/data/ConstraintCategoryRepository.ts b/data/ConstraintCategoryRepository.ts
diff --git a/data/ConstraintRepository.ts b/data/ConstraintRepository.ts
diff --git a/data/EffectRepository.ts b/data/EffectRepository.ts
diff --git a/data/FunctionalBehaviorRepository.ts b/data/FunctionalBehaviorRepository.ts
diff --git a/data/GlossaryTermRepository.ts b/data/GlossaryTermRepository.ts