feat: introduce custom transformers (#190)

Author: o-az

.changeset/README.md

@@ -0,0 +1,8 @@
+# Changesets
+
+Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
+with multi-package repos, or single-package repos to help you version and publish your code. You can
+find the full documentation for it [in our repository](https://github.com/changesets/changesets)
+
+We have a quick list of common questions to get you started engaging with this project in
+[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)

.changeset/config.json

@@ -0,0 +1,14 @@
+{
+  "$schema": "https://unpkg.com/@changesets/[email protected]/schema.json",
+  "changelog": [
+    "@changesets/changelog-github",
+    { "repo": "rehype-pretty/rehype-pretty-code" }
+  ],
+  "commit": false,
+  "fixed": [],
+  "linked": [],
+  "access": "restricted",
+  "baseBranch": "master",
+  "updateInternalDependencies": "patch",
+  "ignore": []
+}

.git-blame-ignore-revs

@@ -0,0 +1,5 @@
+# add commit SHA to ignore
+
+# GitHub can use this file to ignore certain commits when calculating the blame for a file.
+# This is useful for ignoring commits that are not relevant to the code,
+# such as large formatting changes: for example changing quotes from single to double.

.gitattributes

@@ -1,8 +1,7 @@
 * text=auto
 
-/test/results/** linguist-generated
-/test/fixtures/** linguist-generated text eol=lf
+**/test/results/** linguist-generated
+**/test/fixtures/** linguist-generated text eol=lf
 
-*.lockb binary diff=lockb
 biome.json linguist-language=JSON-with-Comments
 .vscode/*.json linguist-language=JSON-with-Comments

.github/workflows/checks.yml

@@ -23,22 +23,36 @@ jobs:
       - name: 'Checkout'
         uses: actions/checkout@v4
 
-      - name: '🐰 Setup Bun'
-        uses: oven-sh/setup-bun@v1
+      - name: 'Setup pnpm'
+        uses: pnpm/action-setup@v3
         with:
-          bun-version: 'latest'
+          version: 9.0.4
+
+      - name: 'Setup Node.js'
+        uses: actions/setup-node@v4
+        with:
+          node-version: 'lts/*'
+          cache: 'pnpm'
 
       - name: 'Install Dependencies'
-        run: bun install --frozen-lockfile
+        run: pnpm install
 
       - name: 'Lint'
-        run: bun lint
+        run: |
+          pnpm format
+          pnpm lint
           
       - name: 'Type Check'
-        run: bun typecheck
+        run: pnpm typecheck
 
       - name: 'Build'
-        run: bun run build
+        run: pnpm build
 
       - name: 'Test'
-        run: bun run test
+        run: pnpm test
+
+      - name: 'Check Dependencies'
+        run: pnpm dlx sherif@latest
+
+      - name: 'Check Packages'
+        run: pnpm check-package

.github/workflows/release.yml

@@ -5,65 +5,50 @@ permissions:
 
 on:
   push:
-    tags:
-      - 'v*'
+    branches: ['main', 'next']
 
 defaults:
   run:
     shell: bash
 
+concurrency: ${{ github.workflow }}-${{ github.ref }}
+
 env:
   NODE_OPTIONS: '--no-warnings'
   NEXT_TELEMETRY_DISABLED: '1'
   ACTIONS_RUNNER_DEBUG: true
 
 jobs:
-  changelog:
-    name: 'Generate Changelog'
+  release:
+    name: 'Release'
     runs-on: ['ubuntu-latest']
     steps:
-      - name: 'Checkout'
+      - name: 'Checkout Repository'
         uses: actions/checkout@v4
-        with:
-          fetch-depth: 0
 
-      - name: '🐰 Setup Bun'
-        uses: oven-sh/setup-bun@v1
+      - name: 'Setup pnpm'
+        uses: pnpm/action-setup@v3
         with:
-          bun-version: 'latest'
-
-      - name: 'Generate Changelog'
-        run: bunx changelogithub
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          version: 'latest'
 
-  publish-npm:
-    name: 'NPM Registry'
-    needs: [changelog]
-    permissions:
-      id-token: write
-      contents: write
-    runs-on: ['ubuntu-latest']
-    steps:
-      - name: 'Checkout'
-        uses: actions/checkout@v4
-
-      - name: '🐰 Setup Bun'
-        uses: oven-sh/setup-bun@v1
+      - name: 'Setup Node.js'
+        uses: actions/setup-node@v4
         with:
-          bun-version: 'latest'
+          cache: 'pnpm'
+          node-version: 'lts/*'
+          registry-url: 'https://registry.npmjs.org'
 
       - name: 'Install Dependencies'
-        run: bun install --frozen-lockfile
+        run: pnpm install --frozen-lockfile
 
-        # this action will take the npm auth token and write it to .npmrc
-      - uses: actions/setup-node@v4
+      - name: 'Changesets'
+        id: changesets
+        uses: changesets/action@v1
         with:
-          node-version: 'lts/*'
-          registry-url: 'https://registry.npmjs.org'
-
-      - name: 'Publish to NPM'
-        run: |
-          npm publish --access='public' --no-git-checks
+          publish: pnpm release
+          version: pnpm dlx bun ${{github.workspace }}/scripts/changeset-update-version.ts
         env:
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+          NPM_GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.gitignore

@@ -17,3 +17,7 @@ out
 *.tgz
 .astro
 _
+.turbo
+.tsup
+.env
+!.env.example

.husky/pre-commit

@@ -0,0 +1,7 @@
+shell-emulator=true
+shamefully-hoist=true
+enable-pre-post-scripts=true
+ignore-workspace-root-check=true
+@jsr:registry=https://npm.jsr.io
+//npm.pkg.github.com/:_authToken=NPM_GITHUB_TOKEN
+

.npmrc

@@ -11,8 +11,6 @@
     "plaintext": "html"
   },
   "biome.enabled": true,
-  // "biome.rename": true,
-  // "biome.searchInPath": true,
   // format & lint settings
   "editor.formatOnSave": true,
   "editor.codeActionsOnSave": {
@@ -27,7 +25,7 @@
   "[javascriptreact]": { "editor.defaultFormatter": "biomejs.biome" },
   "[json]": { "editor.defaultFormatter": "biomejs.biome" },
   "[jsonc]": { "editor.defaultFormatter": "biomejs.biome" },
-  "[astro]": { "editor.defaultFormatter": "biomejs.biome" },
+  "[astro]": { "editor.defaultFormatter": "astro-build.astro-vscode" },
   "[svelte]": { "editor.defaultFormatter": "biomejs.biome" },
   "files.associations": {
     "biome.json": "jsonc",
@@ -38,6 +36,7 @@
     "**/dist": true,
     "public/*.js": true,
     "**/node_modules": true,
+    "**/pnpm-lock.yaml": true,
     "**/package-lock.json": true
   }
 }

.vscode/settings.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "./node_modules/@biomejs/biome/configuration_schema.json",
+  "$schema": "https://biomejs.dev/schemas/1.7.0/schema.json",
   "vcs": {
     "root": ".",
     "enabled": true,
@@ -14,13 +14,14 @@
       "*.mjs",
       "*.jsx",
       "*.tsx",
+      "*.css",
       "*.d.ts",
       "*.json",
       "*.jsonc",
       "*.astro",
       "*.svelte"
     ],
-    "ignore": ["node_modules", "dist", "_"],
+    "ignore": ["node_modules", "dist", "_", ".turbo"],
     "ignoreUnknown": true
   },
   "organizeImports": {
@@ -30,7 +31,7 @@
     "formatter": {
       "enabled": true,
       "indentWidth": 2,
-      "lineWidth": 100,
+      "lineWidth": 80,
       "quoteStyle": "double",
       "indentStyle": "space"
     },
@@ -40,59 +41,42 @@
   },
   "formatter": {
     "enabled": true,
-    "lineWidth": 100,
+    "lineWidth": 80,
     "indentWidth": 2,
     "indentStyle": "space",
-    "formatWithErrors": true,
-    "include": [
-      "*.ts",
-      "*.js",
-      "*.cjs",
-      "*.mjs",
-      "*.jsx",
-      "*.tsx",
-      "*.d.ts",
-      "*.json",
-      "*.jsonc",
-      "*.astro",
-      "*.svelte"
-    ]
+    "formatWithErrors": true
   },
   "linter": {
-    "include": [
-      "*.ts",
-      "*.js",
-      "*.cjs",
-      "*.mjs",
-      "*.jsx",
-      "*.tsx",
-      "*.d.ts",
-      "*.json",
-      "*.jsonc",
-      "*.astro",
-      "*.svelte"
-    ],
     "enabled": true,
     "rules": {
       "all": true,
       "style": {
         "noDefaultExport": "off",
         "useFragmentSyntax": "off",
+        "noImplicitBoolean": "off",
+        "noNamespaceImport": "off",
         "useBlockStatements": "off",
         "useNamingConvention": "off",
         "useShorthandArrayType": "off",
         "useSelfClosingElements": "off",
         "noUnusedTemplateLiteral": "off",
-        "useConsistentArrayType": { "level": "warn", "options": { "syntax": "generic" } }
+        "useConsistentArrayType": {
+          "level": "warn",
+          "options": { "syntax": "generic" }
+        }
+      },
+      "performance": {
+        "noBarrelFile": "off",
+        "noAccumulatingSpread": "off"
       },
       "a11y": { "noSvgWithoutTitle": "off" },
-      "performance": { "noAccumulatingSpread": "off" },
       "correctness": { "noUndeclaredVariables": "off" },
       "nursery": {
         "noNodejsModules": "off"
       },
       "suspicious": {
         "useAwait": "off",
+        "noConsoleLog": "off",
         "noExplicitAny": "off",
         "noEmptyInterface": "off",
         "noConfusingVoidType": "off"
@@ -117,7 +101,14 @@
     }
   },
   "javascript": {
-    "globals": ["NodeJS", "Astro", "NEXT_TELEMETRY_DISABLED"],
+    "globals": [
+      "NodeJS",
+      "Astro",
+      "DO_NOT_TRACK",
+      "NEXT_TELEMETRY_DISABLED",
+      "ASTRO_TELEMETRY_DISABLED",
+      "TURBO_TELEMETRY_DISABLED"
+    ],
     "parser": {
       "unsafeParameterDecoratorsEnabled": true
     },
@@ -129,6 +120,8 @@
       "quoteStyle": "single",
       "trailingComma": "all",
       "semicolons": "always",
+      "bracketSpacing": true,
+      "bracketSameLine": false,
       "jsxQuoteStyle": "double",
       "arrowParentheses": "always",
       "quoteProperties": "asNeeded"

biome.json

@@ -3,11 +3,25 @@ import tailwind from '@astrojs/tailwind';
 import { defineConfig } from 'astro/config';
 import rehypePrettyCode from 'rehype-pretty-code';
 import moonlightTheme from './public/theme/moonlight-ii.json';
+import { copyButtonTransformer } from '@rehype-pretty/transformers';
 
 export default defineConfig({
   markdown: {
     syntaxHighlight: false,
-    rehypePlugins: [[rehypePrettyCode, { theme: moonlightTheme }]],
+    rehypePlugins: [
+      [
+        rehypePrettyCode,
+        {
+          theme: moonlightTheme,
+          transformers: [
+            copyButtonTransformer({
+              visibility: 'hover',
+              feedbackDuration: 3_500,
+            }),
+          ],
+        },
+      ],
+    ],
   },
   integrations: [mdx(), tailwind()],
 });