Merge branch 'feature/svelte5'

* feature/svelte5:
  5.0.0-svelte5.5
  v5.0.0-svelte5.5
  chore: Updated some core packages and regenrerated some test snapshots
  removed SvelteComponent from component module
  5.0.0-svelte5.4
  Update svg.d.ts to use new Component type instead of the deprecated ComponentType type
  5.0.0-svelte5.3
  fix(package): Fix Svelte peerDependency to explicitly allow for pre-release versions
  5.0.0-svelte5.2
  fix: Remove query string from sources in sourcemap sources array
  chore: Regenerated lock files
  chore: Updated snapshots
  5.0.0-svelte5.1
  5.0.0-svelte5.0
  chore: Updated changelog
  "Experimental" support for Svelte 5

Author: poppa

CHANGELOG.md

@@ -7,6 +7,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - _(empty)_
 
+## [5.0.0-svelte5.0] 2024-01-13
+
+### Added
+
+- Support for Svelte 5 (Experimental)
+
 ## [4.2.1] 2024-01-14
 
 ### Changed

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@poppanator/sveltekit-svg",
-  "version": "4.2.1",
+  "version": "5.0.0-svelte5.5",
   "description": "Import SVG files as Svelte components",
   "private": false,
   "keywords": [
@@ -73,26 +73,25 @@
   "homepage": "https://github.com/poppa/sveltekit-svg#readme",
   "devDependencies": {
     "@playwright/test": "^1.40.1",
-    "@types/node": "^15.14.9",
+    "@types/node": "^20.10.7",
     "@typescript-eslint/eslint-plugin": "^6.5.0",
     "@typescript-eslint/parser": "^6.5.0",
     "cross-env": "^7.0.3",
     "eslint": "^8.56.0",
     "eslint-config-prettier": "^8.10.0",
     "eslint-plugin-prettier": "^5.1.2",
-    "rimraf": "^5.0.5",
-    "svelte": "^4.2.8",
+    "svelte": "^5.0.0-next.184",
     "svelte-check": "^3.6.2",
-    "svelte-preprocess": "^5.1.3",
-    "svgo": "^3.1.0",
+    "svelte-preprocess": "^5.1.4",
+    "svgo": "^3.2.0",
     "tslib": "^2.6.2",
     "typescript": "^5.3.3",
-    "vite": "^4.4.9"
+    "vite": "^5.3.3"
   },
   "peerDependencies": {
-    "svelte": ">=4.x",
+    "svelte": ">=5.x || ^5.0.0-next.0",
     "svgo": ">=3.x",
-    "vite": ">=4.x"
+    "vite": ">=5.x"
   },
   "dependencies": {
     "@rollup/pluginutils": "^5.1.0"

package.json

@@ -300,11 +300,21 @@ function readSvg(options: Options = { type: 'component' }): Plugin {
         const comp = toComponent(opt.data)
         opt.data = hook ? hook(opt.data, comp) : comp.component
         const { js } = compile(opt.data, {
-          css: 'none',
+          css: 'external',
           filename: id,
-          hydratable: !isBuild,
           namespace: 'svg',
-          generate: isBuild ? 'ssr' : 'dom',
+          generate: isBuild ? 'server' : 'client',
+        })
+
+        // Remove query string from sources
+        js.map.sources.forEach((v, idx, a) => {
+          if (v.includes('?')) {
+            const t = v.split('?')[0]
+
+            if (t) {
+              a[idx] = t
+            }
+          }
         })
 
         return js

src/index.ts

@@ -1,8 +1,8 @@
 declare module '*.svg?component' {
-  import type { ComponentType, SvelteComponent } from 'svelte'
+  import type { Component, SvelteComponent } from 'svelte'
   import type { SVGAttributes } from 'svelte/elements'
 
-  const content: ComponentType<SvelteComponent<SVGAttributes<SVGSVGElement>>>
+  const content: Component<SVGAttributes<SVGSVGElement>>
 
   export default content
 }