feat(api): create modularized libraries

.github/workflows/BUILD.yml

@@ -7,7 +7,7 @@ on:
     branches: '*'
 
 jobs:
-  release:
+  build:
     runs-on: ubuntu-latest
     strategy:
       matrix:
@@ -17,27 +17,35 @@ jobs:
       - name: 🛎️ Checkout Code
         uses: actions/checkout@v4
         with:
-          fetch-depth: 0 # All history for branches and tags
+          fetch-depth: 1 # Shallow clone (only take latest commit)
 
       - name: 📦 Install pnpm
         uses: pnpm/action-setup@v4
-        # with:
-        #   run_install: false
 
       - name: Install Node.js
         uses: actions/setup-node@v4
         with:
           node-version: 20
-          cache: pnpm
 
       - name: 🧹 Lint Projects
         run: pnpm i; pnpm nx run-many -t lint -p docs docs-e2e website website-e2e portal portal-e2e --verbose
 
       - name: 🎭 Install Playwright Browsers
-        run: pnpm exec playwright install --with-deps
+        run: pnpm playwright install --with-deps
 
-      - name: 🏗️ Build Projects
-        run: pnpm nx run-many -t build -p docs website portal --verbose
+      - name: 📚 Build Docs
+        run: pnpm nx build docs --verbose
+
+      - name: 🌐 Build Website
+        run: pnpm nx build website --verbose
+
+      - name: 🌀 Build Portal
+        env:
+          DATABASE_URL: ${{ secrets.DATABASE_URL }}
+          AUTH_SECRET: ${{ secrets.AUTH_SECRET }}
+          GOOGLE_CLIENT_ID: ${{ secrets.GOOGLE_CLIENT_ID }}
+          GOOGLE_CLIENT_SECRET: ${{ secrets.GOOGLE_CLIENT_SECRET }}
+        run: pnpm nx build portal --verbose
 
       - name: 💰 Profit
         run: echo 🐞

.github/workflows/TEST_e2e.yml

@@ -46,6 +46,11 @@ jobs:
           retention-days: 30
 
       - name: 💀 Run Portal E2E Tests
+        env:
+          DATABASE_URL: ${{ secrets.DATABASE_URL }}
+          AUTH_SECRET: ${{ secrets.AUTH_SECRET }}
+          GOOGLE_CLIENT_ID: ${{ secrets.GOOGLE_CLIENT_ID }}
+          GOOGLE_CLIENT_SECRET: ${{ secrets.GOOGLE_CLIENT_SECRET }}
         run: pnpm nx run portal-e2e:e2e --reporter=html --verbose
 
       - name: 📄 Upload Portal E2E Playwright Report

.gitignore

@@ -45,3 +45,8 @@ Thumbs.db
 # Next.js
 .next
 out
+
+# Environment variables files
+**/*.env
+**/*.env.*
+!**/*.env.example

.verdaccio/config.yml

@@ -0,0 +1,28 @@
+# path to a directory with all packages
+storage: ../tmp/local-registry/storage
+
+# a list of other known repositories we can talk to
+uplinks:
+  npmjs:
+    url: https://registry.npmjs.org/
+    maxage: 60m
+
+packages:
+  '**':
+    # give all users (including non-authenticated users) full access
+    # because it is a local registry
+    access: $all
+    publish: $all
+    unpublish: $all
+
+    # if package is not available locally, proxy requests to npm registry
+    proxy: npmjs
+
+# log settings
+logs:
+  type: stdout
+  format: pretty
+  level: warn
+
+publish:
+  allow_offline: true # set offline to true to allow publish offline

apps/docs-e2e/src/pom.ts

@@ -54,8 +54,8 @@ export class DocsLayout {
     this.page = page
 
     // Desktop Header
-    this.cuHackingLogoIcon = page.getByRole('img', { name: 'cuHacking logo' })
-    this.cuHackingLogoText = page.getByRole('link', { name: 'cuHacking logo cuHacking' })
+    this.cuHackingLogoIcon = page.getByRole('img', { name: 'cuHacking logo' }).first()
+    this.cuHackingLogoText = page.getByRole('link', { name: 'cuHacking logo cuHacking' }).first()
     this.websiteDropdownButton = page.getByRole('button', { name: 'Website' })
     this.websiteLink = page.getByRole('dialog').getByRole('link', { name: 'Website' })
     this.websiteSourceLink = page.getByRole('dialog').getByRole('link', { name: 'Source' })
@@ -80,7 +80,7 @@ export class DocsLayout {
     this.sectionsDropdownButton = page.getByRole('button', { name: 'Home Leave none behind' })
     this.mobileWebsiteLink = page.getByRole('link', { name: 'Website' })
     this.mobileHackerPortalSourceLink = page.getByRole('link', { name: 'Source', exact: true })
-    this.mobileHackerAppLink = page.getByRole('link', { name: 'App' })
+    this.mobileHackerAppLink = page.getByRole('link', { name: 'App', exact: true })
     this.mobileWebsiteSourceLink = page.getByRole('link', { name: 'Source (legacy)' })
     this.mobileGithubIcon = page.getByRole('link', { name: 'Github' })
     this.mobileHackerPortalProjectBoardLink = page.getByRole('link', { name: 'Project Board' })

apps/docs/next.config.mjs

@@ -12,9 +12,9 @@ const nextConfig = {
   nx: {
     // Set this to true if you would like to use SVGR
     // See: https://github.com/gregberge/svgr
-    svgr: false,
-    reactStrictMode: true,
-    output: 'standalone',
+    // svgr: false,
+    // reactStrictMode: true,
+    // output: 'standalone',
   },
 }
 

apps/docs/src/app/docs/source.ts

@@ -5,7 +5,8 @@ import { createElement } from 'react'
 import {
   GitPullRequestCreateArrow as ContributionGuidelinesIcon,
   Dock as HomeIcon,
-  Library as KnowledgeBaseIcon,
+  BookOpenText as KnowledgeBaseIcon,
+  Library as LibrariesIcon,
   Layers as ToolsIcon,
   icons,
 } from 'lucide-react'
@@ -36,6 +37,12 @@ export const pages = [
     url: 'knowledge-base',
     icon: KnowledgeBaseIcon,
   },
+  {
+    title: 'Libraries',
+    description: 'Libraries within this monorepo used within the applications.',
+    url: 'libraries',
+    icon: LibrariesIcon,
+  },
 ]
 
 export const { getPage, getPages, pageTree } = loader({