chore: commit formats

Author: barelyhuman

.github/workflows/docs.yml

@@ -1,61 +1,61 @@
 name: Deploy to Pages
 
 on:
-    push:
-        branches: ['main']
-    workflow_dispatch:
+  push:
+    branches: ['main']
+  workflow_dispatch:
 
 permissions:
-    contents: read
-    pages: write
-    id-token: write
+  contents: read
+  pages: write
+  id-token: write
 
 concurrency:
-    group: 'pages'
-    cancel-in-progress: false
+  group: 'pages'
+  cancel-in-progress: false
 
 env:
-    BUILD_PATH: '.'
+  BUILD_PATH: '.'
 
 jobs:
-    build:
-        name: Build
-        runs-on: ubuntu-latest
-        steps:
-            - name: Checkout
-              uses: actions/checkout@v4
-            - uses: pnpm/action-setup@v4
-              with:
-                  version: 9
-            - name: Setup Node
-              uses: actions/setup-node@v4
-              with:
-                  node-version: '20'
-                  cache: pnpm
-                  cache-dependency-path: pnpm-lock.yaml
-            - name: Setup Pages
-              id: pages
-              uses: actions/configure-pages@v5
-            - name: Install dependencies
-              run: pnpm i --frozen-lockfile
-              working-directory: ${{ env.BUILD_PATH }}
-            - name: Build
-              run: |
-                  pnpm build --pathprefix "${{ steps.pages.outputs.base_path }}"
-              working-directory: ${{ env.BUILD_PATH }}
-            - name: Upload artifact
-              uses: actions/upload-pages-artifact@v3
-              with:
-                  path: ${{ env.BUILD_PATH }}/_site
+  build:
+    name: Build
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - uses: pnpm/action-setup@v4
+        with:
+          version: 9
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          cache: pnpm
+          cache-dependency-path: pnpm-lock.yaml
+      - name: Setup Pages
+        id: pages
+        uses: actions/configure-pages@v5
+      - name: Install dependencies
+        run: pnpm i --frozen-lockfile
+        working-directory: ${{ env.BUILD_PATH }}
+      - name: Build
+        run: |
+          pnpm build --pathprefix "${{ steps.pages.outputs.base_path }}"
+        working-directory: ${{ env.BUILD_PATH }}
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: ${{ env.BUILD_PATH }}/_site
 
-    deploy:
-        environment:
-            name: github-pages
-            url: ${{ steps.deployment.outputs.page_url }}
-        needs: build
-        runs-on: ubuntu-latest
-        name: Deploy
-        steps:
-            - name: Deploy to GitHub Pages
-              id: deployment
-              uses: actions/deploy-pages@v4
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    needs: build
+    runs-on: ubuntu-latest
+    name: Deploy
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

.husky/pre-commit

@@ -0,0 +1 @@
+pnpm nano-staged

.nano-staged.js

@@ -0,0 +1,22 @@
+import path, { join } from 'node:path'
+
+export default api => {
+  const actions = [prettify(api), packageSync(api)].filter(Boolean)
+  return actions
+}
+
+function prettify(api) {
+  const prettierFiles = api.filenames
+    .filter(file =>
+      ['.js', '.css', '.njk', '.html', '.json'].includes(path.extname(file))
+    )
+    .join(' ')
+  return prettierFiles.length > 0 ? `prettier --write ${prettierFiles}` : ``
+}
+
+function packageSync(api) {
+  const hasPackageJSON = api.filenames
+    .map(d => join(d.replace(process.cwd(), '.')))
+    .some(d => d === 'package.json')
+  return hasPackageJSON ? `pnpm dedupe` : null
+}

_plugins/purge.js

@@ -1,59 +1,59 @@
-import { purgeCSSPlugin } from '@fullhuman/postcss-purgecss';
-import fs from 'fs';
-import postCSS from 'postcss';
-import glob from 'tiny-glob';
-import MinifyCSS from 'clean-css';
+import { purgeCSSPlugin } from '@fullhuman/postcss-purgecss'
+import fs from 'fs'
+import postCSS from 'postcss'
+import glob from 'tiny-glob'
+import MinifyCSS from 'clean-css'
 
-import { extname, join } from 'node:path';
+import { extname, join } from 'node:path'
 
 export async function purgePlugin(eleventyConfig) {
   eleventyConfig.on(
     'eleventy.after',
     async ({ directories, results, runMode, outputMode }) => {
-      await purge(directories);
+      await purge(directories)
     }
-  );
+  )
 }
 
 export async function purge(directories) {
-  const inputDir = directories.output;
+  const inputDir = directories.output
 
   const requiredFiles = await glob('**/*.{html,css}', {
     cwd: join(process.cwd(), inputDir),
     absolute: true,
-  });
+  })
 
-  const cssFiles = [];
-  const htmlFiles = [];
+  const cssFiles = []
+  const htmlFiles = []
 
   for (let file of requiredFiles) {
     if (extname(file) === '.css') {
-      cssFiles.push(file);
+      cssFiles.push(file)
     }
     if (extname(file) === '.html') {
-      htmlFiles.push(file);
+      htmlFiles.push(file)
     }
   }
 
   for (let file of cssFiles) {
-    const sourceCSS = await fs.promises.readFile(file, 'utf8');
+    const sourceCSS = await fs.promises.readFile(file, 'utf8')
     const allCSS = await postCSS([
       purgeCSSPlugin({
         content: htmlFiles,
         variables: true,
         keyframes: true,
-        defaultExtractor: (content) => content.match(/[\w-:./]+(?<!:)/g) || [],
+        defaultExtractor: content => content.match(/[\w-:./]+(?<!:)/g) || [],
       }),
     ])
       .process(sourceCSS, {
         from: file,
         to: file,
       })
-      .catch((error) => {
-        console.log(error);
-      });
+      .catch(error => {
+        console.log(error)
+      })
 
-    const minifiedCSS = new MinifyCSS().minify(allCSS.css).styles;
-    await fs.promises.writeFile(file, minifiedCSS, 'utf8');
+    const minifiedCSS = new MinifyCSS().minify(allCSS.css).styles
+    await fs.promises.writeFile(file, minifiedCSS, 'utf8')
   }
 }

eleventy.config.js

@@ -1,17 +1,17 @@
-import { EleventyHtmlBasePlugin } from '@11ty/eleventy';
-import { purgePlugin } from './_plugins/purge.js';
+import { EleventyHtmlBasePlugin } from '@11ty/eleventy'
+import { purgePlugin } from './_plugins/purge.js'
 
-import criticalCss from 'eleventy-critical-css';
+import criticalCss from 'eleventy-critical-css'
 
 export default function (eleventyConfig) {
-  eleventyConfig.addPlugin(criticalCss);
+  eleventyConfig.addPlugin(criticalCss)
   eleventyConfig.addPassthroughCopy({
     './public/': '/',
-  });
+  })
   eleventyConfig.addPassthroughCopy({
     './node_modules/shed-css/dist/index.css':
       '/node_modules/shed-css/dist/index.css',
-  });
-  eleventyConfig.addPlugin(EleventyHtmlBasePlugin);
-  eleventyConfig.addPlugin(purgePlugin);
+  })
+  eleventyConfig.addPlugin(EleventyHtmlBasePlugin)
+  eleventyConfig.addPlugin(purgePlugin)
 }

package.json

@@ -1,23 +1,29 @@
 {
   "name": "tinytownstudio.github.io",
   "version": "1.0.0",
+  "description": "",
+  "keywords": [],
+  "license": "ISC",
+  "author": "",
+  "type": "module",
   "main": "index.js",
   "scripts": {
+    "build": "eleventy",
     "dev": "eleventy --serve",
-    "build": "eleventy"
+    "prepare": "husky"
   },
-  "keywords": [],
-  "author": "",
-  "license": "ISC",
-  "description": "",
-  "type": "module",
+  "prettier": "@barelyhuman/prettier-config",
   "devDependencies": {
     "@11ty/eleventy": "^3.0.0",
-    "clean-css": "^5.3.3",
-    "shed-css": "^1.4.0",
+    "@barelyhuman/prettier-config": "^2.0.2",
     "@fullhuman/postcss-purgecss": "^7.0.2",
+    "clean-css": "^5.3.3",
     "eleventy-plugin-purgecss": "^0.5.0",
+    "husky": "^9.1.7",
+    "nano-staged": "^0.8.0",
     "postcss": "^8.5.1",
+    "prettier": "^3.4.2",
+    "shed-css": "^1.4.0",
     "tiny-glob": "^0.2.9"
   }
 }