@evolu/svelte 2.3.0 → 3.0.0-next.0

package/README.md

@@ -1,6 +1,6 @@
 # Evolu for Svelte
 
-[Evolu](https://github.com/evoluhq/evolu) for [Svelte](https://svelte.dev/).
+This package provides Evolu for [Svelte](https://svelte.dev).
 
 ## Documentation
 
@@ -12,4 +12,4 @@ The Evolu community is on [GitHub Discussions](https://github.com/evoluhq/evolu/
 
 To chat with other community members, you can join the [Evolu Discord](https://discord.gg/2J8yyyyxtZ).
 
-[![Twitter URL](https://img.shields.io/twitter/url/https/twitter.com/evoluhq.svg?style=social&label=Follow%20%40evoluhq)](https://twitter.com/evoluhq)
+[![X](https://img.shields.io/twitter/url/https/x.com/evoluhq.svg?style=social&label=Follow%20%40evoluhq)](https://x.com/evoluhq)

package/dist/index.svelte.d.ts

@@ -2,8 +2,8 @@
  * This file needs to be named .svelte.ts to be recognized by the Svelte
  * compiler in the app itself.
  */
-import type { AppOwner, Evolu, EvoluDeps, EvoluSchema, InferRow, Query, Row } from "@evolu/common/local-first";
-export declare const evoluSvelteDeps: EvoluDeps;
+import type { AppOwner, Evolu, EvoluSchema, InferRow, Query, Row } from "@evolu/common/local-first";
+export declare const evoluSvelteDeps: import("@evolu/common/local-first").EvoluDeps;
 /**
  * Load and subscribe to the Query, and return an object with `rows` property
  * that are automatically updated when data changes.
@@ -12,7 +12,9 @@ export declare const evoluSvelteDeps: EvoluDeps;
  *
  * ```ts
  * // Create your query
- * const allTodos = evolu.createQuery((db) => ...);
+ * const allTodos = evolu.createQuery((db) =>
+ *   db.selectFrom("todo").selectAll(),
+ * );
  *
  * // Get all rows.
  * const allTodosState = queryState(evolu, () => allTodos);
@@ -22,10 +24,14 @@ export declare const evoluSvelteDeps: EvoluDeps;
  *
  * ```ts
  * // some kind of state
- * let someKindOfState = $state('someId');
+ * let someKindOfState = $state("someId");
  *
  * // derive your query based other props
- * const allTodos = $derived(evolu.createQuery((db) => use someKindOfState here ));
+ * const allTodos = $derived(
+ *   evolu.createQuery((db) =>
+ *     db.selectFrom("todo").where("id", "=", someKindOfState).selectAll(),
+ *   ),
+ * );
  *
  * // Get all rows, once someKindOfState changes, this allTodosState will be updated with the evolu query result
  * const allTodosState = queryState(evolu, () => allTodos);
@@ -33,14 +39,14 @@ export declare const evoluSvelteDeps: EvoluDeps;
  * // use allTodosState.rows in further calculations / UI
  * ```
  */
-export declare function queryState<R extends Row, Schema extends EvoluSchema, MappedRow = InferRow<Query<R>>>(evolu: Evolu<Schema>, 
+export declare const queryState: <R extends Row, Schema extends EvoluSchema, MappedRow = InferRow<Query<Schema, R>>>(evolu: Evolu<Schema>, 
 /**
  * Can be a normal query or a derived query.
  *
  * Svelte reactivity: it needs to be a callback, if the query is $derived this
  * will re-trigger the load/subscription based on the new query.
  */
-observedQuery: () => Query<R> | undefined, options?: {
+observedQuery: () => Query<Schema, R> | undefined, options?: {
     /**
      * This is a little helper so that you can map the results instead of using
      * a $derive operation.
@@ -48,7 +54,7 @@ observedQuery: () => Query<R> | undefined, options?: {
      * @param row
      */
     mapping?: (row: R) => MappedRow;
-}): {
+}) => {
     readonly rows: Array<MappedRow>;
 };
 /**
@@ -65,6 +71,7 @@ observedQuery: () => Query<R> | undefined, options?: {
  * // it will be undefined initially and set once the promise resolves
  * ```
  */
-export declare function appOwnerState<Schema extends EvoluSchema>(evolu: Evolu<Schema>): {
+export declare const appOwnerState: <Schema extends EvoluSchema>(evolu: Evolu<Schema>) => {
     readonly current: AppOwner | undefined;
 };
+//# sourceMappingURL=index.svelte.d.ts.map

package/dist/index.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.svelte.d.ts","sourceRoot":"","sources":["../src/lib/index.svelte.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EACV,QAAQ,EACR,KAAK,EACL,WAAW,EACX,QAAQ,EACR,KAAK,EAEL,GAAG,EACJ,MAAM,2BAA2B,CAAC;AAKnC,eAAO,MAAM,eAAe,+CAAoB,CAAC;AAEjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,eAAO,MAAM,UAAU,GACrB,CAAC,SAAS,GAAG,EACb,MAAM,SAAS,WAAW,EAC1B,SAAS,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAEtC,OAAO,KAAK,CAAC,MAAM,CAAC;AACpB;;;;;GAKG;AACH,eAAe,MAAM,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,GAAG,SAAS,EACjD,UAAU;IACR;;;;;OAKG;IACH,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,SAAS,CAAC;CACjC,KACA;IAAE,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;CA2CnC,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,aAAa,GAAI,MAAM,SAAS,WAAW,EACtD,OAAO,KAAK,CAAC,MAAM,CAAC,KACnB;IACD,QAAQ,CAAC,OAAO,EAAE,QAAQ,GAAG,SAAS,CAAC;CAkBxC,CAAC"}

package/dist/index.svelte.js

@@ -2,9 +2,10 @@
  * This file needs to be named .svelte.ts to be recognized by the Svelte
  * compiler in the app itself.
  */
-import { evoluWebDeps } from "@evolu/web";
+import { createEvoluDeps } from "@evolu/web";
 // just in case we need to add some svelte specific deps
-export const evoluSvelteDeps = Object.assign({}, evoluWebDeps);
+// eslint-disable-next-line evolu/require-pure-annotation
+export const evoluSvelteDeps = createEvoluDeps();
 /**
  * Load and subscribe to the Query, and return an object with `rows` property
  * that are automatically updated when data changes.
@@ -13,7 +14,9 @@ export const evoluSvelteDeps = Object.assign({}, evoluWebDeps);
  *
  * ```ts
  * // Create your query
- * const allTodos = evolu.createQuery((db) => ...);
+ * const allTodos = evolu.createQuery((db) =>
+ *   db.selectFrom("todo").selectAll(),
+ * );
  *
  * // Get all rows.
  * const allTodosState = queryState(evolu, () => allTodos);
@@ -23,10 +26,14 @@ export const evoluSvelteDeps = Object.assign({}, evoluWebDeps);
  *
  * ```ts
  * // some kind of state
- * let someKindOfState = $state('someId');
+ * let someKindOfState = $state("someId");
  *
  * // derive your query based other props
- * const allTodos = $derived(evolu.createQuery((db) => use someKindOfState here ));
+ * const allTodos = $derived(
+ *   evolu.createQuery((db) =>
+ *     db.selectFrom("todo").where("id", "=", someKindOfState).selectAll(),
+ *   ),
+ * );
  *
  * // Get all rows, once someKindOfState changes, this allTodosState will be updated with the evolu query result
  * const allTodosState = queryState(evolu, () => allTodos);
@@ -34,18 +41,18 @@ export const evoluSvelteDeps = Object.assign({}, evoluWebDeps);
  * // use allTodosState.rows in further calculations / UI
  * ```
  */
-export function queryState(evolu, 
+export const queryState = (evolu, 
 /**
  * Can be a normal query or a derived query.
  *
  * Svelte reactivity: it needs to be a callback, if the query is $derived this
  * will re-trigger the load/subscription based on the new query.
  */
-observedQuery, options) {
+observedQuery, options) => {
     {
         // writing to this variable - svelte's compiler will track it
         let writableState = $state([]);
-        function updateState(rows) {
+        const updateState = (rows) => {
             if (options === null || options === void 0 ? void 0 : options.mapping) {
                 // re-assigning because somehow typescript thinks its still nullable here
                 // remove again once no issue anymore
@@ -53,7 +60,7 @@ observedQuery, options) {
                 writableState = rows.map((row) => mapper(row));
             }
             writableState = rows;
-        }
+        };
         $effect(() => {
             const query = observedQuery();
             if (!query) {
@@ -76,7 +83,7 @@ observedQuery, options) {
             },
         };
     }
-}
+};
 /**
  * Get the {@link AppOwner} promise that resolves when available.
  *
@@ -91,14 +98,13 @@ observedQuery, options) {
  * // it will be undefined initially and set once the promise resolves
  * ```
  */
-export function appOwnerState(evolu) {
+export const appOwnerState = (evolu) => {
     {
         // writing to this variable - svelte's compiler will track it
         let writableState = $state(undefined);
         $effect(() => {
-            void evolu.appOwner.then((appOwner) => {
-                writableState = appOwner;
-            });
+            // TODO: Review, it was promise, it isn't anymore.
+            writableState = evolu.appOwner;
         });
         return {
             // Svelte reactivity: it needs to be a getter
@@ -107,4 +113,4 @@ export function appOwnerState(evolu) {
             },
         };
     }
-}
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@evolu/svelte",
-  "version": "2.3.0",
+  "version": "3.0.0-next.0",
   "description": "Evolu for Svelte",
   "keywords": [
     "evolu",
@@ -12,7 +12,7 @@
   },
   "repository": "evoluhq/evolu",
   "license": "MIT",
-  "sideEffects": [],
+  "sideEffects": false,
   "type": "module",
   "exports": {
     ".": {
@@ -27,31 +27,30 @@
     "!dist/**/*.test.*",
     "!dist/**/*.spec.*"
   ],
+  "scripts": {
+    "build": "tsc --build && npm run package",
+    "prepack": "npm run build",
+    "check": "svelte-check --tsconfig ./tsconfig.json",
+    "package": "svelte-package",
+    "prepublishOnly": "npm run package",
+    "preview": "vite preview"
+  },
   "devDependencies": {
-    "@sveltejs/package": "^2.5.0",
-    "@tsconfig/svelte": "^5.0.5",
-    "shx": "^0.4.0",
-    "svelte": "^5.38.2",
-    "svelte-check": "^4.3.1",
-    "typescript": "^5.9.2",
-    "@evolu/common": "7.3.0",
-    "@evolu/web": "2.3.0",
-    "@evolu/tsconfig": "0.0.2"
+    "@evolu/common": "8.0.0-next.0",
+    "@evolu/typescript-config": "*",
+    "@evolu/web": "3.0.0-next.0",
+    "@sveltejs/package": "^2.5.7",
+    "@tsconfig/svelte": "^5.0.6",
+    "svelte": "^5.48.2",
+    "svelte-check": "^4.3.6",
+    "typescript": "^5.9.3"
   },
   "peerDependencies": {
-    "@evolu/common": "^7.3.0",
-    "@evolu/web": "^2.3.0",
+    "@evolu/common": "^8.0.0-next.0",
+    "@evolu/web": "^3.0.0-next.0",
     "svelte": ">=5"
   },
   "publishConfig": {
     "access": "public"
-  },
-  "scripts": {
-    "build": "shx rm -rf dist && tsc && pnpm run package",
-    "check": "svelte-check --tsconfig ./tsconfig.json",
-    "clean": "shx rm -rf .turbo .svelte-kit node_modules dist",
-    "dev": "tsc --watch",
-    "package": "svelte-package",
-    "preview": "vite preview"
   }
-}
+}

package/LICENSE

@@ -1,21 +0,0 @@
-The MIT License (MIT)
-
-Copyright (c) 2023 Evolu
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.