Svelte を用いてコードブロックプロセッサを実装し直した

0918nobita · May 11, 2024 · 4652891 · 4652891
1 parent 91c649a
commit 4652891
Show file tree

Hide file tree

Showing 25 changed files with 591 additions and 2,488 deletions.
diff --git a/.prettierrc.js b/.prettierrc.js
@@ -0,0 +1,6 @@
+/** @type {import('prettier').Config} */
+export default {
+    plugins: ['prettier-plugin-svelte'],
+    singleQuote: true,
+    semi: true,
+};
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
@@ -0,0 +1,7 @@
+{
+    "recommendations": [
+        "editorconfig.editorconfig",
+        "esbenp.prettier-vscode",
+        "svelte.svelte-vscode"
+    ]
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,6 @@
+{
+    "svelte.enable-ts-plugin": true,
+    "[svelte]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    }
+}
diff --git a/index.html b/index.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<html lang="ja">
+    <head>
+        <meta charset="utf-8" />
+        <title>Playground</title>
+    </head>
+    <body>
+        <script type="module" src="src/playground.ts"></script>
+    </body>
+</html>
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -2,31 +2,29 @@
     "name": "@0918nobita/obsidian-zhongwen-block",
     "version": "0.6.2",
     "description": "An Obsidian plugin which provides code blocks with features for Chinese learners",
+    "license": "MIT",
     "private": "true",
     "type": "module",
     "scripts": {
+        "dev": "vite dev",
         "build": "vite build",
         "lint": "eslint .",
         "format": "prettier --write .",
         "format:check": "prettier --check ."
     },
     "devDependencies": {
+        "@sveltejs/vite-plugin-svelte": "3.1.0",
         "@types/node": "20.12.11",
-        "@vanilla-extract/vite-plugin": "4.0.9",
         "eslint": "8.57.0",
-        "globals": "15.1.0",
+        "globals": "15.2.0",
         "obsidian": "1.5.7-1",
         "prettier": "3.2.5",
+        "prettier-plugin-svelte": "3.2.3",
         "typescript": "5.4.5",
         "typescript-eslint": "7.8.0",
         "vite": "5.2.11"
     },
     "dependencies": {
-        "@vanilla-extract/css": "1.15.1",
         "pinyin-pro": "3.20.4"
-    },
-    "prettier": {
-        "semi": true,
-        "singleQuote": true
     }
 }
diff --git a/src/code-block-processor/container.ts b/src/code-block-processor/container.ts
diff --git a/src/code-block-processor/hidden-zh-char.ts b/src/code-block-processor/hidden-zh-char.ts
diff --git a/src/code-block-processor/index.ts b/src/code-block-processor/index.ts
diff --git a/src/code-block-processor/measure-width.ts b/src/code-block-processor/measure-width.ts
diff --git a/src/code-block-processor/memo.ts b/src/code-block-processor/memo.ts
diff --git a/src/code-block-processor/pinyin-line.ts b/src/code-block-processor/pinyin-line.ts
diff --git a/src/code-block-processor/pinyin-span.ts b/src/code-block-processor/pinyin-span.ts
diff --git a/src/code-block-processor/render.ts b/src/code-block-processor/render.ts