refactor: From TS to JSDoc for the preprocessor + svelte-preprocess-react alias

Author: bfanger

README.md

@@ -39,6 +39,7 @@ You're also able to use libraries from the react ecosystem, react-youtube for ex
 The snippet above would be generate:
 
 ```svelte
+<!-- generated by svelte-preprocess-react -->
 <script>
   import sveltify from "svelte-preprocess-react/sveltify";
   import { createPortal } from "react-dom";
@@ -72,23 +73,18 @@ export default {
 };
 ```
 
-When using other processors like [@sveltejs/vite-plugin-svelte](https://github.com/sveltejs/vite-plugin-svelte/blob/main/docs/preprocess.md) or [svelte-preprocess](https://github.com/sveltejs/svelte-preprocess) use:
+When using other processors like [@sveltejs/vite-plugin-svelte](https://github.com/sveltejs/vite-plugin-svelte/blob/main/docs/preprocess.md) or [svelte-preprocess](https://github.com/sveltejs/svelte-preprocess) add preprocessReact preprocessor as the last processor:
 
 ```js
 // svelte.config.js
 import { vitePreprocess } from "@sveltejs/kit/vite";
 import preprocessReact from "svelte-preprocess-react/preprocessReact";
 
 export default {
-  preprocess: preprocessReact({
-    preprocess: vitePreprocess(),
-  }),
+  preprocess: [vitePreprocess(), preprocessReact()],
 };
 ```
 
-svelte-preprocess-react is a _markup_ preprocessor, these run before the _script_ preprocessors,
-The preprocessor that is passed as an option is applied before running the preprocessReact preprocessor.
-
 ## Using Svelte inside React components
 
 > Extend
@@ -110,7 +106,7 @@ function MyComponent() {
 
 > Extinguish
 
-Using multiple frontend frameworks add overhead both in User and Developer experience.
+Using multiple frontend frameworks adds overhead both in User and Developer experience.
 
 - Increased download size
 - Slower (each framework boundary adds overhead)

docs/hooks.md

@@ -9,7 +9,7 @@ The `hooks()` function uses Svelte lifecycle functions, so you can only call the
 
 ```svelte
 <script lang="ts">
-  import { hooks } from "$lib";
+  import { hooks } from "svelte-preprocess-react";
 
   const store = hooks(() => useState(0));
 </script>

package.json

@@ -14,10 +14,10 @@
   "license": "MIT",
   "type": "module",
   "scripts": {
-    "dev": "node ./src/pre-dev.js && svelte-package && vite dev",
+    "dev": "vite dev",
     "build": "vite build",
     "preview": "vite preview",
-    "package": "svelte-package",
+    "package": "svelte-package -i src/svelte-preprocess-react",
     "lint": "concurrently -c \"#c596c7\",\"#676778\",\"#3074c0\",\"#7c7cea\" --kill-others-on-fail \"npm:lint:*\"",
     "lint:prettier": "prettier --check \"src/**/*.svelte\"",
     "lint:svelte-check": "svelte-check --fail-on-warnings",
@@ -49,7 +49,7 @@
     "@playwright/test": "^1.36.2",
     "@sveltejs/adapter-static": "^2.0.2",
     "@sveltejs/kit": "^1.22.3",
-    "@sveltejs/package": "^2.0.0",
+    "@sveltejs/package": "^2.2.0",
     "@testing-library/react": "^14.0.0",
     "@testing-library/svelte": "^4.0.3",
     "@types/react": "^18.2.17",
@@ -61,7 +61,7 @@
     "eslint": "^8.45.0",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-config-airbnb-typescript": "^17.1.0",
-    "eslint-config-prettier": "^8.8.0",
+    "eslint-config-prettier": "^8.9.0",
     "eslint-config-triple": "^1.1.3",
     "eslint-import-resolver-typescript": "^3.5.5",
     "eslint-plugin-import": "^2.27.5",
@@ -73,7 +73,7 @@
     "lint-staged": "^13.2.3",
     "postcss": "^8.4.27",
     "prettier": "^3.0.0",
-    "prettier-plugin-svelte": "^3.0.1",
+    "prettier-plugin-svelte": "^3.0.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "sass": "^1.64.1",