Local Vector Database with RxDB and transformers.js
The local-first revolution is here, changing the way we build apps! Imagine a world where your app's data lives right on the user's device, always available, even when there's no internet. That's the magic of local-first apps. Not only do they bring faster performance and limitless scalability, but they also empower users to work offline without missing a beat. And leading the charge in this space are local database solutions, like RxDB.
But here's where things get even more exciting: when building local-first apps, traditional databases often fall short. They're great at searching for exact matches, like numbers or strings, but what if you want to search by meaning, like sifting through emails to find a specific topic? Sure, you could use RegExp, but to truly unlock the power of semantic search and similarity-based queries, you need something more cutting-edge. Something that really understands the content of the data.
diff --git a/docs/articles/jquery-database.html b/docs/articles/jquery-database.html
index 51a8eb420da..9a1c6a36439 100644
--- a/docs/articles/jquery-database.html
+++ b/docs/articles/jquery-database.html
@@ -10,8 +10,8 @@
-
-
+
+
diff --git a/docs/articles/json-database.html b/docs/articles/json-database.html
index d1299174e1e..b81c1bc16fb 100644
--- a/docs/articles/json-database.html
+++ b/docs/articles/json-database.html
@@ -10,8 +10,8 @@
-
-
+
+
diff --git a/docs/articles/local-database.html b/docs/articles/local-database.html
index cb981430b7e..884190de39a 100644
--- a/docs/articles/local-database.html
+++ b/docs/articles/local-database.html
@@ -10,8 +10,8 @@
-
-
+
+
diff --git a/docs/articles/localstorage-indexeddb-cookies-opfs-sqlite-wasm.html b/docs/articles/localstorage-indexeddb-cookies-opfs-sqlite-wasm.html
index f109c3f23ff..98672ec5532 100644
--- a/docs/articles/localstorage-indexeddb-cookies-opfs-sqlite-wasm.html
+++ b/docs/articles/localstorage-indexeddb-cookies-opfs-sqlite-wasm.html
@@ -10,8 +10,8 @@
-
-
+
+
diff --git a/docs/articles/localstorage.html b/docs/articles/localstorage.html
index e2e5571d4da..9aba9eddfc8 100644
--- a/docs/articles/localstorage.html
+++ b/docs/articles/localstorage.html
@@ -10,8 +10,8 @@
-
-
+
+
diff --git a/docs/articles/mobile-database.html b/docs/articles/mobile-database.html
index 192d603b576..0c7b611c02c 100644
--- a/docs/articles/mobile-database.html
+++ b/docs/articles/mobile-database.html
@@ -10,8 +10,8 @@
-
-
+
+
diff --git a/docs/articles/offline-database.html b/docs/articles/offline-database.html
index a8b662844a4..8c84e5244d7 100644
--- a/docs/articles/offline-database.html
+++ b/docs/articles/offline-database.html
@@ -10,8 +10,8 @@
-
-
+
+
diff --git a/docs/articles/optimistic-ui.html b/docs/articles/optimistic-ui.html
index 577d2114328..27731da32f3 100644
--- a/docs/articles/optimistic-ui.html
+++ b/docs/articles/optimistic-ui.html
@@ -10,8 +10,8 @@
-
-
+
+
diff --git a/docs/articles/progressive-web-app-database.html b/docs/articles/progressive-web-app-database.html
index c42dd4eb646..11633cd06f1 100644
--- a/docs/articles/progressive-web-app-database.html
+++ b/docs/articles/progressive-web-app-database.html
@@ -10,8 +10,8 @@
-
-
+
+
diff --git a/docs/articles/react-database.html b/docs/articles/react-database.html
index 5c5300ec664..762dc6248e4 100644
--- a/docs/articles/react-database.html
+++ b/docs/articles/react-database.html
@@ -10,8 +10,8 @@
-
-
+
+
diff --git a/docs/articles/react-indexeddb.html b/docs/articles/react-indexeddb.html
index fc1aae4087b..675a60848a3 100644
--- a/docs/articles/react-indexeddb.html
+++ b/docs/articles/react-indexeddb.html
@@ -10,8 +10,8 @@
-
-
+
+
diff --git a/docs/articles/react-native-encryption.html b/docs/articles/react-native-encryption.html
index d01ebe92ad5..5c3e3fe6d9f 100644
--- a/docs/articles/react-native-encryption.html
+++ b/docs/articles/react-native-encryption.html
@@ -10,8 +10,8 @@
-
-
+
+
diff --git a/docs/articles/realtime-database.html b/docs/articles/realtime-database.html
index e2fbdeeb853..2054f75e955 100644
--- a/docs/articles/realtime-database.html
+++ b/docs/articles/realtime-database.html
@@ -10,8 +10,8 @@
-
-
+
+
diff --git a/docs/articles/vue-database.html b/docs/articles/vue-database.html
index 0dbd858487a..ab83b4119fb 100644
--- a/docs/articles/vue-database.html
+++ b/docs/articles/vue-database.html
@@ -10,8 +10,8 @@
-
-
+
+
diff --git a/docs/articles/vue-indexeddb.html b/docs/articles/vue-indexeddb.html
index 8a4cfcc0e88..bf9c63aab2b 100644
--- a/docs/articles/vue-indexeddb.html
+++ b/docs/articles/vue-indexeddb.html
@@ -10,8 +10,8 @@
-
-
+
+
diff --git a/docs/articles/websockets-sse-polling-webrtc-webtransport.html b/docs/articles/websockets-sse-polling-webrtc-webtransport.html
index 31702314491..9f05013cc2b 100644
--- a/docs/articles/websockets-sse-polling-webrtc-webtransport.html
+++ b/docs/articles/websockets-sse-polling-webrtc-webtransport.html
@@ -10,8 +10,8 @@
-
-
+
+
diff --git a/docs/articles/zero-latency-local-first.html b/docs/articles/zero-latency-local-first.html
index 092dc131c64..592218503da 100644
--- a/docs/articles/zero-latency-local-first.html
+++ b/docs/articles/zero-latency-local-first.html
@@ -10,8 +10,8 @@
-
-
+
+
diff --git a/docs/assets/js/0b761dc7.16f04760.js b/docs/assets/js/0b761dc7.16f04760.js
new file mode 100644
index 00000000000..e2352d5d790
--- /dev/null
+++ b/docs/assets/js/0b761dc7.16f04760.js
@@ -0,0 +1 @@
+(self.webpackChunkrxdb=self.webpackChunkrxdb||[]).push([[2835,4583],{1234:()=>{},1990:(e,s,a)=>{"use strict";a.d(s,{Ks:()=>r,V0:()=>l});var l=async function(e){var s=(new TextEncoder).encode(e),a=await crypto.subtle.digest("SHA-256",s);return Array.prototype.map.call(new Uint8Array(a),(e=>("00"+e.toString(16)).slice(-2))).join("")};function r(e){for(var s=0,a=e.length,l=0;l{"use strict";a.d(s,{d:()=>n});var l=a(4589),r=a(4848);const t=[{label:"Readwise, USA",description:"We use RxDB because it works across multiple platforms and we need to store of a great deal of data, some users have tens of thousands of documents! RxDB was the only cross-platform, offline-first solution with good enough performance to meet our needs.",href:"https://readwise.io/",target:"_blank",logo:"/files/companies/readwise.svg",logoStyle:"slider-logo-black "},{label:"SafeEx, Denmark",description:"We use RxDB for our offline-first inspection software. It ensures accurate data even under poor connectivity, while its single interface for multiple databases streamlines development. RxDB's flexibility also supports easy expansion to more platforms and environments.",href:"https://safeex.com/",target:"_blank",logo:"/files/companies/safeex.svg",logoStyle:"slider-logo-white "},{label:"WebWare, Italy",description:"We use RxDB in our global offline-first app for technicians. Its robust features and total control ensure reliable performance, even with poor connectivity, resulting in a seamless maintenance solution.",href:"https://webware.dev/",target:"_blank",logo:"/files/companies/webware.svg",logoStyle:"slider-logo-black "},{label:"myAgro, Africa",description:"We rely on RxDB to manage all our data in one place. Our custom store became unwieldy, so we switched to RxDB for schema migrations, real-time replication, conflict resolution, and reactive programming. Its push and pull handlers also integrate smoothly with our existing APIs.",href:"https://myagro.org/",target:"_blank",logo:"/files/companies/myagro.svg",logoStyle:"slider-logo-black "},{label:"MoreApp, Germany",description:"We provide a mobile app that is used by people in the\n field to fill in valuable information like inspections,\n surveys and audits. Our users don't always have access to the internet, building from an Offline-first approach with RxDB allows us to have the data integrity we need without being online.",href:"https://moreapp.com/",target:"_blank",logo:"/files/companies/moreapp.png",logoStyle:"slider-logo-black "},{label:"ALTGRAS, Guinea",description:"We use RxDB to create applications capable of being\n used in the most remote areas where Internet access is\n really a challenge.",href:"https://altgras.com/",target:"_blank",logo:"/files/companies/altgras.png",logoStyle:"slider-logo-white "},{label:"WooCommerce POS, Australia",description:"We use RxDB to provide an offline first, cross platform\n point of sale system. With RxDB we could create a web-, desktop- and mobile app using the same code base.",href:"https://wcpos.com/",target:"_blank",logo:"/files/companies/woopos.png",logoStyle:"slider-logo-black "},{label:"atroo GmbH, Germany",description:"RxDB is a main component in building offline-ready\n multichannel apps. It has become our default stack for\n this kind of apps.",href:"https://atroo.de/",target:"_blank",logo:"/files/companies/atroo.png",logoStyle:"slider-logo-black "},{label:"Nutrien, Canada",description:"With RxDB we have built an offline capable Progressive Web Application that is used by our borer operators to report on conditions at the mineface.",href:"https://nutrien.com/",target:"_blank",logo:"/files/companies/nutrien.svg",logoStyle:"slider-logo-white "}];function n(){return(0,r.jsx)(r.Fragment,{children:(0,r.jsx)(l.A,{dots:!0,centerMode:!0,centerPadding:"180px",infinite:!0,arrows:!1,adaptiveHeight:!0,speed:500,slidesToShow:3,slidesToScroll:1,initialSlide:0,responsive:[{breakpoint:1460,settings:{slidesToShow:2,slidesToScroll:1,infinite:!0,dots:!0,centerPadding:"180px"}},{breakpoint:1124,settings:{slidesToShow:2,slidesToScroll:1,infinite:!0,dots:!0,centerPadding:"100px"}},{breakpoint:900,settings:{slidesToShow:2,slidesToScroll:1,infinite:!0,dots:!0,centerPadding:"40px"}},{breakpoint:690,settings:{slidesToShow:1,slidesToScroll:1,infinite:!0,dots:!0,centerMode:!1,centerPadding:"0px"}},{breakpoint:480,settings:{slidesToShow:1,slidesToScroll:1,infinite:!1,dots:!0,swipeToSlide:!0,centerMode:!1,centerPadding:"0px"}}],children:t.map((e=>(0,r.jsxs)("div",{className:"slider-content",children:[(0,r.jsx)("img",{src:"/img/quote.svg",className:"review-img",alt:"RxDB review quote",loading:"lazy"}),(0,r.jsx)("h3",{children:e.description}),(0,r.jsxs)("div",{className:"slider-profile",children:[(0,r.jsx)("img",{className:e.logoStyle,src:e.logo,loading:"lazy",alt:"logo"}),(0,r.jsxs)("div",{className:"slider-info",children:[(0,r.jsx)("p",{className:"developer",children:e.label}),(0,r.jsx)("span",{className:"company-link",children:new URL(e.href).hostname})]})]})]},e.label)))})})}},4978:(e,s,a)=>{"use strict";function l(e,s){if(!e)throw s||(s=""),new Error("ensureNotFalsy() is falsy: "+s);return e}a.d(s,{ZN:()=>l,bz:()=>r});var r={bufferSize:1,refCount:!0}},5531:(e,s,a)=>{"use strict";a.d(s,{X:()=>n,o:()=>t});var l=a(106),r=a(4848);const t={github:21699,twitter:2987,discord:1070};function n(e){return(0,r.jsx)("a",{href:e.href,onClick:()=>(0,l.c)(e.title.toLowerCase()+"_trophy_click",.2,!1),target:"_blank",children:(0,r.jsxs)("div",{className:"trophy "+e.title.toLowerCase(),children:[(0,r.jsx)("img",{loading:"lazy",src:e.imgUrl,alt:"RxDB "+e.title}),(0,r.jsxs)("div",{style:{flex:1},children:[(0,r.jsx)("div",{className:"subtitle",children:e.subTitle}),(0,r.jsx)("div",{className:"title",children:e.title})]}),(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"valuetitle",children:e.valueTitle}),(0,r.jsxs)("div",{className:"value",children:[e.value.toLocaleString(),(0,r.jsx)("div",{className:"arrow-up",children:" "})]})]})]})})}},7587:(e,s,a)=>{"use strict";a.d(s,{L$:()=>n,Z2:()=>t,zs:()=>r});var l="abcdefghijklmnopqrstuvwxyz";function r(e){void 0===e&&(e=10);for(var s="",a=0;a{"use strict";a.r(s),a.d(s,{colors:()=>N,default:()=>w});var l=a(797),r=a(6442),t=a(7143),n=a(8289),i=a(1990),c=a(7587),o=a(4978),d=a(6540),m=a(106),h=a(2813),p=a(754),x=a(4848);function u(e){return(0,x.jsx)(x.Fragment,{children:(0,x.jsxs)("div",{className:"content-canvas",children:[(0,x.jsx)("div",{className:"device tablet",style:{marginLeft:481,marginTop:117},children:(0,x.jsx)("div",{className:"beating-color",children:(0,x.jsx)("img",{src:"/files/logo/logo.svg",className:"beating logo",alt:"RxDB"})})}),(0,x.jsx)("div",{className:"device desktop",style:{marginTop:"0%"},children:(0,x.jsx)("div",{className:"beating-color",children:(0,x.jsx)("img",{src:"/files/logo/logo_text.svg",className:"beating logo",alt:"RxDB"})})}),(0,x.jsxs)("div",{className:"device server",style:{marginLeft:0,marginTop:168},children:[(0,x.jsx)("div",{className:"beating-color one"}),(0,x.jsx)("div",{className:"beating-color two"}),(0,x.jsx)("div",{className:"beating-color three"})]})]})})}var g=a(6412);function b(e){let{children:s,name:a}=e;return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsxs)("fieldset",{className:"samp-wrapper",style:{backgroundColor:"var(--bg-color)"},children:[(0,x.jsx)("legend",{children:"Write"}),(0,x.jsxs)("samp",{children:[(0,x.jsx)("span",{className:"cm-keyword",children:"await "}),(0,x.jsx)("span",{className:"cm-variable",children:"collection"}),".",(0,x.jsx)("span",{className:"cm-method",children:"upsert"}),"(","{",(0,x.jsx)("br",{}),(0,x.jsx)("span",{className:"cm-property",children:"\xa0 id"}),": ",(0,x.jsx)("span",{className:"cm-string",children:"'foobar'"}),",",(0,x.jsx)("br",{}),(0,x.jsx)("span",{className:"cm-property",children:"\xa0 color"}),": ",(0,x.jsxs)("span",{className:"cm-string",children:["'",(0,x.jsx)("span",{className:"beating-color-string beating-color",children:"#e6008d"}),"'"]}),(0,x.jsx)("br",{}),"}",");"]})]}),(0,x.jsx)("br",{}),(0,x.jsx)("br",{}),(0,x.jsxs)("fieldset",{className:"samp-wrapper",style:{backgroundColor:"var(--bg-color)"},children:[(0,x.jsxs)("legend",{children:["Observe with ",a]}),(0,x.jsx)("samp",{style:{backgroundColor:"var(--bg-color)"},children:s})]})]})}function j(e){const s=[{key:"RxJS",label:"RxJS",icon:(0,x.jsx)("img",{src:"/files/icons/rxjs.svg",loading:"lazy",alt:"rxjs observable"}),children:(0,x.jsxs)(b,{name:"RxJS Observable",children:[(0,x.jsx)("span",{className:"cm-keyword",children:"await "}),(0,x.jsx)("span",{className:"cm-variable",children:"collection"}),".",(0,x.jsxs)("span",{className:"cm-method",children:["findOne(",(0,x.jsx)("span",{className:"cm-string",children:"'foobar'"}),")"]}),(0,x.jsx)("br",{}),"\xa0.",(0,x.jsx)("span",{className:"cm-property",children:"$"}),(0,x.jsx)("span",{className:"cm-comment",children:" // get observable"}),(0,x.jsx)("br",{}),"\xa0.",(0,x.jsx)("span",{className:"cm-method",children:"subscribe"}),"(",(0,x.jsx)("span",{className:"cm-def",children:"d"}),(0,x.jsx)("span",{className:"cm-operator",children:" =>"})," ","{",(0,x.jsx)("br",{}),(0,x.jsx)("span",{className:"cm-variable",children:"\xa0\xa0 screen"}),".",(0,x.jsx)("span",{className:"cm-property",children:"backgroundColor"}),(0,x.jsx)("span",{className:"cm-operator",children:" = "}),(0,x.jsx)("span",{className:"cm-variable",children:"d"}),".",(0,x.jsx)("span",{className:"cm-property beating-color",children:"color"}),";",(0,x.jsx)("br",{}),"\xa0","}",");"]})},{key:"Angular",label:"Angular",icon:(0,x.jsx)("img",{src:"/files/icons/angular.svg",loading:"lazy",alt:"Angular async pipe"}),children:(0,x.jsxs)(b,{name:"Angular Async Pipe",children:[(0,x.jsx)("span",{className:"cm-html",children:" ",(0,x.jsx)("span",{className:"cm-variable",children:"doc"}),".",(0,x.jsx)("span",{className:"cm-property beating-color",children:"color"}),")"]}),(0,x.jsx)("br",{}),"\u2003\u2003| ",(0,x.jsx)("span",{className:"cm-keyword",children:"async"}),(0,x.jsx)("br",{}),'\u2003)"',(0,x.jsx)("br",{}),(0,x.jsx)("span",{className:"cm-html",children:">"})]})},{key:"React",label:"React",icon:(0,x.jsx)("img",{src:"/files/icons/react.svg",loading:"lazy",alt:"React signals"}),children:(0,x.jsxs)(b,{name:"React Signal",children:[(0,x.jsx)("span",{className:"cm-keyword",children:"export default function"})," ",(0,x.jsx)("span",{className:"cm-method",children:"Component"}),"() {",(0,x.jsx)("br",{}),"\u2003",(0,x.jsx)("span",{className:"cm-keyword",children:"const"})," [",(0,x.jsx)("span",{className:"cm-variable",children:"doc"}),", ",(0,x.jsx)("span",{className:"cm-variable",children:"setDoc"}),"] = ",(0,x.jsx)("span",{className:"cm-method",children:"useState"}),"();",(0,x.jsx)("br",{}),"\u2003",(0,x.jsx)("span",{className:"cm-method",children:"useEffect"}),"(",(0,x.jsx)("span",{className:"cm-keyword",children:"async"})," () => ",(0,x.jsx)("span",{className:"cm-method",children:"setDoc"}),"(",(0,x.jsx)("br",{}),"\u2003\u2003",(0,x.jsx)("span",{className:"cm-keyword",children:"await"})," ",(0,x.jsx)("span",{className:"cm-variable",children:"collection"}),".",(0,x.jsx)("span",{className:"cm-method",children:"findOne"}),"(",(0,x.jsx)("span",{className:"cm-string",children:"'foobar'"}),").",(0,x.jsx)("span",{className:"cm-method",children:"exec"}),"()",(0,x.jsx)("br",{}),"\u2003), []);",(0,x.jsx)("br",{}),"\u2003",(0,x.jsx)("span",{className:"cm-keyword",children:"return"})," ",(0,x.jsx)("span",{className:"cm-variable",children:"doc"})," && (",(0,x.jsx)("br",{}),"\u2003\u2003",(0,x.jsx)("span",{className:"cm-html",children:"",(0,x.jsx)("br",{})]}),"\u2003);",(0,x.jsx)("br",{}),"}"]})},{key:"Vue.js",label:"Vue.js",icon:(0,x.jsx)("img",{src:"/files/icons/vuejs.svg",loading:"lazy",alt:"Vue Refs"}),children:(0,x.jsxs)(b,{name:"Vue Refs",children:[(0,x.jsx)("span",{className:"cm-html",children:""}),(0,x.jsx)("br",{}),"\u2003",(0,x.jsx)("span",{className:"cm-html",children:"',(0,x.jsx)("br",{}),"\u2003",(0,x.jsx)("span",{className:"cm-html",children:"
