chore: Updated deps

Author: bfanger

.eslintignore

@@ -1,4 +1,5 @@
 /node_modules
 /build
+/dist
 /.svelte-kit
 /src/tests/fixtures/Binding.svelte

.eslintrc

@@ -4,12 +4,11 @@
     "browser": true,
     "node": true
   },
-  "parser": "@typescript-eslint/parser",
   "parserOptions": {
-    "project": "./tsconfig.eslint.json",
-    "extraFileExtensions": [".svelte"]
+    "project": "./tsconfig.eslint.json"
   },
   "rules": {
-    "import/extensions": "off"
+    "import/extensions": "off",
+    "@typescript-eslint/no-unused-vars": "off"
   }
 }

.gitignore

@@ -2,7 +2,7 @@
 node_modules
 /.svelte-kit
 /build
-/package
+/dist
 /functions
 /storybook-static
 /test-results

.prettierignore

@@ -1,4 +1,4 @@
 /.svelte-kit
 /build
-/package
+/dist
 /node_modules

README.md

@@ -50,7 +50,7 @@ The snippet above would be generate:
     YouTube,
     createPortal,
     ReactDOM,
-    renderToString
+    renderToString,
   );
 </script>
 

package.json

@@ -10,7 +10,7 @@
     "type": "git",
     "url": "https://github.com/bfanger/svelte-preprocess-react.git"
   },
-  "version": "0.15.0",
+  "version": "0.16.0",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -19,11 +19,11 @@
     "preview": "vite preview",
     "package": "svelte-package",
     "lint": "concurrently -c \"#c596c7\",\"#676778\",\"#3074c0\",\"#7c7cea\" --kill-others-on-fail \"npm:lint:*\"",
-    "lint:prettier": "prettier --check --loglevel=warn \"src/**/*.svelte\"",
+    "lint:prettier": "prettier --check \"src/**/*.svelte\"",
     "lint:svelte-check": "svelte-check --fail-on-warnings",
     "lint:tsc": "tsc --noEmit",
     "lint:eslint": "eslint --ext=js,ts,svelte --max-warnings=0 src",
-    "format": "prettier --write . && eslint --ext=js,ts,svelte --fix src",
+    "format": "eslint --ext=js,ts,svelte --fix src && prettier --write .",
     "test": "concurrently -c \"#fcc72a\",\"#45ba4b\" --kill-others-on-fail \"npm:test:*\"",
     "test:vitest": "vitest run",
     "test:playwright": "playwright test",
@@ -46,52 +46,72 @@
     ]
   },
   "devDependencies": {
-    "@playwright/test": "^1.33.0",
+    "@playwright/test": "^1.36.2",
     "@sveltejs/adapter-static": "^2.0.2",
-    "@sveltejs/kit": "^1.15.9",
-    "@sveltejs/package": "1",
+    "@sveltejs/kit": "^1.22.3",
+    "@sveltejs/package": "^2.0.0",
     "@testing-library/react": "^14.0.0",
-    "@testing-library/svelte": "^3.2.2",
-    "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.1",
-    "@typescript-eslint/eslint-plugin": "^5.59.1",
-    "@typescript-eslint/parser": "^5.59.1",
-    "@vitejs/plugin-react": "3",
+    "@testing-library/svelte": "^4.0.3",
+    "@types/react": "^18.2.17",
+    "@types/react-dom": "^18.2.7",
+    "@typescript-eslint/eslint-plugin": "^6.2.0",
+    "@typescript-eslint/parser": "^6.2.0",
     "autoprefixer": "^10.4.14",
-    "concurrently": "^8.0.1",
-    "eslint": "^8.39.0",
+    "concurrently": "^8.2.0",
+    "eslint": "^8.45.0",
     "eslint-config-airbnb-base": "^15.0.0",
-    "eslint-config-airbnb-typescript": "^17.0.0",
+    "eslint-config-airbnb-typescript": "^17.1.0",
     "eslint-config-prettier": "^8.8.0",
-    "eslint-config-triple": "^0.5.8",
+    "eslint-config-triple": "^1.1.3",
     "eslint-import-resolver-typescript": "^3.5.5",
     "eslint-plugin-import": "^2.27.5",
     "eslint-plugin-only-warn": "^1.1.0",
-    "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-svelte3": "^4.0.0",
+    "eslint-plugin-prettier": "^5.0.0",
+    "eslint-plugin-svelte": "^2.32.4",
     "husky": "^8.0.3",
-    "jsdom": "^21.1.1",
-    "lint-staged": "^13.2.2",
-    "postcss": "^8.4.23",
-    "prettier": "^2.8.8",
-    "prettier-plugin-svelte": "^2.10.0",
+    "jsdom": "^22.1.0",
+    "lint-staged": "^13.2.3",
+    "postcss": "^8.4.27",
+    "prettier": "^3.0.0",
+    "prettier-plugin-svelte": "^3.0.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "sass": "^1.62.1",
-    "svelte": "^3.58.0",
-    "svelte-check": "^3.2.0",
-    "svelte2tsx": "^0.6.11",
-    "typescript": "^5.0.4",
-    "vite": "^4.3.3",
+    "sass": "^1.64.1",
+    "svelte": "^4.1.1",
+    "svelte-check": "^3.4.6",
+    "svelte2tsx": "^0.6.19",
+    "typescript": "^5.1.6",
+    "vite": "^4.4.7",
     "vite-tsconfig-paths": "^4.2.0",
-    "vitest": "^0.30.1"
+    "vitest": "^0.33.0"
   },
   "dependencies": {
-    "magic-string": "^0.30.0"
+    "magic-string": "^0.30.1"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "svelte": ">=3.0.0"
+    "svelte": ">=4.0.0"
+  },
+  "svelte": "./dist/index.js",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./preprocessReact": {
+      "types": "./dist/preprocessReact.d.ts",
+      "default": "./dist/preprocessReact.js"
+    },
+    "./react-router": {
+      "types": "./dist/react-router/index.d.ts",
+      "svelte": "./dist/react-router/index.js",
+      "default": "./dist/react-router/index.js"
+    },
+    "./react-router/types": {
+      "types": "./dist/react-router/types.d.ts",
+      "default": "./dist/react-router/types.js"
+    }
   }
 }

playwright/tests/hooks.spec.ts

@@ -14,16 +14,16 @@ test.describe("hooks", () => {
   test("authentication", async ({ page }) => {
     await page.goto("/hooks", { waitUntil: "networkidle" });
     await expect(
-      page.locator('[data-testid="not-authenticated"]')
+      page.locator('[data-testid="not-authenticated"]'),
     ).toBeVisible();
     await expect(
-      page.locator('[data-testid="authenticated"]')
+      page.locator('[data-testid="authenticated"]'),
     ).not.toBeVisible();
     await page.locator('[data-testid="login"]').click();
     await expect(page.locator('[data-testid="authenticated"]')).toBeVisible();
     await page.locator('[data-testid="logout"]').click();
     await expect(
-      page.locator('[data-testid="not-authenticated"]')
+      page.locator('[data-testid="not-authenticated"]'),
     ).toBeVisible();
   });
 });

playwright/tests/sveltify.spec.ts

@@ -5,7 +5,7 @@ test.describe("sveltify", () => {
   test("props", async ({ page }) => {
     await page.goto("/playwright");
     await expect(page.locator("text=Ready")).toBeVisible();
-    await page.evaluate(function mount() {
+    await page.evaluate(() => {
       const win = window as any;
       const target = document.getElementById("playground");
       win.app = new win.Clicker({
@@ -29,14 +29,14 @@ test.describe("sveltify", () => {
   test("react context", async ({ page }) => {
     await page.goto("/context-react");
     await expect(
-      page.locator('text="Hello from react context provider"')
+      page.locator('text="Hello from react context provider"'),
     ).toBeVisible();
   });
 
   test("svelte context", async ({ page }) => {
     await page.goto("/context-svelte");
     await expect(
-      page.locator('text=/.*"Hello from svelte route".*/')
+      page.locator('text=/.*"Hello from svelte route".*/'),
     ).toBeVisible();
   });
 });