v4.0.0 - Adds compatibility with Ladle v4 (#9)

* Upgrades all dependencies to the latest (except eslint because there are peer dependencies still requiring ^18.3.0)
* Fixes AddonDialog so it uses the same pattern as the Ladle ui modal (DialogOverlay instead of just the Dialog)
* Updates version to match major Ladle version (v4.0.0)
* Updates GitHub action versions
* Updates project to use node 20

Author: hiddenist

.eslintrc.json

@@ -26,8 +26,5 @@
       { "argsIgnorePattern": "^_", "varsIgnorePattern": "^_" }
     ]
   },
-  "ignorePatterns": [
-    "node_modules/**/*",
-    "dist/**/*"
-  ]
+  "ignorePatterns": ["node_modules/**/*", "dist/**/*", "build/**/*"]
 }

.github/workflows/ci.yml

@@ -3,15 +3,16 @@ name: CI
 on:
   push:
     branches:
-     - main
+      - main
   pull_request:
     types: [opened, synchronize]
   workflow_dispatch:
-    lint_fix:
-      description: "lint:fix"
-      required: false
-      type: boolean
-      default: true
+    inputs:
+      lint_fix:
+        description: "lint:fix"
+        required: false
+        type: boolean
+        default: true
 
 concurrency:
   group: ${{ github.workflow }}-${{ github.ref }}
@@ -24,12 +25,12 @@ jobs:
   lint:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
       - name: install pnpm
         run: |
           npm i -g pnpm
           pnpm -v
-      - uses: actions/setup-node@v3
+      - uses: actions/setup-node@v4
         with:
           cache: "pnpm"
           node-version-file: ".nvmrc"
@@ -40,7 +41,7 @@ jobs:
       - run: pnpm lint:fix
         if: ${{ fromJSON(env.LINT_FIX) }}
       - name: Commit linter fixes
-        uses: stefanzweifel/git-auto-commit-action@v4
+        uses: stefanzweifel/git-auto-commit-action@8621497c8c39c72f3e2a999a26b4ca1b5058a842 #v5
         if: ${{ fromJSON(env.LINT_FIX) }}
         with:
           commit_message: "automated commit: pnpm lint:fix"

.gitignore

@@ -13,6 +13,7 @@ _node_modules
 
 # build files
 dist
+build
 tsconfig.tsbuildinfo
 
 # IDE configs

.nvmrc

@@ -1 +1 @@
-v18.4.0
+v20.9.0

README.md

@@ -7,6 +7,8 @@
 
 [Ladle](https://github.com/tajo/ladle) doesn't officially support third party addons yet. Now we can pretend it does!
 
+Confirmed to work up through `@ladle/react` version ^4.10.0.
+
 - [Quick Start](#quick-start)
 - [Customization](#customization)
 - [How this package works](#how-this-package-works)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ladle-inject-custom-addons",
-  "version": "0.2.0",
+  "version": "4.0.0",
   "description": "Adds a button to the Ladle addon bar",
   "files": [
     "dist",
@@ -57,26 +57,26 @@
     "react-dom": "^18"
   },
   "devDependencies": {
-    "@ladle/react": "^2.13.0",
-    "@types/node": "^20.2.5",
-    "@types/react": "^18.2.12",
-    "@types/react-dom": "^18.2.4",
-    "@types/styled-components": "^5.1.26",
-    "@typescript-eslint/eslint-plugin": "^5.56.0",
-    "@typescript-eslint/parser": "^5.56.0",
-    "eslint": "^8.42.0",
-    "eslint-config-prettier": "^8.8.0",
-    "eslint-plugin-jsx-a11y": "^6.7.1",
-    "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-react": "^7.32.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "prettier": "^2.8.8",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "@ladle/react": "^4.1.0",
+    "@types/node": "^20.14.8",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@types/styled-components": "^5.1.34",
+    "@typescript-eslint/eslint-plugin": "^7.14.1",
+    "@typescript-eslint/parser": "^7.14.1",
+    "eslint": "^8.56.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-jsx-a11y": "^6.9.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-react": "^7.34.3",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "prettier": "^3.3.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "react-feather": "^2.0.10",
-    "styled-components": "^5.0.0",
-    "tsup": "^6.7.0",
-    "typescript": "^5.1.3"
+    "styled-components": "^6.1.11",
+    "tsup": "^8.1.0",
+    "typescript": "^5.5.2"
   },
   "resolutions": {
     "styled-components": "^5"