Monorepo investigation

.github/workflows/chromatic.yaml

@@ -16,11 +16,15 @@ jobs:
         with:
           fetch-depth: 0 # get full Git history
 
+      - uses: pnpm/action-setup@v2
+        with:
+          version: 8
+
       - name: Set up node
         uses: actions/setup-node@v3
         with:
           node-version-file: '.nvmrc'
-          cache: 'npm'
+          cache: 'pnpm'
 
       - name: Authenticate GitHub Packages
         run: |
@@ -29,7 +33,7 @@ jobs:
           NPM_PKG_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 
       - name: Install npm packages
-        run: npm ci
+        run: pnpm install
 
       - name: Publish to Chromatic
         if: github.ref != 'refs/heads/main'

.github/workflows/ci.yaml

@@ -41,6 +41,10 @@ jobs:
         id: node_version
         run: echo ::set-output name=NODE_VERSION::$(cat .nvmrc)
 
+      - uses: pnpm/action-setup@v2
+        with:
+          version: 8
+
       - name: Authenticate GitHub Packages
         run: |
           echo "//npm.pkg.github.com/:_authToken=${NPM_PKG_TOKEN}" > ~/.npmrc
@@ -51,18 +55,18 @@ jobs:
         uses: actions/setup-node@v3
         with:
           node-version: ${{ steps.node_version.outputs.NODE_VERSION }}
-          cache: 'npm'
+          cache: 'pnpm'
 
       - name: Install npm packages
-        run: npm ci
+        run: pnpm install
 
       - name: Lint
         run: |
-          npm run lint
-          npm run format:check
+          pnpm run lint
+          pnpm run format:check
 
       - name: Build site
-        run: npm run build
+        run: pnpm run build
 
   docker:
     needs:
@@ -109,7 +113,6 @@ jobs:
           # Only push tags or ticket branches
           push: true
           tags: |
-            lsstsqre/squareone:${{ steps.vars.outputs.tag }}
             ghcr.io/lsst-sqre/squareone:${{ steps.vars.outputs.tag }}
           target: production
           cache-from: type=gha

.storybook/main.js → .storybook/main.ts

@@ -1,22 +1,21 @@
-const path = require('path');
+import type { StorybookConfig } from '@storybook/nextjs';
 
-module.exports = {
+const config: StorybookConfig = {
   stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
   addons: [
     '@storybook/addon-links',
     '@storybook/addon-essentials',
     '@storybook/addon-interactions',
     '@storybook/addon-a11y',
-    {
-      name: 'storybook-addon-next',
-      options: {
-        nextConfigPath: path.resolve(__dirname, '../next.config.js'),
-      },
-    },
   ],
-  framework: '@storybook/react',
+  framework: '@storybook/nextjs',
   core: {
     builder: '@storybook/builder-webpack5',
   },
   staticDirs: ['../public'],
+  docs: {
+    autodocs: true,
+  },
 };
+
+export default config;

Dockerfile

@@ -12,16 +12,18 @@ WORKDIR /app
 
 RUN echo "//npm.pkg.github.com/:_authToken=${GH_PKG_TOKEN}" > ~/.npmrc
 
-COPY package.json package-lock.json .npmrc ./
-RUN npm ci
+COPY package.json pnpm-lock.yaml .npmrc ./
+RUN npm install -g pnpm
+RUN pnpm install
 
 # Stage 2: Build application ==================================================
-from node:16-alpine as builder
+FROM node:16-alpine as builder
 
 WORKDIR /app
 COPY --from=deps /app/node_modules ./node_modules
 COPY . .
-RUN npm run build
+RUN npm install -g pnpm
+RUN pnpm run build
 
 # Stage 3: Install pre-built app and deps for production ======================
 FROM node:16-alpine as production