Open-source themer.dev

Author: mjswensen

.devcontainer/devcontainer.json

@@ -4,8 +4,11 @@
   "remoteUser": "node",
   "customizations": {
     "vscode": {
-      "extensions": ["esbenp.prettier-vscode"]
+      "extensions": ["esbenp.prettier-vscode", "svelte.svelte-vscode"]
     }
   },
-  "postCreateCommand": "cd cli && npm install"
+  "postCreateCommand": {
+    "install cli dependencies": "cd cli && npm install",
+    "install web dependencies": "cd web && npm install"
+  }
 }

.github/workflows/main.yml

@@ -6,14 +6,47 @@ env:
   CI: true
 
 jobs:
-  test:
+  test-cli-unit:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
-      - name: Run tests
+      - name: Run CLI unit tests
         uses: devcontainers/[email protected]
         with:
           push: never
           runCmd: |
             cd cli
             npm run test
+  test-web-unit:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - name: Run web unit tests
+        uses: devcontainers/[email protected]
+        with:
+          push: never
+          runCmd: |
+            cd web
+            npm run test:unit
+  lint-web:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - name: Lint web
+        uses: devcontainers/[email protected]
+        with:
+          push: never
+          runCmd: |
+            cd web
+            npm run lint
+  svelte-check-web:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - name: Run svelte-check
+        uses: devcontainers/[email protected]
+        with:
+          push: never
+          runCmd: |
+            cd web
+            npm run check

.vscode/settings.json

@@ -1,6 +1,7 @@
 {
   "editor.defaultFormatter": "esbenp.prettier-vscode",
   "editor.formatOnSave": true,
+  "editor.tabSize": 2,
   "cSpell.words": [
     "alacritty",
     "bbedit",

web/.eslintignore

@@ -0,0 +1,10 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+
+package-lock.json

web/.eslintrc.cjs

@@ -0,0 +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'
+			}
+		}
+	]
+};

web/.gitignore

@@ -0,0 +1,11 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+/test-results
+.env
+.env.*
+!.env.example
+vite.config.js.timestamp-*
+vite.config.ts.timestamp-*

web/.npmrc

@@ -0,0 +1,2 @@
+engine-strict=true
+resolution-mode=highest

web/.prettierignore

@@ -0,0 +1,10 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+
+package-lock.json

web/.prettierrc

@@ -0,0 +1,8 @@
+{
+	"useTabs": true,
+	"singleQuote": true,
+	"trailingComma": "none",
+	"printWidth": 100,
+	"plugins": ["prettier-plugin-svelte"],
+	"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
+}