Add rendered-html gates, tidy the build and CI, clean up docs and preview (#2936)

.github/actions/setup/action.yml

@@ -0,0 +1,26 @@
+name: Set up the workspace
+description: Restore the turbo cache, install pnpm and Node.js, install the dependencies
+
+runs:
+  using: composite
+  steps:
+    - name: Cache turbo build setup
+      uses: actions/cache@v6
+      with:
+        path: .turbo
+        key: ${{ runner.os }}-turbo-${{ github.sha }}
+        restore-keys: |
+          ${{ runner.os }}-turbo-
+
+    - name: Install PNPM
+      uses: pnpm/action-setup@v6
+
+    - name: Set up Node.js
+      uses: actions/setup-node@v7
+      with:
+        node-version-file: '.nvmrc'
+        cache: 'pnpm'
+
+    - name: Install pnpm dependencies
+      run: pnpm install
+      shell: bash

.github/dependabot.yml

@@ -1,7 +1,9 @@
 version: 2
 updates:
   - package-ecosystem: "github-actions"
-    directory: "/"
+    directories:
+      - "/"
+      - "/.github/actions/setup"
     schedule:
       interval: "weekly"
     labels:

.github/workflows/build.yml

@@ -2,6 +2,9 @@ name: Build
 
 on:
   pull_request: null
+  push:
+    branches:
+      - dev
 
 permissions:
   contents: read
@@ -13,27 +16,17 @@ jobs:
       - name: Clone repository
         uses: actions/checkout@v7
 
-      - name: Cache turbo build setup
-        uses: actions/cache@v6
-        with: 
-          path: .turbo
-          key: ${{ runner.os }}-turbo-${{ github.sha }}
-          restore-keys: |
-            ${{ runner.os }}-turbo-
-
-      - name: Install PNPM
-        uses: pnpm/action-setup@v6
-
-      - name: Set up Node.js
-        uses: actions/setup-node@v7
-        with:
-          node-version-file: '.nvmrc'
-          cache: 'pnpm'
-
-      - run: node --version
-
-      - name: Install pnpm dependencies
-        run: pnpm install
+      - name: Set up the workspace
+        uses: ./.github/actions/setup
 
       - name: Build
         run: pnpm run build
+
+      - name: Install Playwright
+        run: pnpm exec playwright install --with-deps chromium
+
+      - name: Check rendered html
+        run: pnpm run check-html preview/dist docs/dist --quiet
+
+      - name: Check markup classes
+        run: pnpm run check-markup-classes --html preview/dist --html docs/dist --css preview/dist/dist/css --css preview/dist/dist/libs --css preview/dist/preview/css --css docs/dist/css --css docs/dist/preview/css

.github/workflows/bundlewatch.yml

@@ -18,31 +18,8 @@ jobs:
       - name: Clone repository
         uses: actions/checkout@v7
 
-      - name: Cache turbo build setup
-        uses: actions/cache@v6
-        with: 
-          path: .turbo
-          key: ${{ runner.os }}-turbo-${{ github.sha }}
-          restore-keys: |
-            ${{ runner.os }}-turbo-
-
-      - name: Install PNPM
-        uses: pnpm/action-setup@v6
-
-      - name: Set up Node.js
-        uses: actions/setup-node@v7
-        with:
-          node-version-file: '.nvmrc'
-          cache: 'pnpm'
-
-      - name: Set up Bundler
-        uses: ruby/setup-ruby@v1
-        with:
-          ruby-version: 3.2
-          bundler-cache: true
-
-      - name: Install pnpm dependencies
-        run: pnpm install --no-frozen-lockfile
+      - name: Set up the workspace
+        uses: ./.github/actions/setup
 
       - name: Run bundlewatch
         run: pnpm run bundlewatch

.github/workflows/js-tests.yml

@@ -17,17 +17,8 @@ jobs:
       - name: Clone repository
         uses: actions/checkout@v7
 
-      - name: Install PNPM
-        uses: pnpm/action-setup@v6
-
-      - name: Set up Node.js
-        uses: actions/setup-node@v7
-        with:
-          node-version-file: '.nvmrc'
-          cache: 'pnpm'
-
-      - name: Install dependencies
-        run: pnpm install
+      - name: Set up the workspace
+        uses: ./.github/actions/setup
 
       - name: Install Playwright Chromium
         run: pnpm exec playwright install --with-deps chromium

.github/workflows/lint.yml

@@ -2,6 +2,9 @@ name: Lint
 
 on:
   pull_request: null
+  push:
+    branches:
+      - dev
 
 permissions:
   contents: read
@@ -13,17 +16,8 @@ jobs:
       - name: Clone repository
         uses: actions/checkout@v7
 
-      - name: Install PNPM
-        uses: pnpm/action-setup@v6
-
-      - name: Set up Node.js
-        uses: actions/setup-node@v7
-        with:
-          node-version-file: '.nvmrc'
-          cache: 'pnpm'
-
-      - name: Install pnpm dependencies
-        run: pnpm install
+      - name: Set up the workspace
+        uses: ./.github/actions/setup
 
       - name: Lint
         run: pnpm run lint

.github/workflows/release.yml

@@ -24,25 +24,17 @@ jobs:
       - name: Checkout Repo
         uses: actions/checkout@v7
 
-      - name: Install PNPM
-        uses: pnpm/action-setup@v6
-
-      - name: Set up Node.js
-        uses: actions/setup-node@v7
-        with:
-          node-version-file: '.nvmrc'
-          cache: 'pnpm'
+      - name: Set up the workspace
+        uses: ./.github/actions/setup
 
       - name: Update npm # trusted publishing requires npm >= 11.5.1
         run: npm install -g npm@latest
 
-      - name: Install Dependencies
-        run: pnpm install
-
       - name: Build
         run: pnpm run build
 
       - name: Create release Pull Request or publish to NPM
+        id: changesets
         uses: changesets/action@v2
         with:
           version-script: pnpm run version
@@ -51,3 +43,13 @@ jobs:
           pr-title: "chore: update versions"
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+      # `pnpm run build` above zipped preview/dist into packages-zip/; attach it to
+      # the GitHub release that changesets/action just created for @tabler/core.
+      - name: Attach the preview zip to the GitHub release
+        if: steps.changesets.outputs.published == 'true'
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        run: |
+          version=$(node -p "require('./core/package.json').version")
+          gh release upload "@tabler/core@${version}" "packages-zip/tabler-${version}.zip" --clobber

.github/workflows/scss-tests.yml

@@ -17,17 +17,8 @@ jobs:
       - name: Clone repository
         uses: actions/checkout@v7
 
-      - name: Install PNPM
-        uses: pnpm/action-setup@v6
-
-      - name: Set up Node.js
-        uses: actions/setup-node@v7
-        with:
-          node-version-file: '.nvmrc'
-          cache: 'pnpm'
-
-      - name: Install dependencies
-        run: pnpm install
+      - name: Set up the workspace
+        uses: ./.github/actions/setup
 
       - name: Run SCSS tests
         run: pnpm --filter @tabler/core test:scss

.github/workflows/type-check.yml

@@ -17,26 +17,12 @@ jobs:
       - name: Clone repository
         uses: actions/checkout@v7
 
-      - name: Cache turbo build setup
-        uses: actions/cache@v6
-        with: 
-          path: .turbo
-          key: ${{ runner.os }}-turbo-${{ github.sha }}
-          restore-keys: |
-            ${{ runner.os }}-turbo-
-
-      - name: Install PNPM
-        uses: pnpm/action-setup@v6
-
-      - name: Set up Node.js
-        uses: actions/setup-node@v7
-        with:
-          node-version-file: '.nvmrc'
-          cache: 'pnpm'
-
-      - name: Install pnpm dependencies
-        run: pnpm install
+      - name: Set up the workspace
+        uses: ./.github/actions/setup
 
       - name: Run type-check
         run: pnpm run type-check
 
+      - name: Type-check the build scripts
+        run: pnpm run type-check:build
+