Regex visualizator - beta + svelte5

.github/workflows/tests.yaml

@@ -65,13 +65,13 @@ jobs:
     steps:
       - uses: pnpm/action-setup@v4
         with:
-          version: 8
+          version: 9
       - name: Checkout
         uses: actions/checkout@v4
       - name: build and test
         run: |
           cd website
-          pnpm install
+          pnpm install --frozen-lockfile
           pnpm run lint
 
   build-website:
@@ -81,13 +81,13 @@ jobs:
     steps:
       - uses: pnpm/action-setup@v4
         with:
-          version: 8
+          version: 9
       - name: Checkout
         uses: actions/checkout@v4
       - name: build and test
         run: |
           cd website
-          pnpm install
+          pnpm install --frozen-lockfile
           pnpm run build
           pnpm run test:unit
 
@@ -98,7 +98,7 @@ jobs:
     steps:
       - uses: pnpm/action-setup@v4
         with:
-          version: 8
+          version: 9
       - uses: actions/checkout@v4
       - name: Install deps
         run: |

website/.eslintrc.cjs

@@ -1,30 +1,30 @@
 module.exports = {
-	root: true,
-	extends: [
-		'eslint:recommended',
-		'plugin:@typescript-eslint/recommended',
-		'plugin:svelte/recommended',
-		'prettier'
-	],
-	parser: '@typescript-eslint/parser',
-	plugins: ['@typescript-eslint'],
-	parserOptions: {
-		sourceType: 'module',
-		ecmaVersion: 2020,
-		extraFileExtensions: ['.svelte']
-	},
-	env: {
-		browser: true,
-		es2017: true,
-		node: true
-	},
-	overrides: [
-		{
-			files: ['*.svelte'],
-			parser: 'svelte-eslint-parser',
-			parserOptions: {
-				parser: '@typescript-eslint/parser'
-			}
-		}
-	]
+  root: true,
+  extends: [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:svelte/recommended",
+    "prettier",
+  ],
+  parser: "@typescript-eslint/parser",
+  plugins: ["@typescript-eslint"],
+  parserOptions: {
+    sourceType: "module",
+    ecmaVersion: 2020,
+    extraFileExtensions: [".svelte"],
+  },
+  env: {
+    browser: true,
+    es2017: true,
+    node: true,
+  },
+  overrides: [
+    {
+      files: ["*.svelte"],
+      parser: "svelte-eslint-parser",
+      parserOptions: {
+        parser: "@typescript-eslint/parser",
+      },
+    },
+  ],
 };

website/.prettierrc.toml

@@ -0,0 +1,3 @@
+tabWidth = 2
+plugins = ["prettier-plugin-svelte"]
+ overrides = [{ files = "*.svelte", options = { parser = "svelte" }}]

website/package.json

@@ -1,49 +1,51 @@
 {
-	"name": "website",
-	"version": "0.0.1",
-	"private": true,
-	"packageManager": "pnpm@9.15.9",
-	"scripts": {
-		"dev": "vite dev",
-		"build": "vite build",
-		"preview": "vite preview",
-		"test": "pnpm run test:integration && pnpm run test:unit",
-		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-		"lint": "prettier --plugin-search-dir . --check . && eslint .",
-		"format": "prettier --plugin-search-dir . --write .",
-		"test:integration": "playwright test",
-		"test:integration-ui": "playwright test --ui",
-		"test:unit": "vitest"
-	},
-	"devDependencies": {
-		"@playwright/test": "^1.45.2",
-		"@sveltejs/adapter-auto": "^3.0.0",
-		"@sveltejs/adapter-node": "^2.0.0",
-		"@sveltejs/kit": "^2.0.0",
-		"@sveltejs/vite-plugin-svelte": "^3.0.0",
-		"@typescript-eslint/eslint-plugin": "^6.21.0",
-		"@typescript-eslint/parser": "^6.21.0",
-		"@zerodevx/svelte-toast": "^0.9.5",
-		"autoprefixer": "^10.4.19",
-		"eslint": "^8.57.0",
-		"eslint-config-prettier": "^8.10.0",
-		"eslint-plugin-svelte": "^2.43.0",
-		"monaco-editor": "0.40.0",
-		"postcss": "^8.4.39",
-		"prettier": "^2.8.8",
-		"prettier-plugin-svelte": "^2.10.1",
-		"svelte": "^4.2.18",
-		"svelte-adapter-bun": "^0.5.2",
-		"svelte-check": "^3.8.4",
-		"tailwindcss": "^3.4.6",
-		"tslib": "^2.6.3",
-		"typescript": "^5.5.3",
-		"vite": "^5.0.0",
-		"vitest": "^1.0.0"
-	},
-	"type": "module",
-	"dependencies": {
-		"monaco-vim": "^0.4.1"
-	}
+  "name": "website",
+  "version": "0.0.1",
+  "private": true,
+  "packageManager": "pnpm@9.15.9",
+  "scripts": {
+    "dev": "vite dev",
+    "build": "vite build",
+    "preview": "vite preview",
+    "test": "pnpm run test:integration && pnpm run test:unit",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+    "lint": "prettier --check . && eslint .",
+    "format": "prettier --write .",
+    "test:integration": "playwright test",
+    "test:integration-ui": "playwright test --ui",
+    "test:unit": "vitest"
+  },
+  "devDependencies": {
+    "@gregofi1/regex-tooling": "^0.0.6",
+    "@playwright/test": "^1.45.2",
+    "@sveltejs/adapter-auto": "^3.0.0",
+    "@sveltejs/adapter-node": "^2.0.0",
+    "@sveltejs/kit": "^2.5.27",
+    "@sveltejs/vite-plugin-svelte": "^4.0.0",
+    "@typescript-eslint/eslint-plugin": "^6.21.0",
+    "@typescript-eslint/parser": "^6.21.0",
+    "@viz-js/viz": "^3.14.0",
+    "@zerodevx/svelte-toast": "^0.9.6",
+    "autoprefixer": "^10.4.19",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^8.10.0",
+    "eslint-plugin-svelte": "^2.45.1",
+    "monaco-editor": "0.52.2",
+    "postcss": "^8.4.39",
+    "prettier": "^3.1.0",
+    "prettier-plugin-svelte": "^3.2.6",
+    "svelte": "^5.0.0",
+    "svelte-adapter-bun": "^0.5.2",
+    "svelte-check": "^4.0.0",
+    "tailwindcss": "^3.4.6",
+    "tslib": "^2.6.3",
+    "typescript": "^5.5.3",
+    "vite": "^5.4.4",
+    "vitest": "^1.0.0"
+  },
+  "type": "module",
+  "dependencies": {
+    "monaco-vim": "^0.4.1"
+  }
 }

website/playwright.config.ts

@@ -1,11 +1,11 @@
-import type { PlaywrightTestConfig } from '@playwright/test';
+import type { PlaywrightTestConfig } from "@playwright/test";
 
 const config: PlaywrightTestConfig = {
-	use: {
-		baseURL: 'http://localhost:80'
-	},
-	testDir: 'tests',
-	testMatch: /(.+\.)?(test|spec)\.[jt]s/
+  use: {
+    baseURL: "http://localhost:80",
+  },
+  testDir: "tests",
+  testMatch: /(.+\.)?(test|spec)\.[jt]s/,
 };
 
 export default config;