feat/tsconfig workers (#74)

* feat: add cloudflare workers preset

* refactor: extend `cloudflare-workers` preset in hono

* chore: changeset

.changeset/metal-berries-boil.md

@@ -0,0 +1,5 @@
+---
+"@virtual-live-lab/tsconfig": patch
+---
+
+Add Cloudflare Workers preset

packages/tsconfig/README.md

@@ -9,7 +9,8 @@ TypeScript configuration for Virtual Live Lab.
 
 - `astro`: Configuration for Astro.
 - `base`: Basic configuration.
-- `hono`: Configuration for Hono.
+- `cloudflare-workers`: Configuration for Cloudflare Workers.
+- `hono`: Configuration for Hono. Automatically extends `cloudflare-workers`.
 - `library`: Configuration for library.
 - `nextjs`: Configuration for Next.js.
 - `react`: Configuration for React.
@@ -22,10 +23,10 @@ TypeScript configuration for Virtual Live Lab.
 ## Installation
 
 ```bash
-npm install @virtual-live-lab/tsconfig --save-dev
+npm install typescript @virtual-live-lab/tsconfig --save-dev
 ```
 
-### Use presets except Astro
+### Use Normal presets
 
 ```json
 // tsconfig.json
@@ -38,11 +39,11 @@ npm install @virtual-live-lab/tsconfig --save-dev
 
 ### Use Astro preset
 
+> [!TIP]
+> TypeScript Plugin is required to worker properly outside of VSCode.
+
 ```bash
-npm install prettier \
-  @virtual-live-lab/tsconfig \
-  typescript \
-  @astrojs/ts-plugin \
+npm install @astrojs/ts-plugin \
   --save-dev
 ```
 
@@ -55,6 +56,22 @@ npm install prettier \
 }
 ```
 
+### Use Cloudflare Workers preset
+
+```bash
+npm install @cloudflare/workers-types \
+  --save-dev
+```
+
+```json
+// tsconfig.json
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "extends": "@virtual-live-lab/tsconfig/cloudflare-workers",
+  // your configuration
+}
+```
+
 ## License
 
 [MIT](https://choosealicense.com/licenses/mit/)

packages/tsconfig/cloudflare-workers.json

@@ -0,0 +1,12 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "display": "Cloudflare Workers",
+  "extends": "./base.json",
+  "compilerOptions": {
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "lib": ["ESNext"],
+    "types": ["@cloudflare/workers-types"]
+  }
+}

packages/tsconfig/hono.json

@@ -1,14 +1,9 @@
 {
   "$schema": "https://json.schemastore.org/tsconfig",
   "display": "Hono",
-  "extends": "./base.json",
+  "extends": "./cloudflare-workers.json",
   "compilerOptions": {
-    "target": "ESNext",
-    "module": "ESNext",
-    "moduleResolution": "Bundler",
     "jsx": "react-jsx",
-    "jsxImportSource": "hono/jsx",
-    "lib": ["ESNext"],
-    "types": ["@cloudflare/workers-types"]
+    "jsxImportSource": "hono/jsx"
   }
 }

packages/tsconfig/package.json

@@ -5,6 +5,14 @@
   "files": [
     "*.json"
   ],
+  "peerDependencies": {
+    "@cloudflare/workers-types": "^4.20240419.0"
+  },
+  "peerDependenciesMeta": {
+    "@cloudflare/workers-types": {
+      "optional": true
+    }
+  },
   "devDependencies": {
     "@cloudflare/workers-types": "^4.20240419.0"
   },