Add GH Action for CI, fix Stylelint errors

.github/workflows/ci.yml

@@ -0,0 +1,181 @@
+name: CI
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    branches:
+      - main
+
+jobs:
+  build:
+    name: Build Dependencies
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Setup Bun
+        uses: oven-sh/setup-bun@v2
+        with:
+          bun-version: latest
+
+      - name: Cache dependencies
+        uses: actions/cache@v4
+        with:
+          path: ~/.bun/install/cache
+          key: ${{ runner.os }}-bun-${{ hashFiles('**/bun.lock') }}
+          restore-keys: |
+            ${{ runner.os }}-bun-
+
+      - name: Install dependencies
+        run: bun install --frozen-lockfile
+
+      - name: Build precision-diffs
+        run: bun run diffs:build
+
+      - name: Build storage-elements-next
+        run: bun run storage-elements-next:build
+
+      - name: Build docs (generates .source)
+        run: bun run docs:build
+
+      - name: Upload build artifacts
+        uses: actions/upload-artifact@v4
+        with:
+          name: build-output
+          path: |
+            packages/precision-diffs/dist/
+            packages/storage-elements-next/dist/
+            apps/docs/.source/
+            apps/docs/.next/
+          retention-days: 1
+
+  eslint:
+    name: ESLint
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Setup Bun
+        uses: oven-sh/setup-bun@v2
+        with:
+          bun-version: latest
+
+      - name: Cache dependencies
+        uses: actions/cache@v4
+        with:
+          path: ~/.bun/install/cache
+          key: ${{ runner.os }}-bun-${{ hashFiles('**/bun.lock') }}
+          restore-keys: |
+            ${{ runner.os }}-bun-
+
+      - name: Install dependencies
+        run: bun install --frozen-lockfile
+
+      - name: Download build artifacts
+        uses: actions/download-artifact@v4
+        with:
+          name: build-output
+
+      - name: Run ESLint
+        run: bun run lint
+
+  stylelint:
+    name: Stylelint
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Setup Bun
+        uses: oven-sh/setup-bun@v2
+        with:
+          bun-version: latest
+
+      - name: Cache dependencies
+        uses: actions/cache@v4
+        with:
+          path: ~/.bun/install/cache
+          key: ${{ runner.os }}-bun-${{ hashFiles('**/bun.lock') }}
+          restore-keys: |
+            ${{ runner.os }}-bun-
+
+      - name: Install dependencies
+        run: bun install --frozen-lockfile
+
+      - name: Run Stylelint
+        run: bun run lint:css
+
+  prettier:
+    name: Prettier
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Setup Bun
+        uses: oven-sh/setup-bun@v2
+        with:
+          bun-version: latest
+
+      - name: Cache dependencies
+        uses: actions/cache@v4
+        with:
+          path: ~/.bun/install/cache
+          key: ${{ runner.os }}-bun-${{ hashFiles('**/bun.lock') }}
+          restore-keys: |
+            ${{ runner.os }}-bun-
+
+      - name: Install dependencies
+        run: bun install --frozen-lockfile
+
+      - name: Run Prettier check
+        run: bun run format:check
+
+  typecheck:
+    name: TypeScript
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Setup Bun
+        uses: oven-sh/setup-bun@v2
+        with:
+          bun-version: latest
+
+      - name: Cache dependencies
+        uses: actions/cache@v4
+        with:
+          path: ~/.bun/install/cache
+          key: ${{ runner.os }}-bun-${{ hashFiles('**/bun.lock') }}
+          restore-keys: |
+            ${{ runner.os }}-bun-
+
+      - name: Install dependencies
+        run: bun install --frozen-lockfile
+
+      - name: Download build artifacts
+        uses: actions/download-artifact@v4
+        with:
+          name: build-output
+
+      - name: Type check - precision-diffs
+        run: bun run diffs:tsc
+
+      - name: Type check - demo
+        run: bun run demo:tsc
+
+      # mdo-do: Restore docs type checking once Fumadocs are removed
+      # - name: Type check - docs
+      #   run: bun run docs:tsc
+
+      - name: Type check - storage-elements
+        run: bun run storage-elements:tsc

.stylelintignore

@@ -1,3 +1,6 @@
+# Demo app
+apps/demo/src/styles.css
+
 # Dependencies
 node_modules/
 **/node_modules/

.vscode/settings.json

@@ -29,8 +29,9 @@
   "files.associations": {
     "*.css": "tailwindcss"
   },
-  "stylelint.validate": ["css"],
+  "stylelint.validate": ["css", "postcss"],
   "css.validate": false,
+  "postcss.validate": false,
   "stylelint.snippet": ["css"],
   "[yaml]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"

apps/demo/src/style.css

@@ -45,8 +45,8 @@ body,
   display: block;
   margin: 0;
   padding: 0;
-  min-height: 100vh;
   min-width: 100dvw;
+  min-height: 100vh;
   min-height: 100dvh;
   overscroll-behavior: none;
   touch-action: manipulation;
@@ -61,7 +61,7 @@ textarea {
   appearance: none;
   border-radius: 0;
   border: 1px solid var(--fg);
-  padding: 4px 4px;
+  padding: 4px;
   outline: none;
   resize: none;
   margin: 0;
@@ -163,7 +163,7 @@ code {
 .files-input {
   position: fixed;
   z-index: 20;
-  inset: 50px 0 0 0;
+  inset: 50px 0 0;
   padding: 10px;
   display: grid;
   grid-template-columns: 1fr 1fr;