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

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

Hide file tree

Showing 26 changed files with 972 additions and 2,536 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/eslint.config.js b/eslint.config.js
@@ -1,48 +1,71 @@
-// @ts-check
-
-import eslint from '@eslint/js';
+import js from '@eslint/js';
+import ts from '@typescript-eslint/eslint-plugin';
+import tsParser from '@typescript-eslint/parser';
+import svelte from 'eslint-plugin-svelte';
 import globals from 'globals';
-import tseslint from 'typescript-eslint';
+import svelteParser from 'svelte-eslint-parser';
+
+const tsRules = {
+ ...ts.configs['strict-type-checked'].rules,
+ ...ts.configs['stylistic-type-checked'].rules,
+
+ '@typescript-eslint/array-type': [
+ 'error',
+ {
+ default: 'array-simple',
+ readonly: 'array-simple',
+ },
+ ],
+};
 
 /** @type {import('typescript-eslint').Config} */
 export default [
+ js.configs.recommended,
+
  {
  ignores: ['dist'],
  },
-
  {
  languageOptions: {
  globals: {
  ...globals.browser,
- ...globals.nodeBuiltin,
  },
  },
  },
 
- eslint.configs.recommended,
-
  {
- files: ['**/*.ts'],
+ ignores: ['.prettierrc.js', '*.config.{js,mjs}'],
+ plugins: {
+ '@typescript-eslint': ts,
+ },
  languageOptions: {
+ parser: tsParser,
  parserOptions: {
- project: true,
- tsconfigRootDir: import.meta.dirname,
+ project: './tsconfig.json',
+ parser: tsParser,
+ extraFileExtensions: ['.svelte'],
  },
  },
+ rules: tsRules,
  },
 
  {
- files: ['**/*.js'],
- ...tseslint.configs.disableTypeChecked,
+ files: ['**/*.svelte'],
+ plugins: {
+ svelte,
+ },
+ processor: svelte.processors.svelte,
+ languageOptions: {
+ parser: svelteParser,
+ parserOptions: {
+ project: './tsconfig.json',
+ parser: tsParser,
+ extraFileExtensions: ['.svelte'],
+ },
+ },
+ rules: {
+ ...svelte.configs.base.rules,
+ ...svelte.configs.recommended.rules,
+ },
  },
-
- ...tseslint.configs.recommendedTypeChecked.map((config) => ({
- ...config,
- files: ['**/*.ts'],
- })),
-
- ...tseslint.configs.stylisticTypeChecked.map((config) => ({
- ...config,
- files: ['**/*.ts'],
- })),
 ];
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>