feat: update dependencies (#135)

* feat: update dependencies

* chore: update package-lock.json

* chore: migrate from `@sveltejs/kit@1.1.0-next.405` to `@sveltejs/kit@1.1.0-next.406`

* chore: upgrade to `@sveltejs/kit@1.1.0-next.461`

* chore: add vite as a dependency again

* chore: ci test on node 16 and 18, not on 14 anymore

.github/workflows/ci-test.yaml

@@ -16,7 +16,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [14.x, 16.x]
+        node-version: [16.x, 18.x]
         # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
 
     steps:

package.json

@@ -19,7 +19,7 @@
     "build:watch": "npm run build -- --watch",
     "build:svelte": "npm-run-all build:svelte:**",
     "build:svelte:prepare": "svelte-kit sync",
-    "build:svelte:package": "svelte-kit package",
+    "build:svelte:package": "svelte-package",
     "build:svelte:deprecated": "cpy --flat tools/dist-deprecated package/dist",
     "build:vanilla": "npm-run-all build:vanilla:**",
     "build:vanilla:clean": "del-cli package-vanilla",
@@ -53,47 +53,49 @@
     "@codemirror/lang-json": "^6.0.0",
     "@codemirror/language": "^6.2.1",
     "@codemirror/lint": "^6.0.0",
-    "@codemirror/search": "^6.1.0",
+    "@codemirror/search": "^6.2.0",
     "@codemirror/state": "^6.1.1",
-    "@codemirror/view": "^6.2.0",
+    "@codemirror/view": "^6.2.2",
     "@fontsource/fira-mono": "^4.5.9",
-    "@fortawesome/free-regular-svg-icons": "^6.1.2",
-    "@fortawesome/free-solid-svg-icons": "^6.1.2",
+    "@fortawesome/free-regular-svg-icons": "^6.2.0",
+    "@fortawesome/free-solid-svg-icons": "^6.2.0",
     "ajv-dist": "^8.11.0",
     "classnames": "^2.3.1",
     "codemirror": "^6.0.1",
-    "diff-sequences": "^28.1.1",
+    "diff-sequences": "^29.0.0",
     "immutable-json-patch": "^4.0.0",
     "jmespath": "^0.16.0",
     "json-source-map": "^0.6.1",
     "jsonrepair": "^2.2.1",
     "lodash-es": "^4.17.21",
     "memoize-one": "^6.0.0",
     "natural-compare-lite": "^1.4.0",
-    "sass": "^1.54.4",
+    "sass": "^1.54.8",
     "svelte": "^3.49.0",
     "svelte-awesome": "^3.0.0",
     "svelte-select": "^4.4.7",
     "svelte-simple-modal": "^1.4.1",
     "vanilla-picker": "^2.12.1"
   },
   "devDependencies": {
-    "@babel/core": "7.18.10",
+    "@babel/core": "7.18.13",
     "@babel/preset-env": "7.18.10",
-    "@commitlint/cli": "17.0.3",
-    "@commitlint/config-conventional": "17.0.3",
+    "@commitlint/cli": "17.1.2",
+    "@commitlint/config-conventional": "17.1.0",
     "@rollup/plugin-babel": "5.3.1",
     "@rollup/plugin-commonjs": "22.0.2",
     "@rollup/plugin-json": "4.1.0",
     "@rollup/plugin-node-resolve": "13.3.0",
-    "@rollup/plugin-typescript": "8.3.4",
-    "@sveltejs/kit": "1.0.0-next.405",
+    "@rollup/plugin-typescript": "8.4.0",
+    "@sveltejs/adapter-auto": "1.0.0-next.71",
+    "@sveltejs/kit": "1.0.0-next.461",
+    "@sveltejs/package": "1.0.0-next.3",
     "@types/cookie": "0.5.1",
     "@types/lodash-es": "4.17.6",
     "@types/mocha": "9.1.1",
-    "@typescript-eslint/eslint-plugin": "5.33.1",
-    "@typescript-eslint/parser": "5.33.1",
-    "cpy-cli": "4.1.0",
+    "@typescript-eslint/eslint-plugin": "5.36.1",
+    "@typescript-eslint/parser": "5.36.1",
+    "cpy-cli": "4.2.0",
     "del-cli": "5.0.0",
     "eslint": "8.22.0",
     "eslint-config-prettier": "8.5.0",
@@ -103,17 +105,17 @@
     "npm-run-all": "4.1.5",
     "prettier": "2.7.1",
     "prettier-plugin-svelte": "2.7.0",
-    "rollup": "2.78.0",
+    "rollup": "2.79.0",
     "rollup-plugin-dts": "4.2.2",
     "rollup-plugin-svelte": "7.1.0",
     "rollup-plugin-terser": "7.0.2",
     "standard-version": "9.5.0",
-    "svelte-check": "2.8.1",
+    "svelte-check": "2.9.0",
     "svelte-preprocess": "4.10.7",
-    "svelte2tsx": "0.5.14",
+    "svelte2tsx": "0.5.16",
     "ts-node": "10.9.1",
     "tslib": "2.4.0",
-    "typescript": "4.7.4",
-    "vite": "3.0.8"
+    "typescript": "4.8.2",
+    "vite": "3.1.0-beta.1"
   }
 }

src/lib/plugins/validator/createAjvValidator.ts

@@ -1,4 +1,4 @@
-import type AjvType from 'ajv'
+import type { Options } from 'ajv'
 import Ajv from 'ajv-dist'
 import type { JSONData } from 'immutable-json-patch'
 import { parsePath } from 'immutable-json-patch'
@@ -17,7 +17,7 @@ import { ValidationSeverity } from '../../types.js'
 export function createAjvValidator(
   schema: JSONData,
   schemaDefinitions: JSONData = undefined,
-  ajvOptions: AjvType.Options = undefined
+  ajvOptions: Options = undefined
 ): Validator {
   const ajv = new Ajv({
     allErrors: true,

src/routes/development.svelte → src/routes/development/+page.svelte

@@ -1,7 +1,3 @@
-<script context="module" lang="ts">
-  export const prerender = true
-</script>
-
 <script lang="ts">
   import {
     createAjvValidator,
@@ -13,7 +9,7 @@
     EditableValue,
     ReadonlyValue
   } from '$lib'
-  import { useLocalStorage } from '../lib/utils/localStorageUtils.js'
+  import { useLocalStorage } from '../../lib/utils/localStorageUtils.js'
   import { range } from 'lodash-es'
   import { tick } from 'svelte'
 
@@ -559,8 +555,8 @@ See https://github.com/sveltejs/kit/issues/981
 {/if}
 
 <style lang="scss">
-  @import '../lib/themes/jse-theme-dark.css';
-  @import 'examples/themes/jse-theme-big.css';
+  @import '../../lib/themes/jse-theme-dark.css';
+  @import '../themes/jse-theme-big.css';
 
   .demo-app {
     margin: -10px; // compensate for the padding of the root element

src/routes/development/+page.ts

@@ -0,0 +1 @@
+export const prerender = true

src/routes/examples/custom_value_renderer.svelte → src/routes/examples/custom_value_renderer/+page.svelte

@@ -1,6 +1,6 @@
 <script>
   import { EnumValue, JSONEditor, renderValue } from 'svelte-jsoneditor'
-  import ReadonlyPassword from './components/ReadonlyPassword.svelte'
+  import ReadonlyPassword from '../../components/ReadonlyPassword.svelte'
 
   let content = {
     text: undefined, // used when in text mode

src/routes/examples/switch_themes.svelte → src/routes/examples/switch_themes/+page.svelte

@@ -73,8 +73,8 @@
   //
   //    @import 'svelte-jsoneditor/themes/jse-theme-dark.css';
   //
-  @import '../../lib/themes/jse-theme-dark.css';
-  @import 'themes/jse-theme-big.css';
+  @import '../../../lib/themes/jse-theme-dark.css';
+  @import '../../themes/jse-theme-big.css';
 
   .page {
     width: 100%;

svelte.config.js

@@ -1,3 +1,4 @@
+import adapter from '@sveltejs/adapter-auto'
 import preprocess from 'svelte-preprocess'
 
 /** @type {import('@sveltejs/kit').Config} */
@@ -7,9 +8,11 @@ const config = {
   preprocess: preprocess(),
 
   kit: {
-    package: {
-      dir: 'package'
-    }
+    adapter: adapter()
+  },
+
+  package: {
+    dir: 'package'
   }
 }