Lexical v0.27.1

.github/workflows/main.yml

@@ -7,28 +7,28 @@ jobs:
     runs-on: ${{ matrix.os }}
     strategy:
       matrix:
-        node: ['16.x']
+        node: ['20.x']
         os: [ubuntu-latest]
 
     steps:
       - name: Checkout repo and Cache pnpm modules
-        uses: actions/checkout@v2
+        uses: actions/checkout@v4
 
       - name: Cache pnpm modules
-        uses: actions/cache@v2
+        uses: actions/cache@v4
         with:
           path: ~/.pnpm-store
           key: ${{ runner.os }}-${{ hashFiles('**/pnpm-lock.yaml') }}
           restore-keys: |
             ${{ runner.os }}-
 
-      - uses: pnpm/action-setup@v2.1.0
+      - uses: pnpm/action-setup@v4
         with:
-          version: 8.3.1
+          version: 10
           run_install: true
 
       - name: Use Node ${{ matrix.node }}
-        uses: actions/setup-node@v1
+        uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node }}
           cache: 'pnpm'

.storybook/main.ts

@@ -1,20 +1,27 @@
 import type { StorybookConfig } from '@storybook/react-vite'
 const config: StorybookConfig = {
   stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
+
   addons: [
     '@storybook/addon-links',
     '@storybook/addon-essentials',
     '@storybook/addon-interactions',
+    '@chromatic-com/storybook'
   ],
+
   framework: {
     name: '@storybook/react-vite',
     options: {},
   },
+
   core: {
     disableTelemetry: true,
   },
-  docs: {
-    autodocs: 'tag',
-  },
+
+  docs: {},
+
+  typescript: {
+    reactDocgen: 'react-docgen-typescript'
+  }
 }
 export default config

.storybook/preview.ts

@@ -2,7 +2,6 @@ import type { Preview } from '@storybook/react'
 
 const preview: Preview = {
   parameters: {
-    actions: { argTypesRegex: '^on[A-Z].*' },
     controls: {
       matchers: {
         color: /(background|color)$/i,

biome.json

@@ -0,0 +1,48 @@
+{
+  "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
+  "vcs": { "enabled": false, "clientKind": "git", "useIgnoreFile": false },
+  "files": {
+    "ignoreUnknown": false,
+    "include": ["src", "test"],
+    "ignore": ["coverage", "dist"]
+  },
+  "formatter": {
+    "enabled": true,
+    "useEditorconfig": true,
+    "formatWithErrors": false,
+    "indentStyle": "space",
+    "indentWidth": 2,
+    "lineEnding": "lf",
+    "lineWidth": 80,
+    "attributePosition": "auto",
+    "bracketSpacing": true
+  },
+  "organizeImports": { "enabled": false },
+  "linter": {
+    "enabled": true,
+    "rules": { 
+		  "recommended": true,
+      "a11y": {
+        "noSvgWithoutTitle": "off"
+      }
+    }
+  },
+  "javascript": {
+    "formatter": {
+      "jsxQuoteStyle": "double",
+      "quoteProperties": "asNeeded",
+      "trailingCommas": "es5",
+      "semicolons": "asNeeded",
+      "arrowParentheses": "asNeeded",
+      "bracketSameLine": false,
+      "quoteStyle": "single",
+      "attributePosition": "auto",
+      "bracketSpacing": true
+    }
+  },
+  "json": {
+    "formatter": {
+      "enabled": false
+    }
+  }
+}

package.json

@@ -25,50 +25,51 @@
     "start": "vite",
     "build": "tsc && vite build",
     "test": "vitest",
-    "lint": "prettier --list-different src test",
-    "lint:fix": "prettier --write src test",
+    "lint": "biome check src/ test/",
+    "lint:fix": "biome check --write src/ test/",
     "prepare": "pnpm build",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"
   },
   "devDependencies": {
-    "@size-limit/preset-small-lib": "^8.2.4",
-    "@storybook/addon-essentials": "^7.0.7",
-    "@storybook/addon-interactions": "^7.0.7",
-    "@storybook/addon-links": "^7.0.7",
-    "@storybook/blocks": "^7.0.7",
-    "@storybook/react": "^7.0.7",
-    "@storybook/react-vite": "^7.0.7",
-    "@storybook/testing-library": "^0.0.14-next.2",
-    "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.1",
-    "@vitejs/plugin-react": "^4.0.0",
-    "babel-loader": "^9.1.2",
-    "happy-dom": "^9.10.1",
-    "husky": "^8.0.3",
-    "prettier": "^2.8.8",
+    "@biomejs/biome": "1.9.4",
+    "@chromatic-com/storybook": "^3.2.5",
+    "@size-limit/preset-small-lib": "^11.2.0",
+    "@storybook/addon-essentials": "^8.6.4",
+    "@storybook/addon-interactions": "^8.6.4",
+    "@storybook/addon-links": "^8.6.4",
+    "@storybook/blocks": "^8.6.4",
+    "@storybook/react": "^8.6.4",
+    "@storybook/react-vite": "^8.6.4",
+    "@storybook/test": "^8.6.4",
+    "@types/react": "^19.0.10",
+    "@types/react-dom": "^19.0.4",
+    "@vitejs/plugin-react": "^4.3.4",
+    "babel-loader": "^10.0.0",
+    "happy-dom": "^17.4.2",
+    "husky": "^9.1.7",
     "prop-types": "^15.8.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-is": "^18.2.0",
-    "storybook": "^7.0.7",
-    "tslib": "^2.5.0",
-    "typescript": "^5.0.4",
-    "vite": "^4.3.4",
-    "vite-plugin-css-injected-by-js": "^3.1.0",
-    "vite-plugin-dts": "^2.3.0",
-    "vitest": "^0.30.1"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-is": "^19.0.0",
+    "storybook": "^8.6.4",
+    "tslib": "^2.8.1",
+    "typescript": "^5.8.2",
+    "vite": "^6.2.1",
+    "vite-plugin-css-injected-by-js": "^3.5.2",
+    "vite-plugin-dts": "^4.5.3",
+    "vitest": "^3.0.8"
   },
   "dependencies": {
-    "@lexical/code": "^0.10.0",
-    "@lexical/link": "^0.10.0",
-    "@lexical/list": "^0.10.0",
-    "@lexical/markdown": "^0.10.0",
-    "@lexical/react": "^0.10.0",
-    "@lexical/rich-text": "^0.10.0",
-    "@lexical/selection": "^0.10.0",
-    "@lexical/table": "^0.10.0",
-    "@lexical/utils": "^0.10.0",
-    "lexical": "^0.10.0"
+    "@lexical/code": "^0.27.1",
+    "@lexical/link": "^0.27.1",
+    "@lexical/list": "^0.27.1",
+    "@lexical/markdown": "^0.27.1",
+    "@lexical/react": "^0.27.1",
+    "@lexical/rich-text": "^0.27.1",
+    "@lexical/selection": "^0.27.1",
+    "@lexical/table": "^0.27.1",
+    "@lexical/utils": "^0.27.1",
+    "lexical": "^0.27.1"
   }
 }