fix: og image previews

.github/labeler.yml

@@ -0,0 +1,4 @@
+changeset-added:
+- any:
+  - changed-files:
+    - any-glob-to-any-file: ['.changeset/*']

.github/pull_request_template.md

@@ -1,8 +1,9 @@
 ### Description
 
-Summary of the change.
+Fixes:
 
 ### Checklist
 
-- [ ] My changes generate no new warnings
-- [ ] I've done a self-review of this pull request
+- [ ] I have self-reviewed the code and added `AI-PR-Review` label.
+- [ ] These changes don't generate any new warnings in the terminal/browser console.
+- [ ] This PR has new components/utils and tests have been added for them (if applicable).

.github/workflows/checklist.yml

@@ -0,0 +1,60 @@
+name: Checklist
+
+on:
+  pull_request:
+    types:
+      - opened
+      - reopened
+      - edited
+      - synchronize
+      - ready_for_review
+      - labeled
+  workflow_run:
+    workflows: ["Labeler"]
+    types:
+      - completed
+
+jobs:
+  detect:
+    name: Detect
+    runs-on: self-hosted
+    outputs:
+      checked: ${{ steps.detect.outputs.checked }}
+      unchecked: ${{ steps.detect.outputs.unchecked }}
+
+    steps:
+      - name: Checkbox Trigger
+        id: detect
+        uses: karlderkaefer/github-action-checkbox-trigger@v1
+        with:
+          github-token: ${{ github.token }}
+          action: detect
+      - name: List changes
+        run: |
+          echo "checked=${{ steps.detect.outputs.checked }}"
+          echo "unchecked=${{ steps.detect.outputs.unchecked }}"
+
+  verify:
+    name: Verify
+    needs: [detect]
+    runs-on: self-hosted
+    steps:
+      - name: Self-review
+        if: |
+          github.event.pull_request.draft == false &&
+          contains(needs.detect.outputs.unchecked, 'I have self-reviewed the code and added `AI-PR-Review` label.')
+        uses: actions/github-script@v7
+        with:
+          script: |
+            core.setFailed('Please self-review the code and address AI-PR-Review comments before requesting a review.')
+
+      - name: Changeset
+        if: |
+          github.event.workflow_run.conclusion == 'success' &&
+          github.event.pull_request.draft == false &&
+          !(contains(github.event.pull_request.labels.*.name, 'changeset-not-applicable') ||
+          contains(github.event.pull_request.labels.*.name, 'changeset-added'))
+        uses: actions/github-script@v7
+        with:
+          script: |
+            core.setFailed('Please add changeset or add the changeset-not-applicable label to the PR.')

.github/workflows/labeler.yml

@@ -0,0 +1,18 @@
+name: Labeler
+
+on: pull_request_target
+
+jobs:
+  labeler:
+    name: Label
+    permissions:
+      contents: read
+      pull-requests: write
+
+    runs-on: self-hosted
+
+    steps:
+      - name: Add labels
+        uses: actions/labeler@v5
+        with:
+          sync-labels: true

.prettierrc.json

@@ -0,0 +1,3 @@
+{
+  "printWidth": 105
+}

docs/posts/check-package.md

@@ -1,6 +1,6 @@
 ---
-title: "[WIP] Linting npm packages"
-date: "2023-03-30"
+title: "Linting npm packages"
+date: "2024-12-22"
 ---
 
 Publishing an npm package is a very different experience from writing locally shared code and can come with a lot of daunting challenges. Thankfully, there are multiple tools out there today that help us validate our published package.

docs/posts/npm-library.md

@@ -52,7 +52,7 @@ However, it doesn't support customising any Rollup options which you might need
 
 ## Tsdx
 
-Tsdx is a popular zero-config CLI for TypeScript package development. However, it's not maintained anymore and is not recommended for use. Rollup's preserveModules is also not officially supported: [https://github.com/formium/tsdx/issues/276](https://github.com/formium/tsdx/issues/276).
+Tsdx is a popular zero-config CLI for TypeScript package development. However, it's not maintained anymore and is not recommended for use. Rollup's `preserveModules` is also not officially supported: [https://github.com/formium/tsdx/issues/276](https://github.com/formium/tsdx/issues/276).
 
 > Have questions? [Discuss on Twitter](https://x.com/cse_as)
 

next.config.mjs

@@ -26,4 +26,7 @@ export default {
   // Todo: This is temporary until the below issue is resolved
   // https://github.com/vercel/next.js/issues/46267
   typescript: { ignoreBuildErrors: true },
+
+  // Todo: check why css is not loading from hazel-ui
+  transpilePackages: ["hazel-ui"],
 };