Chore/ripple UI split

.github/workflows/main.yml

@@ -13,9 +13,14 @@ jobs:
       - name: Install Node
         uses: actions/setup-node@v4
         with:
+          always-auth: true
+          registry-url: https://npm.pkg.github.com/
           node-version: 20
-          cache: 'pnpm'
+          scope: "@dpc-sdp"
+          cache: "pnpm"
       - name: Install Dependencies
         run: pnpm install --frozen-lockfile
+        env:
+          NODE_AUTH_TOKEN: ${{secrets.GPR_NPM_INSTALL_TOKEN}}
       - run: pnpm run lint
       - run: pnpm run test:unit

.github/workflows/nuxt.yml

@@ -2,83 +2,52 @@ name: Nuxt
 on:
   push:
     paths:
-      - '.github/workflows/nuxt.yml'
-      - 'examples/nuxt-app/**'
-      - 'packages/**'
-      - 'pnpm-lock.yaml'
-      - '!packages/ripple-storybook/**'
+      - ".github/workflows/nuxt.yml"
+      - "examples/nuxt-app/**"
+      - "packages/**"
+      - "pnpm-lock.yaml"
 jobs:
-  TestNuxt:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - name: Install pnpm
-        uses: pnpm/action-setup@v3
-        with:
-          version: 10.10.0
-          run_install: false
-      - name: Install Node
-        uses: actions/setup-node@v4
-        with:
-          node-version: 20
-          cache: 'pnpm'
-      - name: Install Dependencies
-        env:
-          PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
-        run: pnpm install --frozen-lockfile
-
-      - name: Build Example Nuxt app
-        run: pnpm -F nuxt-app build
-
-      # CLI tool is needed for mocks in perf test
-      # - name: Build CLI tool
-      #   run: pnpm -F nuxt-ripple-cli build
-
-      # - run: npm install ./packages/nuxt-ripple-cli --global
-      # Run lighthouse test against nuxt-app example
-      # TODO Turn lighthouse back on after unlighthouse is patched
-      # - name: Run lighthouse baseline test on nuxt-app
-      #   run: pnpm -F nuxt-app lighthouse:ci
-
   # run Cypress tests in example nuxt-app, record to Cypress cloud
   Integration:
     runs-on: ubuntu-latest
     steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-
+      - uses: actions/checkout@v4
       - name: Install pnpm
         uses: pnpm/action-setup@v3
         with:
           version: 10.10.0
+          run_install: false
       - name: Install Node
         uses: actions/setup-node@v4
         with:
+          always-auth: true
+          registry-url: https://npm.pkg.github.com/
           node-version: 20
-          cache: 'pnpm'
+          scope: "@dpc-sdp"
+          cache: "pnpm"
       - name: Install Dependencies
         env:
           PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
+          NODE_AUTH_TOKEN: ${{secrets.GPR_NPM_INSTALL_TOKEN}}
         run: pnpm install --frozen-lockfile
-
       - name: Cypress Integration (e2e) tests
         uses: cypress-io/github-action@v6
         env:
           CYPRESS_RECORD_KEY: ${{ secrets.CYPRESS_RECORD_KEY }}
-          TZ: 'Australia/Melbourne'
-          NUXT_PUBLIC_TIDE_BASE_URL: 'https://test.base.url'
-          NUXT_PUBLIC_SITE_URL: 'https://test.url'
-          NUXT_PUBLIC_TIDE_SITE: 'TEST_SITE'
-          NUXT_PUBLIC_API_URL: 'http://localhost:3001'
-          NUXT_PUBLIC_TIDE_APP_SEARCH_ENGINE_NAME: 'TEST_ENGINE'
-          NUXT_PUBLIC_TIDE_ELASTICSEARCH_HOST: 'TEST_HOST'
-          API_PORT: '3001'
-          LOG_LEVEL: 'debug'
+          TZ: "Australia/Melbourne"
+          NUXT_PUBLIC_TIDE_BASE_URL: "https://test.base.url"
+          NUXT_PUBLIC_SITE_URL: "https://test.url"
+          NUXT_PUBLIC_TIDE_SITE: "TEST_SITE"
+          NUXT_PUBLIC_API_URL: "http://localhost:3001"
+          NUXT_PUBLIC_TIDE_APP_SEARCH_ENGINE_NAME: "TEST_ENGINE"
+          NUXT_PUBLIC_TIDE_ELASTICSEARCH_HOST: "TEST_HOST"
+          API_PORT: "3001"
+          LOG_LEVEL: "debug"
           # DEBUG: '@cypress/github-action'
         with:
           record: true
           working-directory: examples/nuxt-app
           install: false
           build: pnpm build
           start: pnpm start
-          wait-on: 'http://localhost:3000/assets/fonts/VIC-Regular.woff2'
+          wait-on: "http://localhost:3000/assets/fonts/VIC-Regular.woff2"

.github/workflows/publish-canary.yml

@@ -22,14 +22,16 @@ jobs:
       - name: Install Node
         uses: actions/setup-node@v4
         with:
-          registry-url: 'https://npm.pkg.github.com/'
+          always-auth: true
+          registry-url: https://npm.pkg.github.com/
           node-version: 20
-          cache: 'pnpm'
-          scope: '@dpc-sdp'
+          scope: "@dpc-sdp"
+          cache: "pnpm"
       - name: Install Dependencies
         env:
           CYPRESS_INSTALL_BINARY: 0
           PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
+          NODE_AUTH_TOKEN: ${{secrets.GPR_NPM_INSTALL_TOKEN}}
         run: pnpm install --frozen-lockfile
       - name: Publish canary build to @next tag
         env:

.github/workflows/publish.yml

@@ -20,14 +20,16 @@ jobs:
       - name: Install Node
         uses: actions/setup-node@v4
         with:
-          registry-url: 'https://npm.pkg.github.com/'
+          always-auth: true
+          registry-url: https://npm.pkg.github.com/
           node-version: 20
-          cache: 'pnpm'
-          scope: '@dpc-sdp'
+          scope: "@dpc-sdp"
+          cache: "pnpm"
       - name: Install Dependencies
         env:
           CYPRESS_INSTALL_BINARY: 0
           PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
+          NODE_AUTH_TOKEN: ${{secrets.GPR_NPM_INSTALL_TOKEN}}
         run: pnpm install --frozen-lockfile
 
       - name: Bump versions for proper release

.npmrc

@@ -1,3 +1,4 @@
+@dpc-sdp:registry=https://npm.pkg.github.com
 shamefully-hoist=true
 shell-emulator=true
 auto-install-peers=true

.stylelintignore

@@ -2,7 +2,3 @@
 **/dist
 **/public
 **/src/assets
-**/src/styles/_vars.css
-**/.storybook/storybook.css
-**/storybook-static
-**/stories/components/**/*.vue