feat!: Add support for CM6

.editorconfig

@@ -6,29 +6,12 @@ root = true
 
 [*]
 charset = utf-8
-indent_size = 4
-indent_style = tab
+indent_size = 2
+indent_style = space
 end_of_line = lf
 insert_final_newline = true
 trim_trailing_whitespace = true
 
-# go
-[*.go]
-indent_style = tab
-indent_size = 4
-
-# python
-[*.{ini,py,py.tpl,rst}]
-indent_size = 4
-
-# rust
-[*.rs]
-indent_size = 4
-
 # documentation, utils
 [*.{md,mdx,diff}]
 trim_trailing_whitespace = false
-
-# windows shell scripts
-[*.{cmd,bat,ps1}]
-end_of_line = crlf

.github/workflows/build.yml

@@ -0,0 +1,20 @@
+name: Build
+
+on:
+  workflow_dispatch:
+  push:
+    branches: [main]
+  pull_request:
+    branches: [main]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: pnpm/action-setup@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 22
+          cache: pnpm
+      - uses: pnpm build

.github/workflows/github-pages.yml

@@ -0,0 +1,38 @@
+name: Deploy to GitHub Pages
+
+on:
+  push:
+    branches: [main]
+  workflow_dispatch:
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: pnpm/action-setup@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 22
+          cache: pnpm
+      - uses: pnpm build
+      - run: cp dist/index.js demo
+      - uses: actions/upload-pages-artifact@v3
+        with:
+          path: "demo/"
+
+  deploy:
+    needs: build
+    runs-on: ubuntu-latest
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

.gitignore

@@ -1 +1,3 @@
-node_modules/
+/node_modules
+package-lock.json
+dist

README.md

@@ -1,7 +1,7 @@
 <h3 align="center">
 	<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/logos/exports/1544x1544_circle.png" width="100" alt="Logo"/><br/>
 	<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/misc/transparent.png" height="30" width="0px"/>
-	Catppuccin for <a href="https://codemirror.net/5/">CodeMirror</a><sup>v5</sup>
+	Catppuccin for <a href="https://codemirror.net/5/">CodeMirror</a><sup>v6</sup>
 	<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/misc/transparent.png" height="30" width="0px"/>
 </h3>
 
@@ -12,55 +12,47 @@
 </p>
 
 <p align="center">
-	<img src="assets/previews/preview.webp"/>
+	<img src="assets/preview.webp"/>
 </p>
 
 ## Previews
 
 <details>
 <summary>🌻 Latte</summary>
-<img src="assets/previews/latte.webp"/>
+<a href="https://catppuccin.github.io/codemirror/#latte"><img src="assets/latte.webp"/></a>
 </details>
 <details>
 <summary>🪴 Frappé</summary>
-<img src="assets/previews/frappe.webp"/>
+<a href="https://catppuccin.github.io/codemirror/#frappe"><img src="assets/frappe.webp"/></a>
 </details>
 <details>
 <summary>🌺 Macchiato</summary>
-<img src="assets/previews/macchiato.webp"/>
+<a href="https://catppuccin.github.io/codemirror/#macchiato"><img src="assets/macchiato.webp"/></a>
 </details>
 <details>
 <summary>🌿 Mocha</summary>
-<img src="assets/previews/mocha.webp"/>
+<a href="https://catppuccin.github.io/codemirror/#mocha"><img src="assets/mocha.webp"/></a>
 </details>
 
 ## Usage
 
-From the [official CodeMirror docs](https://codemirror.net/5/doc/manual.html#:~:text=that%20same%20separator.-,theme,-%3A%20string),
-
-> You must make sure the desired CSS file defining the corresponding .cm-s-[name] styles is loaded (see the theme directory in the distribution).
-
-1. Make sure to add desired css file to your project by copying it from this repository
-2. Set CodeMirror editor instance's `theme` option to the name corresponding to your palette choice from following table.
-
 ```js
-const editor = CodeMirror.fromTextArea(document.getElementById("code"));
-editor.setOption("theme", "ctp-mocha"); // set theme to Catppuccin Mocha
+import { EditorView, basicSetup } from "codemirror"
+import { catppuccinLatte } from "@catppuccin/codemirror"
+
+const editor = new EditorView({
+	doc: "...",
+	parent: document.body
+	extensions: [basicSetup, catppuccinLatte], // or catppuccinFrappe, catppuccinMacchiato, catppuccinMocha
+})
 ```
 
-Check out the [demo](demo) for reference.
-
-| Palette   | Name          |
-| --------- | ------------- |
-| Latte     | ctp-latte     |
-| Frappé    | ctp-frappe    |
-| Macchiato | ctp-macchiato |
-| Mocha     | ctp-mocha     |
+Check out the [demo](codemirror.catppuccin.com) for reference.
 
 ## 🙋 FAQ
 
--   Q: **_Will this work with latest version of CodeMirror (v6)?_**\
-    A: No. It will need additional work to port v6.
+- Q: **_Is this compatible with CodeMirror5?_**\
+  A: No. But you can [go back in time](https://github.com/catppuccin/codemirror/tree/aa73c1a1797c97964afcd4a3023353913ec609cb) and find what you want!
 
 ## 💝 Thanks to
 
@@ -70,12 +62,13 @@ This repository currently has no maintainers.
 
 **Past Maintainer(s)**
 
--   [griimick](https://github.com/griimick)
+- [griimick](https://github.com/griimick)
 
 **Inspiration and Contribution**
 
--   [marijnh](https://github.com/marijnh) for [CodeMirror](https://github.com/codemirror/codemirror5)
--   [ghostx31](https://github.com/ghostx31/) for [catppuccin/joplin](https://github.com/catppuccin/joplin)
+- [marijnh](https://github.com/marijnh) for [CodeMirror](https://github.com/codemirror/codemirror5)
+- [ghostx31](https://github.com/ghostx31/) for [catppuccin/joplin](https://github.com/catppuccin/joplin)
+- [BuonOmo](https://github.com/BuonOmo) for CodeMirror v6 support
 
 &nbsp;