refactor: Adds support for Twoslash-Eslint and makes Twoslasher selection more dynamic (#80)

* feat: add Twoslash ESLint support and documentation

- Introduced support for Twoslash ESLint in the expressive-code-twoslash package.
- Added a new ESLint option for defining types of code blocks.
- Created documentation for Twoslash ESLint integration with usage examples.
- Updated pnpm workspace configuration to include twoslash-eslint dependency.

* docs: enhance Twoslash ESLint integration description for clarity

* feat: add themes configuration to EC-Twoslash

* fix: remove unnecessary await from shouldTransform function call

* fix: add missing await to shouldTransform function call in ecTwoSlash

* feat: disable syntax highlighting in markdown configuration

* feat: disable built-in syntax highlighting in Astro configuration

* feat: add ESLint configuration options for Twoslash instance

* feat: add documentation for PluginTwoslashOptions interface

* fix: ensure getTwoslasher returns null when no valid function is found

* feat: comment out shikiColorizedBrackets plugin configuration in ec.config.mjs

* fix: add missing addedIn field to Twoslash ESLint documentation

* refactor: remove shikiColorizedBrackets plugin and related theme files from configuration

* feat: re-organize sidebar

* fix: update TypeScript Twoslasher description to include hyperlink

* feat: add usage instructions for ESLint and Vue integrations in documentation

* fix: update reference to Twoslash ESLint documentation in ESLint integration guide

* fix: add eslint to ignored dependencies in Renovate configuration

* fix: remove unused @types/eslint dependency from package.json and pnpm-lock.yaml

Author: Adammatthiesen

.changeset/huge-hoops-say.md

@@ -0,0 +1,23 @@
+---
+"expressive-code-twoslash": minor
+---
+
+Adds support for Twoslash Eslint
+
+Adds a new Eslint option for defining types of codeblocks.
+
+Example usage:
+
+``````md
+
+```ts eslint
+const unused = 1
+
+type Foo = {
+  bar: string
+}
+```
+
+``````
+
+This will cause two eslint errors as annotations in the code

.github/renovate.json

@@ -22,5 +22,6 @@
 			"matchManagers": ["npm"],
 			"matchFileNames": ["playground/**"]
 		}
-	]
+	],
+	"ignoreDeps": ["eslint"]
 }

docs/astro.config.mts

@@ -11,6 +11,10 @@ const ogImageUrl = new URL("/og.png", site).href;
 // https://astro.build/config
 export default defineConfig({
 	site,
+	markdown: {
+		// Disable Astro's built-in syntax highlighting since Expressive Code will handle it for us, and to avoid conflicts between the two.
+		syntaxHighlight: false,
+	},
 	integrations: [
 		starlight({
 			title: "Expressive Code Twoslash",

docs/ec.config.mjs

@@ -1,10 +1,6 @@
 import { defineEcConfig } from "@astrojs/starlight/expressive-code";
 import ectwoslash from "expressive-code-twoslash";
-import shikiColorizedBrackets from "./plugins/shiki-color-brackets/index.js";
 
 export default defineEcConfig({
 	plugins: [ectwoslash()],
-	shiki: {
-		transformers: [shikiColorizedBrackets()],
-	},
 });

docs/package.json

@@ -16,6 +16,7 @@
 		"@types/mdast": "^4.0.4",
 		"astro": "catalog:",
 		"astro-expressive-code": "catalog:ec",
+		"eslint": "^9.39.2",
 		"expressive-code-twoslash": "workspace:*",
 		"mdast-util-from-markdown": "catalog:mdast",
 		"mdast-util-to-markdown": "^2.1.2",