WIP: Svelte 5

.eslintrc.cjs

@@ -1,25 +1,30 @@
 module.exports = {
   root: true,
-  parser: "@typescript-eslint/parser",
-  extends: ["eslint:recommended", "plugin:svelte/recommended", "plugin:@typescript-eslint/recommended", "prettier"],
-  ignorePatterns: ["dist", "src/lib/wasm_exec.js", "*.cjs"],
+  parser: '@typescript-eslint/parser',
+  extends: [
+    'eslint:recommended',
+    'plugin:svelte/recommended',
+    'plugin:@typescript-eslint/recommended',
+    'prettier'
+  ],
+  ignorePatterns: ['dist', 'src/lib/wasm_exec.js', '*.cjs'],
   overrides: [
     {
-      files: ["*.svelte"],
-      parser: "svelte-eslint-parser",
-      parserOptions: { parser: "@typescript-eslint/parser" },
-    },
+      files: ['*.svelte'],
+      parser: 'svelte-eslint-parser',
+      parserOptions: { parser: '@typescript-eslint/parser' }
+    }
   ],
   settings: {
-    "svelte/typescript": () => require("typescript"),
+    'svelte/typescript': () => require('typescript')
   },
   parserOptions: {
-    sourceType: "module",
-    ecmaVersion: 2020,
+    sourceType: 'module',
+    ecmaVersion: 2020
   },
   env: {
     browser: true,
     es2017: true,
-    node: true,
-  },
-};
+    node: true
+  }
+}

.github/workflows/build.yaml

@@ -21,7 +21,7 @@ jobs:
         uses: actions/setup-node@v3
         with:
           node-version: ${{ matrix.node-version }}
-          cache: "npm"
+          cache: 'npm'
       - run: npm install
       - run: npm run build
       - run: npm run build:package

.github/workflows/lint.yaml

@@ -17,7 +17,7 @@ jobs:
       - uses: actions/setup-node@v3
         with:
           node-version: 20.x
-          cache: "npm"
+          cache: 'npm'
       - run: npm install
       - run: npm run check
       - run: npm run lint

.github/workflows/release.yaml

@@ -13,7 +13,7 @@ jobs:
       - uses: actions/setup-node@v3
         with:
           node-version: 20.x
-          cache: "npm"
+          cache: 'npm'
 
       - run: npm install
 

.npmrc

@@ -1 +1 @@
-engine-strict=true
+22.20.0

.nvmrc

@@ -1 +1 @@
-20.11.0
+22.20.0

.prettierrc

@@ -1,5 +1,10 @@
 {
-  "printWidth": 120,
+  "semi": false,
+  "tabWidth": 2,
+  "printWidth": 100,
+  "singleQuote": true,
+  "trailingComma": "none",
   "plugins": ["prettier-plugin-svelte"],
+  "pluginSearchDirs": ["."],
   "overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
 }

README.md

@@ -34,25 +34,28 @@ An example `tailwind.config.cjs` file:
 ```js
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  content: ["./src/**/*.{html,js,svelte,ts}", "./node_modules/@invopop/gobl-builder/**/*.{html,js,svelte,ts}"],
+  content: [
+    './src/**/*.{html,js,svelte,ts}',
+    './node_modules/@invopop/gobl-builder/**/*.{html,js,svelte,ts}'
+  ],
   theme: {
-    extend: {},
+    extend: {}
   },
-  plugins: [],
-};
+  plugins: []
+}
 ```
 
 ## Usage
 
-Import and use the `GOBLBuilder` Svelte component. For example, using
+Import and use the `EnvelopeEditor` Svelte component. For example, using
 TypeScript:
 
 ```html
 <script lang="ts">
-  import GOBLBuilder from "@invopop/gobl-builder";
+  import { EnvelopeEditor } from '@invopop/gobl-builder'
 </script>
 
-<GOBLBuilder data="" jsonSchemaURL="https://gobl.org/draft-0/bill/invoice" />
+<EnvelopeEditor data="" jsonSchemaURL="https://gobl.org/draft-0/bill/invoice" />
 ```
 
 For further example usage, including directives for event handling, see