add: pnpm-lock.yaml

.devcontainer/devcontainer.json

@@ -26,7 +26,7 @@
 	// "forwardPorts": [],
 
 	// Use 'postCreateCommand' to run commands after the container is created.
-	"postCreateCommand": "yarn install --ignore-engines --immutable --no-cache --network-timeout 300000 --network-concurrency 1"
+	"postCreateCommand": "npm install -g pnpm && pnpm install --frozen-lockfile --no-cache --network-timeout 300000 --network-concurrency 1"
 
 	// Configure tool-specific properties.
 	// "customizations": {},

.dockerignore

@@ -1,7 +1,7 @@
 # Files specified here are not required for Docker
 # so ignoring them helps to reduce the container size
 # The Docker container MUST have the following files:
-# package.json yarn.lock server.js vue.config.js src/ services/ 
+# package.json pnpm-lock.yaml server.js vue.config.js src/ services/ 
 
 node_modules
 docs

.eslintrc.js

@@ -0,0 +1,42 @@
+module.exports = {
+  root: true,
+  env: {
+    node: true,
+  },
+  extends: [
+    'plugin:vue/essential',
+    '@vue/standard',
+    'airbnb-base',
+  ],
+  ignorePatterns: [
+    '**/node_modules/**',
+    '**/dist/**',
+    '**/@/**',
+    '**/*.d.ts',
+  ],
+  rules: {
+    'import/no-unresolved': 'off',
+    'import/extensions': 'off',
+    'arrow-parens': 0,
+    'no-else-return': 0,
+    'prefer-regex-literals': 'off',
+    'no-param-reassign': ['error', {
+      props: true,
+      ignorePropertyModificationsFor: ['state', 'config', 'args'],
+    }],
+  },
+  parserOptions: {
+    parser: '@babel/eslint-parser',
+    requireConfigFile: false,
+  },
+  overrides: [
+    {
+      files: ['*.ts', '*.tsx'],
+      parser: '@typescript-eslint/parser',
+      plugins: ['@typescript-eslint'],
+      rules: {
+        'no-undef': 'off',
+      },
+    },
+  ],
+};

.github/pr-auto-comments.yml

@@ -31,7 +31,7 @@ comment:
 
     - id: dependency-changes
       files:
-      - yarn.lock
+      - pnpm-lock.yaml
       body: >
         When updating dependencies, take a moment to verify that there are not security
         issues associated with any added or modified packages. If adding a new dependency,
@@ -90,7 +90,7 @@ comment:
       - node_modules/**/*
       body: >
         Please do not commit dependencies to git. Node modules will be pulled down
-        when yarn is run, prior to building the app
+        when pnpm is run, prior to building the app
 
     - id: user-themes
       files:

.github/workflows/dependency-updates-summary.yml

@@ -1,17 +1,35 @@
-# Shows changes to any yarn.lock in PR comment
-# Useful for easily understanding dependency changes and consequences
-name: 💡 Show Dependency Changes
-on: [pull_request]
+name: Dependency Updates Summary
+
+on:
+  pull_request:
+    paths:
+      - 'pnpm-lock.yaml'
+
 jobs:
-  check:
+  pnpm-lock-changes:
+    name: Create pnpm Lock Changes Comment
     runs-on: ubuntu-latest
+
     steps:
       - name: Checkout
-        uses: actions/checkout@v2
-      - name: Yarn Lock Changes
-        uses: Simek/yarn-lock-changes@main
+        uses: actions/checkout@v3
         with:
-          token: ${{ secrets.ORG_REPO_TOKEN || secrets.GITHUB_TOKEN }}
-          collapsibleThreshold: '25'
-          failOnDowngrade: 'false'
-          path: 'yarn.lock'
+          fetch-depth: 0
+
+      - name: Setup Node
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
+
+      - name: Install pnpm-lock-export CLI
+        run: npm install -g pnpm-lock-export
+
+      - name: Generate Lock Changes
+        run: pnpm-lock-export --path=pnpm-lock.yaml --format=markdown --output=lock-changes.md
+
+      - name: Comment PR
+        uses: machine-learning-apps/pr-comment@master
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        with:
+          path: lock-changes.md

.github/workflows/docker-build-publish.yml

@@ -21,7 +21,7 @@ permissions:
   packages: write
 
 env:
-  DH_IMAGE: ${{ secrets.DOCKER_REPO }}
+  DH_IMAGE: ${{ secrets.DOCKER_USERNAME }}
   GH_IMAGE: ${{ github.repository_owner }}/${{ github.event.repository.name }}
 
 jobs:

.github/workflows/get-size.yml

@@ -1,5 +1,3 @@
-# Adds a comment to new PRs, showing the compressed size and size difference of new code
-# And also labels the PR based on the number of lines changes
 name: 🌈 Check PR Size
 on: [pull_request]
 jobs:
@@ -8,6 +6,24 @@ jobs:
     steps:
     - name: Checkout
       uses: actions/checkout@v2
+
+    # Set SHELL environment variable
+    - name: Set SHELL environment variable
+      run: echo "SHELL=/bin/bash" >> $GITHUB_ENV
+
+    # Install pnpm
+    - name: Setup pnpm
+      uses: pnpm/action-setup@v2
+      with:
+        version: latest
+
+    # Setup Node.js
+    - name: Setup Node.js
+      uses: actions/setup-node@v3
+      with:
+        node-version: 18
+        cache: 'pnpm'
+
     # Find and comment with compressed size
     - name: Get Compressed Size
       uses: preactjs/compressed-size-action@v2
@@ -17,6 +33,7 @@ jobs:
         strip-hash: '\\b\\w{8}\\.'
         exclude: '{./dist/manifest.json,**/*.map,**/node_modules/**}'
         minimum-change-threshold: 100
+
     # Check number of lines of code added
     - name: Label based on Lines of Code
       uses: codelytv/pr-size-labeler@v1
@@ -36,3 +53,7 @@ jobs:
           Try to avoid addressing multiple issues in a single PR, and
           in the future consider breaking large tasks down into smaller steps.
           This it to make reviewing, testing, reverting and general quality management easier.
+
+    # Fix: Installing using pnpm install --frozen-lockfile
+    - name: Install dependencies
+      run: pnpm install --frozen-lockfile

.github/workflows/pnpm.yml

@@ -0,0 +1,28 @@
+name: Install Dependencies Without pnpm-lock.yaml
+
+on:
+  workflow_dispatch:
+  schedule:
+    - cron: '0 0 * * 0'  # Run every Sunday at midnight
+
+jobs:
+  pnpm-install:
+    runs-on: ubuntu-latest
+    steps:
+    # Step 1: Checkout the repository
+    - uses: actions/checkout@v2
+
+    # Step 2: Remove the pnpm-lock.yaml file (if it exists)
+    - name: Remove pnpm-lock.yaml
+      run: |
+        if [ -f pnpm-lock.yaml ]; then
+          rm pnpm-lock.yaml
+        fi
+
+    # Step 3: Install dependencies without pnpm-lock.yaml
+    - name: Install Dependencies
+      run: pnpm install --no-lockfile --ignore-engines
+
+    # Step 4: Restore the pnpm-lock.yaml file (if it exists in the repo)
+    - name: Restore pnpm-lock.yaml
+      run: git checkout pnpm-lock.yaml || echo "No pnpm-lock.yaml to restore"

.gitignore

@@ -5,16 +5,30 @@ node_modules
 # local env files
 .env.local
 .env.*.local
+.env
 
 # Log files
+pnpm-debug.log*
+.pnpm-store/
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 
 # Editor directories and files
 .idea
+.vscode
 *.suo
 *.ntvs*
 *.njsproj
 *.sln
 *.sw?
+
+# Build output
+build/
+out/
+coverage/
+
+# Temporary files
+*.log
+*.tmp
+.cache/

.gitpod.yml

@@ -3,8 +3,8 @@
 
 # Commands to start on workspace startup
 tasks:
-  - init: yarn install --ignore-engines
-    command: yarn dev
+  - init: pnpm install --ignore-engines
+    command: pnpm dev
 # Ports to expose on workspace startup
 ports:
   - port: 8080 # Default dev server
@@ -22,4 +22,4 @@ vscode:
     - PKief.material-icon-theme
     - wix.vscode-import-cost
     - oderwat.indent-rainbow
-    - eamodio.gitlens
+    - eamodio.gitlens

.npmrc

@@ -0,0 +1,8 @@
+shamefully-hoist=true
+strict-peer-dependencies=false
+auto-install-peers=true
+node-linker=hoisted
+enable-pre-post-scripts=true
+save-exact=true
+use-node-version=18.19.0
+enable-git-hooks=true 

.vscode/tasks.json

@@ -3,8 +3,9 @@
   "tasks": [
     {
       "label": "shipyard start",
-      "type": "npm",
-      "script": "dev",
+      "type": "shell",
+      "command": "pnpm",
+      "args": ["dev"],
       "isBackground": true,
       "problemMatcher": [
         {
@@ -15,7 +16,7 @@
             "endsPattern": "Compiled successfully"
           }
         }
-      ],
+      ]
     }
   ]
-}
+}

Dockerfile

@@ -15,14 +15,14 @@ RUN \
 WORKDIR /app
 
 # Install app dependencies
-COPY package.json yarn.lock ./
-RUN yarn install --ignore-engines --immutable --no-cache --network-timeout 300000 --network-concurrency 1
+COPY package.json pnpm-lock.yaml ./
+RUN pnpm install --ignore-engines --frozen-lockfile --no-cache --network-timeout 300000 --network-concurrency 1
 
 # Copy over all project files and folders to the working directory
 COPY . ./
 
 # Build initial app for production
-RUN yarn build --mode production --no-clean
+RUN pnpm build --mode production --no-clean
 
 # Production stage
 FROM node:20.11.1-alpine3.19
@@ -42,10 +42,10 @@ RUN apk add --no-cache tzdata
 COPY --from=BUILD_IMAGE /app ./
 
 # Finally, run start command to serve up the built application
-CMD [ "yarn", "build-and-start" ]
+CMD [ "pnpm", "build-and-start" ]
 
 # Expose the port
 EXPOSE ${PORT}
 
 # Run simple healthchecks every 5 mins, to check that everythings still great
-HEALTHCHECK --interval=5m --timeout=5s --start-period=30s CMD yarn health-check
+HEALTHCHECK --interval=5m --timeout=5s --start-period=30s CMD pnpm health-check