Update dexie 3.2.7 → 4.0.4 (major)

[depfu]

Here is everything you need to know about this upgrade. Please take a good look at what changed and the test results before merging this pull request.

What changed?

✳️ dexie (3.2.7 → 4.0.4) · Repo

Release Notes

4.0.4

Fixes #1955 for real this time (the fix in 4.0.2 wasn't correct enough for npm)

4.0.1

Dexie 4 Stable

After 3 years is alpha and beta, and a week in RC, Dexie@4 is finally out!

Changed Version Handling (PR #1880)

• Dexie@4 accepts upgrading schema WITHOUT incrementing the version number.
• Dexie@4 is now able to open a previous version of the database without throwing VersionError.

It's still recommended to increment version number when schema has been updated before publishing new versions of an application since it can make opening the db fractions of ms faster. But it's not required.

(If the native version has diverged from the declared version - which happen when extending schema without incrementing version, dexie need to increment the native version to extend schema - and after a page refresh dexie will detect diverged version by catching VersionError and will redo open with the exact installed version under the hood. When measuring the extra time to open an older version in indexedDB and catch VersionError 10,000 times, it only took 1000 ms - 0.1 ms per try (on a macbook pro), so it should be negligible (https://jsfiddle.net/dfahlander/9tg13fwk/19/))

Cache

Non-transactional live queries utilize memory cache to assist in query resolution. It is possible to opt-out from using the cache using the option {cache: 'disabled'}. The cache can greatly improve simple pure range-based live queries and reduce the queries towards IndexedDB by reusing common queries from different components. The cache will be continously developed and optimized further to improve the new paging support in Dexie 5.0.

Workarounds for flaky browsers

Dexie 4 catches various issues in the IndexedDB support for Chrome and Safari. Without dexie@4 transactions and write operations can suddenly fail in modern versions of Chrome and Safari but dexie makes sure to protect the end user from experience any issues. It does this by reopening the database or redoing the transaction when these things happen - all without the developer having to worry about it. See issues #543 and #613. (A close upcoming release on the 4.0-track will also address #1660 and #1829).

Supports Dexie Cloud

With Dexie 4.0, you can optionally use dexie-cloud-addon and connect your local database with a cloud based database. Dexie Cloud is a complete solution for authorization and synchronization of personal data with support for sharing data between users.

Improved Typing

Dexie 4 has some improved typing. Specifically, Collection.modify() and Table.update() use template literals to suggest code completion and type checking of keypaths to update.

Distinguish insert- from output types

The type passed to db.table.add() can be different from the type returned from db.table.get() and tb.table.toArray(). This mirrors reality better since some properties may be optional when adding (such as an auto-incremented primary key or dexie-cloud properties realmId and owner).

The generic type Table<T, TKey> is extended with a 3rd optional parameter TInsertType making it possible to declare a table as such:

class MyDB extends Dexie {
  friends!: Table<
    { id: number; name: string; age: number }, // T (id is always there)
    number, // TKey (type of primary key)
    { id?: number; name: string; age: number } // TInsertType (id is optional)
  >;
}

A new helper generic EntityTable<T> also exists as a "don't repeat yourself" sugar on top of this, and will also omit any method on the type. In case the type is a mapped class with helper methods, you are still able to pass simple POJO objects
to add() and put() with only data properties.

interface Friend {
  id: number;
  name: string;
  age: number;
}
class MyDB extends Dexie {

friends!: EntityTable<Friend, 'id'>; // Automatically makes id optional when adding and picks its TKey type.

}

If using Dexie Cloud, there's a DexieCloudTable<T> generic that will declare the implicit Dexie Cloud properties on the entity correctly for insert- and output types:

interface Friend {
  id: string;
  name: string;
  age: number;
  realmId: string;
  owner: string;
}
class MyDexieCloudDB extends Dexie {

friends!: DexieCloudTable<Friend, 'id'>; // Makes id, realmId and owner optional on insert operations.

}

A solution to dependency issues with mapped classes

In dexie 3, a mapped class that needs to access the database from its methods, will needs to access the a db instance. But it is a bit awkward to tie a method body to the same instance exported from the db module. For example, having two instances of db with different constructor parameters would not work as both would use one of the instances from their method bodies.

In Dexie 4.0, this is solved using a lightweight dependency injection. There is a generic class Entity that your classes may extend from in order to get your database instance injected as a protected property db on every entity instance. Your class methods can then perform queries onto the db without being dependant on the db module of your app. This use case will require a subclassed Dexie declaration though. There will still be cyclic import dependencies but only on the type level.

export class Friend extends Entity<AppDB> {
  id!: number;
  name!: string;
  age!: number;
async birthday() {

return await this.db.friends.update(this.id, (friend) => ++friend.age);

}

}

Breaking Changes

No IE11 support

No support for Internet Explorer 11, legacy Edge (non-chromium) nor legacy Safari below version 14.

Does any of this look wrong? Please let us know.

Commits

See the full diff on Github. The new version differs by more commits than we can show here.

---

Depfu will automatically keep this PR conflict-free, as long as you don't add any commits to this branch yourself. You can also trigger a rebase manually by commenting with @depfu rebase.

All Depfu comment commands

@​depfu rebase

Rebases against your default branch and redoes this update

@​depfu recreate

Recreates this PR, overwriting any edits that you've made to it

@​depfu merge

Merges this PR once your tests are passing and conflicts are resolved

@​depfu cancel merge

Cancels automatic merging of this PR

@​depfu close

Closes this PR and deletes the branch

@​depfu reopen

Restores the branch and reopens this PR (if it's closed)

@​depfu pause

Ignores all future updates for this dependency and closes this PR

@​depfu pause [minor|major]

Ignores all future minor/major updates for this dependency and closes this PR

@​depfu resume

Future versions of this dependency will create PRs again (leaves this PR as is)

[socket-security]

New and removed dependencies detected. Learn more about Socket for GitHub ↗︎

Package	New capabilities	Transitives	Size	Publisher
npm/@discoveryjs/json-ext@0.5.7	None	0	81.1 kB	lahmatiy
npm/accepts@1.3.8	None	+1	44.2 kB	dougwilson
npm/cookie@0.4.2	None	0	19.7 kB	dougwilson
npm/dexie@4.0.4	None	0	2.94 MB	dfahlander
npm/domelementtype@2.3.0	None	0	11.4 kB	feedic
npm/end-of-stream@1.4.4	None	0	6.23 kB	mafintosh
npm/iconv-lite@0.4.24	None	0	336 kB	ashtuchkin
npm/is-docker@2.2.1	filesystem	0	3.01 kB	sindresorhus
npm/is-generator-function@1.0.10	eval	0	31.9 kB	ljharb
npm/json-parse-even-better-errors@2.3.1	None	0	10.4 kB	isaacs
npm/kind-of@6.0.3	None	0	22.8 kB	doowb
npm/loose-envify@1.4.0	environment	0	5.81 kB	zertosh
npm/mime-db@1.52.0	None	0	206 kB	dougwilson
npm/min-indent@1.0.1	None	0	2.97 kB	thejameskyle
npm/obuf@1.1.2	None	0	19.1 kB	indutny
npm/parseurl@1.3.3	None	0	10.3 kB	dougwilson
npm/range-parser@1.2.1	None	0	8.46 kB	dougwilson
npm/safer-buffer@2.1.2	None	0	42.3 kB	chalker
npm/statuses@1.5.0	None	0	11 kB	dougwilson
npm/unpipe@1.0.0	None	0	4.31 kB	dougwilson
npm/wbuf@1.7.3	None	0	20.9 kB	indutny
npm/websocket-driver@0.7.4	network	+1	122 kB	jcoglan

🚮 Removed packages: npm/@babel/core@7.18.9, npm/@babel/helper-plugin-utils@7.18.9, npm/@types/babel__traverse@7.17.1, npm/acorn@8.10.0, npm/anymatch@3.1.2, npm/array-includes@3.1.7, npm/define-properties@1.2.0, npm/dexie@3.2.7, npm/es-abstract@1.22.1, npm/escodegen@2.1.0, npm/espree@9.6.1, npm/fsevents@2.3.2, npm/internal-slot@1.0.5, npm/is-core-module@2.13.1, npm/is-map@2.0.2, npm/is-set@2.0.2, npm/is-typed-array@1.1.12, npm/istanbul-lib-coverage@3.2.0, npm/jest-util@29.7.0, npm/micromatch@4.0.5, npm/object-inspect@1.12.3, npm/object.fromentries@2.0.7, npm/object.values@1.1.7, npm/pirates@4.0.5, npm/prop-types@15.8.1, npm/readable-stream@3.6.0, npm/rxjs@7.5.7, npm/string-width@5.1.2, npm/string_decoder@1.1.1, npm/strip-ansi@6.0.1, npm/tapable@2.2.0, npm/terser@5.17.6, npm/type-check@0.4.0, npm/type-fest@1.4.0, npm/wif@2.0.6, npm/wrap-ansi@8.1.0, npm/ws@8.13.0, npm/yaml@2.3.3

View full report↗︎

[depfu]

Closed in favor of #3166.