[{"data":1,"prerenderedAt":2416},["ShallowReactive",2],{"navigation":3,"\u002Frecipes\u002Freact-invoices":927},[4,40,114,446,474,498,596,903],{"title":5,"path":6,"stem":7,"children":8},"Architecture","\u002Farchitecture","architecture",[9,14,28,32,36],{"title":10,"path":6,"stem":11,"access":12,"icon":13},"Overview","architecture\u002Findex","public","i-lucide-network",{"title":10,"path":15,"stem":16,"children":17,"access":12,"icon":19},"\u002Farchitecture\u002Fkernel","architecture\u002F1.kernel\u002Findex",[18,20,24],{"title":10,"path":15,"stem":16,"access":12,"icon":19},"i-lucide-box",{"title":21,"path":22,"stem":23,"access":12},"Enclave","\u002Farchitecture\u002Fkernel\u002Fenclave","architecture\u002F1.kernel\u002Fenclave",{"title":25,"path":26,"stem":27,"access":12},"Forking the enclave","\u002Farchitecture\u002Fkernel\u002Fforking-the-enclave","architecture\u002F1.kernel\u002Fforking-the-enclave",{"title":29,"path":30,"stem":31,"access":12},"Ports","\u002Farchitecture\u002Fports","architecture\u002F2.ports",{"title":33,"path":34,"stem":35,"access":12},"Service layers","\u002Farchitecture\u002Fservice-layers","architecture\u002F3.service-layers",{"title":37,"path":38,"stem":39,"access":12},"Families","\u002Farchitecture\u002Ffamilies","architecture\u002F4.families",{"title":41,"path":42,"stem":43,"children":44},"Core","\u002Fcore","core",[45,47,50,53,56,88,97],{"title":10,"path":42,"stem":46,"access":12,"icon":19},"core\u002Findex",{"title":10,"path":48,"stem":49,"access":12},"\u002Fcore\u002F01-overview","core\u002F01-overview",{"title":10,"path":51,"stem":52,"access":12},"\u002Fcore\u002F05-stores","core\u002F05-stores",{"title":10,"path":54,"stem":55,"access":12},"\u002Fcore\u002F06-permissions-and-keyring","core\u002F06-permissions-and-keyring",{"title":10,"path":57,"stem":58,"children":59,"access":12},"\u002Fcore\u002Fnoydb","core\u002F2.noydb\u002Findex",[60,61,65,68,72,76,80,84],{"title":10,"path":57,"stem":58,"access":12},{"title":62,"path":63,"stem":64,"access":12},"Noydb","\u002Fcore\u002Fnoydb\u002Fmethods","core\u002F2.noydb\u002F1.methods",{"title":21,"path":66,"stem":67,"access":12},"\u002Fcore\u002Fnoydb\u002Fenclave","core\u002F2.noydb\u002F2.enclave",{"title":69,"path":70,"stem":71,"access":12},"Secret & keyring","\u002Fcore\u002Fnoydb\u002Fkeyring","core\u002F2.noydb\u002F3.keyring",{"title":73,"path":74,"stem":75,"access":12},"Authentication","\u002Fcore\u002Fnoydb\u002Fauthentication","core\u002F2.noydb\u002F4.authentication",{"title":77,"path":78,"stem":79,"access":12},"Auth recovery","\u002Fcore\u002Fnoydb\u002Frecovery","core\u002F2.noydb\u002F5.recovery",{"title":81,"path":82,"stem":83,"access":12},"Configuration","\u002Fcore\u002Fnoydb\u002Fconfiguration","core\u002F2.noydb\u002F6.configuration",{"title":85,"path":86,"stem":87,"access":12},"Strategies","\u002Fcore\u002Fnoydb\u002Fstrategies","core\u002F2.noydb\u002F7.strategies",{"title":10,"path":89,"stem":90,"children":91,"access":12},"\u002Fcore\u002Fvault","core\u002F3.vault\u002Findex",[92,93],{"title":10,"path":89,"stem":90,"access":12},{"title":94,"path":95,"stem":96,"access":12},"Vault","\u002Fcore\u002Fvault\u002Fmethods","core\u002F3.vault\u002F1.methods",{"title":10,"path":98,"stem":99,"children":100,"access":12},"\u002Fcore\u002Fcollection","core\u002F4.collection\u002Findex",[101,102,106,110],{"title":10,"path":98,"stem":99,"access":12},{"title":103,"path":104,"stem":105,"access":12},"Collection","\u002Fcore\u002Fcollection\u002Fmethods","core\u002F4.collection\u002F1.methods",{"title":107,"path":108,"stem":109,"access":12},"Querying","\u002Fcore\u002Fcollection\u002Fquerying","core\u002F4.collection\u002F2.querying",{"title":111,"path":112,"stem":113,"access":12},"Schema","\u002Fcore\u002Fcollection\u002Fschema","core\u002F4.collection\u002F3.schema",{"title":37,"path":115,"stem":116,"children":117},"\u002Ffamilies","families",[118,121,168,194,208,212,216,294,340],{"title":10,"path":115,"stem":119,"access":12,"icon":120},"families\u002Findex","i-lucide-plug",{"title":122,"path":123,"stem":124,"children":125,"access":12,"icon":127},"as-Exports","\u002Ffamilies\u002Fas","families\u002Fas\u002Findex",[126,128,132,136,140,144,148,152,156,160,164],{"title":122,"path":123,"stem":124,"access":12,"icon":127},"i-lucide-book-open",{"title":129,"path":130,"stem":131,"access":12},"aws-s3","\u002Ffamilies\u002Fas\u002Faws-s3","families\u002Fas\u002Faws-s3",{"title":133,"path":134,"stem":135,"access":12},"blob","\u002Ffamilies\u002Fas\u002Fblob","families\u002Fas\u002Fblob",{"title":137,"path":138,"stem":139,"access":12},"csv","\u002Ffamilies\u002Fas\u002Fcsv","families\u002Fas\u002Fcsv",{"title":141,"path":142,"stem":143,"access":12},"json","\u002Ffamilies\u002Fas\u002Fjson","families\u002Fas\u002Fjson",{"title":145,"path":146,"stem":147,"access":12},"ndjson","\u002Ffamilies\u002Fas\u002Fndjson","families\u002Fas\u002Fndjson",{"title":149,"path":150,"stem":151,"access":12},"noydb","\u002Ffamilies\u002Fas\u002Fnoydb","families\u002Fas\u002Fnoydb",{"title":153,"path":154,"stem":155,"access":12},"sql","\u002Ffamilies\u002Fas\u002Fsql","families\u002Fas\u002Fsql",{"title":157,"path":158,"stem":159,"access":12},"xlsx","\u002Ffamilies\u002Fas\u002Fxlsx","families\u002Fas\u002Fxlsx",{"title":161,"path":162,"stem":163,"access":12},"xml","\u002Ffamilies\u002Fas\u002Fxml","families\u002Fas\u002Fxml",{"title":165,"path":166,"stem":167,"access":12},"zip","\u002Ffamilies\u002Fas\u002Fzip","families\u002Fas\u002Fzip",{"title":169,"path":170,"stem":171,"children":172,"access":12,"icon":127},"at-Seals","\u002Ffamilies\u002Fat","families\u002Fat\u002Findex",[173,174,178,182,186,190],{"title":169,"path":170,"stem":171,"access":12,"icon":127},{"title":175,"path":176,"stem":177,"access":12},"aws-kms","\u002Ffamilies\u002Fat\u002Faws-kms","families\u002Fat\u002Faws-kms",{"title":179,"path":180,"stem":181,"access":12},"azure-keyvault","\u002Ffamilies\u002Fat\u002Fazure-keyvault","families\u002Fat\u002Fazure-keyvault",{"title":183,"path":184,"stem":185,"access":12},"env","\u002Ffamilies\u002Fat\u002Fenv","families\u002Fat\u002Fenv",{"title":187,"path":188,"stem":189,"access":12},"gcp-kms","\u002Ffamilies\u002Fat\u002Fgcp-kms","families\u002Fat\u002Fgcp-kms",{"title":191,"path":192,"stem":193,"access":12},"macos-keychain","\u002Ffamilies\u002Fat\u002Fmacos-keychain","families\u002Fat\u002Fmacos-keychain",{"title":195,"path":196,"stem":197,"children":198,"access":12,"icon":127},"by-Sessions","\u002Ffamilies\u002Fby","families\u002Fby\u002Findex",[199,200,204],{"title":195,"path":196,"stem":197,"access":12,"icon":127},{"title":201,"path":202,"stem":203,"access":12},"peer","\u002Ffamilies\u002Fby\u002Fpeer","families\u002Fby\u002Fpeer",{"title":205,"path":206,"stem":207,"access":12},"tabs","\u002Ffamilies\u002Fby\u002Ftabs","families\u002Fby\u002Ftabs",{"title":209,"path":210,"stem":211,"access":12},"Classifying a package","\u002Ffamilies\u002Fclassification","families\u002Fclassification",{"title":213,"path":214,"stem":215,"access":12},"Command-line tools","\u002Ffamilies\u002Fcli","families\u002Fcli",{"title":217,"path":218,"stem":219,"children":220,"access":12,"icon":127},"in-Frameworks","\u002Ffamilies\u002Fin","families\u002Fin\u002Findex",[221,222,226,230,234,238,242,246,250,254,258,262,266,270,274,278,282,286,290],{"title":217,"path":218,"stem":219,"access":12,"icon":127},{"title":223,"path":224,"stem":225,"access":12},"ai","\u002Ffamilies\u002Fin\u002Fai","families\u002Fin\u002Fai",{"title":227,"path":228,"stem":229,"access":12},"devtools","\u002Ffamilies\u002Fin\u002Fdevtools","families\u002Fin\u002Fdevtools",{"title":231,"path":232,"stem":233,"access":12},"devtools-tui","\u002Ffamilies\u002Fin\u002Fdevtools-tui","families\u002Fin\u002Fdevtools-tui",{"title":235,"path":236,"stem":237,"access":12},"liff","\u002Ffamilies\u002Fin\u002Fliff","families\u002Fin\u002Fliff",{"title":239,"path":240,"stem":241,"access":12},"nextjs","\u002Ffamilies\u002Fin\u002Fnextjs","families\u002Fin\u002Fnextjs",{"title":243,"path":244,"stem":245,"access":12},"nuxt","\u002Ffamilies\u002Fin\u002Fnuxt","families\u002Fin\u002Fnuxt",{"title":247,"path":248,"stem":249,"access":12},"pinia","\u002Ffamilies\u002Fin\u002Fpinia","families\u002Fin\u002Fpinia",{"title":251,"path":252,"stem":253,"access":12},"pwa","\u002Ffamilies\u002Fin\u002Fpwa","families\u002Fin\u002Fpwa",{"title":255,"path":256,"stem":257,"access":12},"react","\u002Ffamilies\u002Fin\u002Freact","families\u002Fin\u002Freact",{"title":259,"path":260,"stem":261,"access":12},"relay","\u002Ffamilies\u002Fin\u002Frelay","families\u002Fin\u002Frelay",{"title":263,"path":264,"stem":265,"access":12},"rest","\u002Ffamilies\u002Fin\u002Frest","families\u002Fin\u002Frest",{"title":267,"path":268,"stem":269,"access":12},"solid","\u002Ffamilies\u002Fin\u002Fsolid","families\u002Fin\u002Fsolid",{"title":271,"path":272,"stem":273,"access":12},"svelte","\u002Ffamilies\u002Fin\u002Fsvelte","families\u002Fin\u002Fsvelte",{"title":275,"path":276,"stem":277,"access":12},"tanstack-query","\u002Ffamilies\u002Fin\u002Ftanstack-query","families\u002Fin\u002Ftanstack-query",{"title":279,"path":280,"stem":281,"access":12},"tanstack-table","\u002Ffamilies\u002Fin\u002Ftanstack-table","families\u002Fin\u002Ftanstack-table",{"title":283,"path":284,"stem":285,"access":12},"vue","\u002Ffamilies\u002Fin\u002Fvue","families\u002Fin\u002Fvue",{"title":287,"path":288,"stem":289,"access":12},"yjs","\u002Ffamilies\u002Fin\u002Fyjs","families\u002Fin\u002Fyjs",{"title":291,"path":292,"stem":293,"access":12},"zustand","\u002Ffamilies\u002Fin\u002Fzustand","families\u002Fin\u002Fzustand",{"title":295,"path":296,"stem":297,"children":298,"access":12,"icon":127},"on-Auth","\u002Ffamilies\u002Fon","families\u002Fon\u002Findex",[299,300,304,308,312,316,320,324,328,332,336],{"title":295,"path":296,"stem":297,"access":12,"icon":127},{"title":301,"path":302,"stem":303,"access":12},"email-otp","\u002Ffamilies\u002Fon\u002Femail-otp","families\u002Fon\u002Femail-otp",{"title":305,"path":306,"stem":307,"access":12},"magic-link","\u002Ffamilies\u002Fon\u002Fmagic-link","families\u002Fon\u002Fmagic-link",{"title":309,"path":310,"stem":311,"access":12},"oidc","\u002Ffamilies\u002Fon\u002Foidc","families\u002Fon\u002Foidc",{"title":313,"path":314,"stem":315,"access":12},"password","\u002Ffamilies\u002Fon\u002Fpassword","families\u002Fon\u002Fpassword",{"title":317,"path":318,"stem":319,"access":12},"pin","\u002Ffamilies\u002Fon\u002Fpin","families\u002Fon\u002Fpin",{"title":321,"path":322,"stem":323,"access":12},"recovery","\u002Ffamilies\u002Fon\u002Frecovery","families\u002Fon\u002Frecovery",{"title":325,"path":326,"stem":327,"access":12},"shamir","\u002Ffamilies\u002Fon\u002Fshamir","families\u002Fon\u002Fshamir",{"title":329,"path":330,"stem":331,"access":12},"threat","\u002Ffamilies\u002Fon\u002Fthreat","families\u002Fon\u002Fthreat",{"title":333,"path":334,"stem":335,"access":12},"totp","\u002Ffamilies\u002Fon\u002Ftotp","families\u002Fon\u002Ftotp",{"title":337,"path":338,"stem":339,"access":12},"webauthn","\u002Ffamilies\u002Fon\u002Fwebauthn","families\u002Fon\u002Fwebauthn",{"title":341,"path":342,"stem":343,"children":344,"access":12,"icon":127},"to-Stores","\u002Ffamilies\u002Fto","families\u002Fto\u002Findex",[345,346,350,353,357,361,365,370,374,378,382,386,390,394,398,402,406,410,414,417,421,425,429,434,438,442],{"title":341,"path":342,"stem":343,"access":12,"icon":127},{"title":347,"path":348,"stem":349,"access":12},"aws-dynamo","\u002Ffamilies\u002Fto\u002Faws-dynamo","families\u002Fto\u002Faws-dynamo",{"title":129,"path":351,"stem":352,"access":12},"\u002Ffamilies\u002Fto\u002Faws-s3","families\u002Fto\u002Faws-s3",{"title":354,"path":355,"stem":356,"access":12},"browser-fs","\u002Ffamilies\u002Fto\u002Fbrowser-fs","families\u002Fto\u002Fbrowser-fs",{"title":358,"path":359,"stem":360,"access":12},"browser-idb","\u002Ffamilies\u002Fto\u002Fbrowser-idb","families\u002Fto\u002Fbrowser-idb",{"title":362,"path":363,"stem":364,"access":12},"browser-local","\u002Ffamilies\u002Fto\u002Fbrowser-local","families\u002Fto\u002Fbrowser-local",{"title":366,"path":367,"stem":368,"access":12,"icon":369},"Choosing a store","\u002Ffamilies\u002Fto\u002Fchoosing-a-store","families\u002Fto\u002Fchoosing-a-store","i-lucide-split",{"title":371,"path":372,"stem":373,"access":12},"cloudflare-d1","\u002Ffamilies\u002Fto\u002Fcloudflare-d1","families\u002Fto\u002Fcloudflare-d1",{"title":375,"path":376,"stem":377,"access":12},"cloudflare-r2","\u002Ffamilies\u002Fto\u002Fcloudflare-r2","families\u002Fto\u002Fcloudflare-r2",{"title":379,"path":380,"stem":381,"access":12},"drive","\u002Ffamilies\u002Fto\u002Fdrive","families\u002Fto\u002Fdrive",{"title":383,"path":384,"stem":385,"access":12},"file","\u002Ffamilies\u002Fto\u002Ffile","families\u002Fto\u002Ffile",{"title":387,"path":388,"stem":389,"access":12},"icloud","\u002Ffamilies\u002Fto\u002Ficloud","families\u002Fto\u002Ficloud",{"title":391,"path":392,"stem":393,"access":12},"memory","\u002Ffamilies\u002Fto\u002Fmemory","families\u002Fto\u002Fmemory",{"title":395,"path":396,"stem":397,"access":12},"meter","\u002Ffamilies\u002Fto\u002Fmeter","families\u002Fto\u002Fmeter",{"title":399,"path":400,"stem":401,"access":12},"mysql","\u002Ffamilies\u002Fto\u002Fmysql","families\u002Fto\u002Fmysql",{"title":403,"path":404,"stem":405,"access":12},"nfs","\u002Ffamilies\u002Fto\u002Fnfs","families\u002Fto\u002Fnfs",{"title":407,"path":408,"stem":409,"access":12},"postgres","\u002Ffamilies\u002Fto\u002Fpostgres","families\u002Fto\u002Fpostgres",{"title":411,"path":412,"stem":413,"access":12},"probe","\u002Ffamilies\u002Fto\u002Fprobe","families\u002Fto\u002Fprobe",{"title":263,"path":415,"stem":416,"access":12},"\u002Ffamilies\u002Fto\u002Frest","families\u002Fto\u002Frest",{"title":418,"path":419,"stem":420,"access":12},"smb","\u002Ffamilies\u002Fto\u002Fsmb","families\u002Fto\u002Fsmb",{"title":422,"path":423,"stem":424,"access":12},"sqlite","\u002Ffamilies\u002Fto\u002Fsqlite","families\u002Fto\u002Fsqlite",{"title":426,"path":427,"stem":428,"access":12},"ssh","\u002Ffamilies\u002Fto\u002Fssh","families\u002Fto\u002Fssh",{"title":430,"path":431,"stem":432,"access":12,"icon":433},"Store-locator descriptors","\u002Ffamilies\u002Fto\u002Fstore-locator","families\u002Fto\u002Fstore-locator","i-lucide-map-pin",{"title":435,"path":436,"stem":437,"access":12},"supabase","\u002Ffamilies\u002Fto\u002Fsupabase","families\u002Fto\u002Fsupabase",{"title":439,"path":440,"stem":441,"access":12},"turso","\u002Ffamilies\u002Fto\u002Fturso","families\u002Fto\u002Fturso",{"title":443,"path":444,"stem":445,"access":12},"webdav","\u002Ffamilies\u002Fto\u002Fwebdav","families\u002Fto\u002Fwebdav",{"title":447,"path":448,"stem":449,"children":450},"Faq","\u002Ffaq","faq",[451,454,458,462,466,470],{"title":10,"path":448,"stem":452,"access":12,"icon":453},"faq\u002Findex","i-lucide-circle-help",{"title":455,"path":456,"stem":457,"access":12},"Where can noy-db run?","\u002Ffaq\u002Fwhere-can-noy-db-run","faq\u002F1.where-can-noy-db-run",{"title":459,"path":460,"stem":461,"access":12},"Native mobile & PWA","\u002Ffaq\u002Fmobile-and-pwa","faq\u002F2.mobile-and-pwa",{"title":463,"path":464,"stem":465,"access":12},"Threat model","\u002Ffaq\u002Fthreat-model","faq\u002F3.threat-model",{"title":467,"path":468,"stem":469,"access":12},"Community & ecosystem","\u002Ffaq\u002Fcommunity-and-ecosystem","faq\u002F4.community-and-ecosystem",{"title":471,"path":472,"stem":473,"access":12},"Licensing","\u002Ffaq\u002Flicensing","faq\u002F5.licensing",{"title":475,"path":476,"stem":477,"children":478},"Glossary","\u002Fglossary","glossary",[479,482,486,490,494],{"title":10,"path":476,"stem":480,"access":12,"icon":481},"glossary\u002Findex","i-lucide-book-a",{"title":483,"path":484,"stem":485,"access":12},"Core vocabulary","\u002Fglossary\u002Fcore-vocabulary","glossary\u002Fcore-vocabulary",{"title":487,"path":488,"stem":489,"access":12},"Deletion vocabulary","\u002Fglossary\u002Fdeletion","glossary\u002Fdeletion",{"title":491,"path":492,"stem":493,"access":12},"Satellite collection vocabulary","\u002Fglossary\u002Fsatellite-collections","glossary\u002Fsatellite-collections",{"title":495,"path":496,"stem":497,"access":12},"Schema migration vocabulary","\u002Fglossary\u002Fschema-migration","glossary\u002Fschema-migration",{"title":499,"path":500,"stem":501,"children":502},"Recipes","\u002Frecipes","recipes",[503,506,510,514,518,522,526,530,534,538,542,546,550,554,558,562,567,571,575,580,584,588,592],{"title":10,"path":500,"stem":504,"access":12,"icon":505},"recipes\u002Findex","i-lucide-play",{"title":507,"path":508,"stem":509,"access":12},"Accounting app","\u002Frecipes\u002Faccounting-app","recipes\u002Faccounting-app",{"title":511,"path":512,"stem":513,"access":12},"Analytics app","\u002Frecipes\u002Fanalytics-app","recipes\u002Fanalytics-app",{"title":515,"path":516,"stem":517,"access":12},"Attestation verifier","\u002Frecipes\u002Fattestation-verifier","recipes\u002Fattestation-verifier",{"title":519,"path":520,"stem":521,"access":12},"AWS-KMS attestation","\u002Frecipes\u002Faws-kms-pdf-attestation","recipes\u002Faws-kms-pdf-attestation",{"title":523,"path":524,"stem":525,"access":12},"Browser durability","\u002Frecipes\u002Fbrowser-durability","recipes\u002Fbrowser-durability",{"title":527,"path":528,"stem":529,"access":12},"Production cloud store","\u002Frecipes\u002Fcloud-store","recipes\u002Fcloud-store",{"title":531,"path":532,"stem":533,"access":12},"Compose your own setup","\u002Frecipes\u002Fcompose-your-own","recipes\u002Fcompose-your-own",{"title":535,"path":536,"stem":537,"access":12},"Confidential HR records","\u002Frecipes\u002Fconfidential-hr","recipes\u002Fconfidential-hr",{"title":539,"path":540,"stem":541,"access":12},"Composing an echo secret","\u002Frecipes\u002Fecho-secret-enrollment","recipes\u002Fecho-secret-enrollment",{"title":543,"path":544,"stem":545,"access":12},"Email archive","\u002Frecipes\u002Femail-archive","recipes\u002Femail-archive",{"title":547,"path":548,"stem":549,"access":12},"Email archive — threads & revisions","\u002Frecipes\u002Femail-archive-threads-revisions","recipes\u002Femail-archive-threads-revisions",{"title":551,"path":552,"stem":553,"access":12},"Export & portability","\u002Frecipes\u002Fexport-portability","recipes\u002Fexport-portability",{"title":555,"path":556,"stem":557,"access":12},"Passwordless OIDC (AWS Cognito)","\u002Frecipes\u002Fpasswordless-oidc","recipes\u002Fpasswordless-oidc",{"title":559,"path":560,"stem":561,"access":12},"Personal notebook","\u002Frecipes\u002Fpersonal-notebook","recipes\u002Fpersonal-notebook",{"title":563,"path":564,"stem":565,"access":12,"icon":566},"Playgrounds","\u002Frecipes\u002Fplaygrounds","recipes\u002Fplaygrounds","i-lucide-gamepad-2",{"title":568,"path":569,"stem":570,"access":12},"React invoice app","\u002Frecipes\u002Freact-invoices","recipes\u002Freact-invoices",{"title":572,"path":573,"stem":574,"access":12},"Collaborative app","\u002Frecipes\u002Frealtime-crdt-app","recipes\u002Frealtime-crdt-app",{"title":576,"path":577,"stem":578,"access":12,"icon":579},"Run the showcases","\u002Frecipes\u002Frun-the-showcases","recipes\u002Frun-the-showcases","i-lucide-flask-conical",{"title":581,"path":582,"stem":583,"access":12},"Search & RAG","\u002Frecipes\u002Fsearch-rag","recipes\u002Fsearch-rag",{"title":585,"path":586,"stem":587,"access":12},"Team vault topology","\u002Frecipes\u002Fteam-vault-topology","recipes\u002Fteam-vault-topology",{"title":589,"path":590,"stem":591,"access":12},"Unlock ceremonies","\u002Frecipes\u002Funlock-ceremonies","recipes\u002Funlock-ceremonies",{"title":593,"path":594,"stem":595,"access":12},"User preferences","\u002Frecipes\u002Fuser-preferences","recipes\u002Fuser-preferences",{"title":597,"path":598,"stem":599,"children":600},"Services","\u002Fservices","services",[601,604,608,612,616,620,624,628,632,636,640,644,648,652,656,660,664,668,672,676,680,684,688,692,696,700,704,710,714,718,722,726,730,734,738,742,746,750,755,759,763,767,771,775,779,783,787,791,795,799,803,807,811,815,819,823,827,831,835,839,843,847,851,855,859,863,867,871,875,879,883,887,891,895,899],{"title":10,"path":598,"stem":602,"access":12,"icon":603},"services\u002Findex","i-lucide-layers",{"title":605,"path":606,"stem":607,"access":12},"archive","\u002Fservices\u002Farchive","services\u002Farchive",{"title":609,"path":610,"stem":611,"access":12},"attestation","\u002Fservices\u002Fattestation","services\u002Fattestation",{"title":613,"path":614,"stem":615,"access":12},"auth-introspection","\u002Fservices\u002Fauth-introspection","services\u002Fauth-introspection",{"title":617,"path":618,"stem":619,"access":12},"auth-landscape","\u002Fservices\u002Fauth-landscape","services\u002Fauth-landscape",{"title":621,"path":622,"stem":623,"access":12},"blobs","\u002Fservices\u002Fblobs","services\u002Fblobs",{"title":625,"path":626,"stem":627,"access":12},"broker","\u002Fservices\u002Fbroker","services\u002Fbroker",{"title":629,"path":630,"stem":631,"access":12},"bundle","\u002Fservices\u002Fbundle","services\u002Fbundle",{"title":633,"path":634,"stem":635,"access":12},"classified","\u002Fservices\u002Fclassified","services\u002Fclassified",{"title":637,"path":638,"stem":639,"access":12},"computed","\u002Fservices\u002Fcomputed","services\u002Fcomputed",{"title":641,"path":642,"stem":643,"access":12},"consent","\u002Fservices\u002Fconsent","services\u002Fconsent",{"title":645,"path":646,"stem":647,"access":12},"cover","\u002Fservices\u002Fcover","services\u002Fcover",{"title":649,"path":650,"stem":651,"access":12},"coverage","\u002Fservices\u002Fcoverage","services\u002Fcoverage",{"title":653,"path":654,"stem":655,"access":12},"crdt","\u002Fservices\u002Fcrdt","services\u002Fcrdt",{"title":657,"path":658,"stem":659,"access":12},"cross-join","\u002Fservices\u002Fcross-join","services\u002Fcross-join",{"title":661,"path":662,"stem":663,"access":12},"custody","\u002Fservices\u002Fcustody","services\u002Fcustody",{"title":665,"path":666,"stem":667,"access":12},"derivations","\u002Fservices\u002Fderivations","services\u002Fderivations",{"title":669,"path":670,"stem":671,"access":12},"directory","\u002Fservices\u002Fdirectory","services\u002Fdirectory",{"title":673,"path":674,"stem":675,"access":12},"search — AI","\u002Fservices\u002Fembeddings","services\u002Fembeddings",{"title":677,"path":678,"stem":679,"access":12},"Field metadata","\u002Fservices\u002Ffield-metadata","services\u002Ffield-metadata",{"title":681,"path":682,"stem":683,"access":12},"Foreign refs","\u002Fservices\u002Fforeign-refs","services\u002Fforeign-refs",{"title":685,"path":686,"stem":687,"access":12},"forget","\u002Fservices\u002Fforget","services\u002Fforget",{"title":689,"path":690,"stem":691,"access":12},"governance","\u002Fservices\u002Fgovernance","services\u002Fgovernance",{"title":693,"path":694,"stem":695,"access":12},"guards","\u002Fservices\u002Fguards","services\u002Fguards",{"title":697,"path":698,"stem":699,"access":12},"history","\u002Fservices\u002Fhistory","services\u002Fhistory",{"title":701,"path":702,"stem":703,"access":12},"i18n","\u002Fservices\u002Fi18n","services\u002Fi18n",{"title":705,"path":706,"stem":707,"children":708,"access":12},"indexing","\u002Fservices\u002Findexing","services\u002Findexing",[709],{"title":705,"path":706,"stem":707,"access":12},{"title":711,"path":712,"stem":713,"access":12},"introspection","\u002Fservices\u002Fintrospection","services\u002Fintrospection",{"title":715,"path":716,"stem":717,"access":12},"joins","\u002Fservices\u002Fjoins","services\u002Fjoins",{"title":719,"path":720,"stem":721,"access":12},"lazy","\u002Fservices\u002Flazy","services\u002Flazy",{"title":723,"path":724,"stem":725,"access":12},"links","\u002Fservices\u002Flinks","services\u002Flinks",{"title":727,"path":728,"stem":729,"access":12},"live","\u002Fservices\u002Flive","services\u002Flive",{"title":731,"path":732,"stem":733,"access":12},"lookup","\u002Fservices\u002Flookup","services\u002Flookup",{"title":735,"path":736,"stem":737,"access":12},"manifest","\u002Fservices\u002Fmanifest","services\u002Fmanifest",{"title":739,"path":740,"stem":741,"access":12},"materialized-views","\u002Fservices\u002Fmaterialized-views","services\u002Fmaterialized-views",{"title":743,"path":744,"stem":745,"access":12},"Metadata ladder","\u002Fservices\u002Fmetadata-ladder","services\u002Fmetadata-ladder",{"title":747,"path":748,"stem":749,"access":12},"Metadata riders","\u002Fservices\u002Fmetadata-riders","services\u002Fmetadata-riders",{"title":751,"path":752,"stem":753,"access":12,"badge":754},"metrics","\u002Fservices\u002Fmetrics","services\u002Fmetrics","Planned",{"title":756,"path":757,"stem":758,"access":12,"badge":754},"migrations","\u002Fservices\u002Fmigrations","services\u002Fmigrations",{"title":760,"path":761,"stem":762,"access":12},"money","\u002Fservices\u002Fmoney","services\u002Fmoney",{"title":764,"path":765,"stem":766,"access":12},"numbering","\u002Fservices\u002Fnumbering","services\u002Fnumbering",{"title":768,"path":769,"stem":770,"access":12},"overlay-views","\u002Fservices\u002Foverlay-views","services\u002Foverlay-views",{"title":772,"path":773,"stem":774,"access":12,"badge":754},"partitioning","\u002Fservices\u002Fpartitioning","services\u002Fpartitioning",{"title":776,"path":777,"stem":778,"access":12},"periods","\u002Fservices\u002Fperiods","services\u002Fperiods",{"title":780,"path":781,"stem":782,"access":12},"persisted-schemas","\u002Fservices\u002Fpersisted-schemas","services\u002Fpersisted-schemas",{"title":784,"path":785,"stem":786,"access":12},"plaintext-bypass","\u002Fservices\u002Fplaintext-bypass","services\u002Fplaintext-bypass",{"title":788,"path":789,"stem":790,"access":12},"pod-redirect","\u002Fservices\u002Fpod-redirect","services\u002Fpod-redirect",{"title":792,"path":793,"stem":794,"access":12},"pod-signature","\u002Fservices\u002Fpod-signature","services\u002Fpod-signature",{"title":796,"path":797,"stem":798,"access":12},"policy","\u002Fservices\u002Fpolicy","services\u002Fpolicy",{"title":800,"path":801,"stem":802,"access":12},"portability","\u002Fservices\u002Fportability","services\u002Fportability",{"title":804,"path":805,"stem":806,"access":12},"reduce","\u002Fservices\u002Freduce","services\u002Freduce",{"title":808,"path":809,"stem":810,"access":12},"routing","\u002Fservices\u002Frouting","services\u002Frouting",{"title":812,"path":813,"stem":814,"access":12},"satellites","\u002Fservices\u002Fsatellites","services\u002Fsatellites",{"title":816,"path":817,"stem":818,"access":12},"schema-identifiers","\u002Fservices\u002Fschema-identifiers","services\u002Fschema-identifiers",{"title":820,"path":821,"stem":822,"access":12},"schema-update","\u002Fservices\u002Fschema-update","services\u002Fschema-update",{"title":824,"path":825,"stem":826,"access":12},"sealed-record","\u002Fservices\u002Fsealed-record","services\u002Fsealed-record",{"title":828,"path":829,"stem":830,"access":12},"sealing provider id","\u002Fservices\u002Fsealing-pid-stability","services\u002Fsealing-pid-stability",{"title":832,"path":833,"stem":834,"access":12},"search — full-text","\u002Fservices\u002Fsearch","services\u002Fsearch",{"title":836,"path":837,"stem":838,"access":12},"sequence","\u002Fservices\u002Fsequence","services\u002Fsequence",{"title":840,"path":841,"stem":842,"access":12},"session","\u002Fservices\u002Fsession","services\u002Fsession",{"title":844,"path":845,"stem":846,"access":12},"session-tiers","\u002Fservices\u002Fsession-tiers","services\u002Fsession-tiers",{"title":848,"path":849,"stem":850,"access":12},"shadow","\u002Fservices\u002Fshadow","services\u002Fshadow",{"title":852,"path":853,"stem":854,"access":12},"share-link","\u002Fservices\u002Fshare-link","services\u002Fshare-link",{"title":856,"path":857,"stem":858,"access":12},"snapshots","\u002Fservices\u002Fsnapshots","services\u002Fsnapshots",{"title":860,"path":861,"stem":862,"access":12},"store capabilities","\u002Fservices\u002Fstorage-capability-matrix","services\u002Fstorage-capability-matrix",{"title":864,"path":865,"stem":866,"access":12},"sync","\u002Fservices\u002Fsync","services\u002Fsync",{"title":868,"path":869,"stem":870,"access":12},"team","\u002Fservices\u002Fteam","services\u002Fteam",{"title":872,"path":873,"stem":874,"access":12},"tiers","\u002Fservices\u002Ftiers","services\u002Ftiers",{"title":876,"path":877,"stem":878,"access":12},"transactions","\u002Fservices\u002Ftransactions","services\u002Ftransactions",{"title":880,"path":881,"stem":882,"access":12},"partitions","\u002Fservices\u002Ftransferable-partitions","services\u002Ftransferable-partitions",{"title":884,"path":885,"stem":886,"access":12},"user-envelope","\u002Fservices\u002Fuser-envelope","services\u002Fuser-envelope",{"title":888,"path":889,"stem":890,"access":12,"badge":754},"validation","\u002Fservices\u002Fvalidation","services\u002Fvalidation",{"title":892,"path":893,"stem":894,"access":12},"vault-head","\u002Fservices\u002Fvault-head","services\u002Fvault-head",{"title":896,"path":897,"stem":898,"access":12},"via","\u002Fservices\u002Fvia","services\u002Fvia",{"title":900,"path":901,"stem":902,"access":12},"withdrawal","\u002Fservices\u002Fwithdrawal","services\u002Fwithdrawal",{"title":904,"path":905,"stem":906,"children":907},"Start","\u002Fstart","start",[908,911,915,919,923],{"title":10,"path":905,"stem":909,"access":12,"icon":910},"start\u002Findex","i-lucide-flag",{"title":912,"path":913,"stem":914,"access":12},"Install","\u002Fstart\u002Finstall","start\u002F1.install",{"title":916,"path":917,"stem":918,"access":12},"Your first vault","\u002Fstart\u002Ffirst-vault","start\u002F2.first-vault",{"title":920,"path":921,"stem":922,"access":12},"Your first service","\u002Fstart\u002Ffirst-service","start\u002F3.first-service",{"title":924,"path":925,"stem":926,"access":12},"See the ciphertext","\u002Fstart\u002Fsee-the-ciphertext","start\u002F4.see-the-ciphertext",{"id":928,"title":568,"access":12,"apiToc":929,"body":930,"category":2408,"description":2409,"extension":2410,"meta":2411,"navigation":2408,"nest":2408,"path":569,"seo":2412,"sinceVersion":2408,"status":2413,"stem":570,"subtitle":2408,"tier":2414,"tocExternal":2408,"__hash__":2415},"docs\u002Frecipes\u002Freact-invoices.md",false,{"type":931,"value":932,"toc":2396},"minimark",[933,937,961,973,986,991,1031,1035,1038,1446,1453,1704,1707,1936,1943,1948,2128,2132,2138,2296,2305,2309,2319,2323,2357,2361,2392],[934,935,568],"h1",{"id":936},"react-invoice-app",[938,939,940],"blockquote",{},[941,942,943,947,948,951,952,956,957,960],"p",{},[944,945,946],"strong",{},"Audience:"," a React developer who wants an encrypted, offline-first data layer without adding a state library.\n",[944,949,950],{},"Bundle:"," core + ",[953,954,955],"code",{},"@noy-db\u002Fin-react"," (hooks) + ",[953,958,959],{},"@noy-db\u002Fto-browser-idb"," (persistence) — no opt-in services required.",[941,962,963,964,967,968,972],{},"An invoice list you can add to, edit, and filter — where every record is encrypted before it touches IndexedDB, and every write re-renders exactly the components that read it. The hooks are built on React 18's ",[953,965,966],{},"useSyncExternalStore",", so noy-db ",[969,970,971],"em",{},"is"," the state layer: no Redux, no context-of-arrays, no cache invalidation.",[941,974,975,976,985],{},"Verified by: ",[977,978,982],"a",{"href":979,"rel":980},"https:\u002F\u002Fgithub.com\u002Fnoy-db\u002Fdocs\u002Fblob\u002Fmain\u002Fshowcases\u002Fsrc\u002Frecipe-react-invoices.recipe.test.tsx",[981],"nofollow",[953,983,984],{},"showcases\u002Fsrc\u002Frecipe-react-invoices.recipe.test.tsx"," — the code below is the same code that runs there.",[987,988,990],"h2",{"id":989},"prerequisites","Prerequisites",[992,993,994,1004,1021],"ul",{},[995,996,997,1000,1001,1003],"li",{},[944,998,999],{},"React 18+"," — the hooks rely on ",[953,1002,966],{},".",[995,1005,1006,1014,1015,1017,1018],{},[944,1007,1008,1010,1011],{},[953,1009,955],{}," + ",[953,1012,1013],{},"@noy-db\u002Fhub"," (and ",[953,1016,959],{}," for persistence): ",[953,1019,1020],{},"pnpm add @noy-db\u002Fhub @noy-db\u002Fin-react @noy-db\u002Fto-browser-idb",[995,1022,1023,1026,1027,1030],{},[944,1024,1025],{},"Nothing else"," — no ",[953,1028,1029],{},"with*()"," service is needed for this recipe; reactive lists and queries are core behavior surfaced through the hooks.",[987,1032,1034],{"id":1033},"setup","Setup",[941,1036,1037],{},"One typed collection, one provider:",[1039,1040,1045],"pre",{"className":1041,"code":1042,"language":1043,"meta":1044,"style":1044},"language-tsx shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { createNoydb } from '@noy-db\u002Fhub'\nimport { toBrowserIdb } from '@noy-db\u002Fto-browser-idb'\nimport { NoydbProvider } from '@noy-db\u002Fin-react'\n\ninterface Invoice {\n  id: string\n  number: string\n  customer: string\n  amount: number\n  status: 'draft' | 'sent' | 'paid'\n}\n\nconst db = await createNoydb({\n  store: toBrowserIdb(),          \u002F\u002F encrypted persistence in IndexedDB\n  user: 'me',\n  secret: 'react-recipe-pass-2026',  \u002F\u002F in a real app: collected at unlock, not hardcoded\n})\nconst vault = await db.openVault('acme')\n\nexport function App() {\n  return (\n    \u003CNoydbProvider db={db}>\n      \u003CInvoiceList \u002F>\n      \u003CBigInvoices \u002F>\n    \u003C\u002FNoydbProvider>\n  )\n}\n","tsx","",[953,1046,1047,1079,1099,1119,1126,1140,1153,1163,1173,1184,1219,1225,1230,1254,1274,1292,1312,1321,1352,1357,1373,1382,1402,1414,1424,1435,1441],{"__ignoreMap":1044},[1048,1049,1052,1056,1060,1064,1067,1070,1073,1076],"span",{"class":1050,"line":1051},"line",1,[1048,1053,1055],{"class":1054},"s7zQu","import",[1048,1057,1059],{"class":1058},"sMK4o"," {",[1048,1061,1063],{"class":1062},"sTEyZ"," createNoydb",[1048,1065,1066],{"class":1058}," }",[1048,1068,1069],{"class":1054}," from",[1048,1071,1072],{"class":1058}," '",[1048,1074,1013],{"class":1075},"sfazB",[1048,1077,1078],{"class":1058},"'\n",[1048,1080,1082,1084,1086,1089,1091,1093,1095,1097],{"class":1050,"line":1081},2,[1048,1083,1055],{"class":1054},[1048,1085,1059],{"class":1058},[1048,1087,1088],{"class":1062}," toBrowserIdb",[1048,1090,1066],{"class":1058},[1048,1092,1069],{"class":1054},[1048,1094,1072],{"class":1058},[1048,1096,959],{"class":1075},[1048,1098,1078],{"class":1058},[1048,1100,1102,1104,1106,1109,1111,1113,1115,1117],{"class":1050,"line":1101},3,[1048,1103,1055],{"class":1054},[1048,1105,1059],{"class":1058},[1048,1107,1108],{"class":1062}," NoydbProvider",[1048,1110,1066],{"class":1058},[1048,1112,1069],{"class":1054},[1048,1114,1072],{"class":1058},[1048,1116,955],{"class":1075},[1048,1118,1078],{"class":1058},[1048,1120,1122],{"class":1050,"line":1121},4,[1048,1123,1125],{"emptyLinePlaceholder":1124},true,"\n",[1048,1127,1129,1133,1137],{"class":1050,"line":1128},5,[1048,1130,1132],{"class":1131},"spNyl","interface",[1048,1134,1136],{"class":1135},"sBMFI"," Invoice",[1048,1138,1139],{"class":1058}," {\n",[1048,1141,1143,1147,1150],{"class":1050,"line":1142},6,[1048,1144,1146],{"class":1145},"swJcz","  id",[1048,1148,1149],{"class":1058},":",[1048,1151,1152],{"class":1135}," string\n",[1048,1154,1156,1159,1161],{"class":1050,"line":1155},7,[1048,1157,1158],{"class":1145},"  number",[1048,1160,1149],{"class":1058},[1048,1162,1152],{"class":1135},[1048,1164,1166,1169,1171],{"class":1050,"line":1165},8,[1048,1167,1168],{"class":1145},"  customer",[1048,1170,1149],{"class":1058},[1048,1172,1152],{"class":1135},[1048,1174,1176,1179,1181],{"class":1050,"line":1175},9,[1048,1177,1178],{"class":1145},"  amount",[1048,1180,1149],{"class":1058},[1048,1182,1183],{"class":1135}," number\n",[1048,1185,1187,1190,1192,1194,1197,1200,1203,1205,1208,1210,1212,1214,1217],{"class":1050,"line":1186},10,[1048,1188,1189],{"class":1145},"  status",[1048,1191,1149],{"class":1058},[1048,1193,1072],{"class":1058},[1048,1195,1196],{"class":1075},"draft",[1048,1198,1199],{"class":1058},"'",[1048,1201,1202],{"class":1058}," |",[1048,1204,1072],{"class":1058},[1048,1206,1207],{"class":1075},"sent",[1048,1209,1199],{"class":1058},[1048,1211,1202],{"class":1058},[1048,1213,1072],{"class":1058},[1048,1215,1216],{"class":1075},"paid",[1048,1218,1078],{"class":1058},[1048,1220,1222],{"class":1050,"line":1221},11,[1048,1223,1224],{"class":1058},"}\n",[1048,1226,1228],{"class":1050,"line":1227},12,[1048,1229,1125],{"emptyLinePlaceholder":1124},[1048,1231,1233,1236,1239,1242,1245,1248,1251],{"class":1050,"line":1232},13,[1048,1234,1235],{"class":1131},"const",[1048,1237,1238],{"class":1062}," db ",[1048,1240,1241],{"class":1058},"=",[1048,1243,1244],{"class":1054}," await",[1048,1246,1063],{"class":1247},"s2Zo4",[1048,1249,1250],{"class":1062},"(",[1048,1252,1253],{"class":1058},"{\n",[1048,1255,1257,1260,1262,1264,1267,1270],{"class":1050,"line":1256},14,[1048,1258,1259],{"class":1145},"  store",[1048,1261,1149],{"class":1058},[1048,1263,1088],{"class":1247},[1048,1265,1266],{"class":1062},"()",[1048,1268,1269],{"class":1058},",",[1048,1271,1273],{"class":1272},"sHwdD","          \u002F\u002F encrypted persistence in IndexedDB\n",[1048,1275,1277,1280,1282,1284,1287,1289],{"class":1050,"line":1276},15,[1048,1278,1279],{"class":1145},"  user",[1048,1281,1149],{"class":1058},[1048,1283,1072],{"class":1058},[1048,1285,1286],{"class":1075},"me",[1048,1288,1199],{"class":1058},[1048,1290,1291],{"class":1058},",\n",[1048,1293,1295,1298,1300,1302,1305,1307,1309],{"class":1050,"line":1294},16,[1048,1296,1297],{"class":1145},"  secret",[1048,1299,1149],{"class":1058},[1048,1301,1072],{"class":1058},[1048,1303,1304],{"class":1075},"react-recipe-pass-2026",[1048,1306,1199],{"class":1058},[1048,1308,1269],{"class":1058},[1048,1310,1311],{"class":1272},"  \u002F\u002F in a real app: collected at unlock, not hardcoded\n",[1048,1313,1315,1318],{"class":1050,"line":1314},17,[1048,1316,1317],{"class":1058},"}",[1048,1319,1320],{"class":1062},")\n",[1048,1322,1324,1326,1329,1331,1333,1336,1338,1341,1343,1345,1348,1350],{"class":1050,"line":1323},18,[1048,1325,1235],{"class":1131},[1048,1327,1328],{"class":1062}," vault ",[1048,1330,1241],{"class":1058},[1048,1332,1244],{"class":1054},[1048,1334,1335],{"class":1062}," db",[1048,1337,1003],{"class":1058},[1048,1339,1340],{"class":1247},"openVault",[1048,1342,1250],{"class":1062},[1048,1344,1199],{"class":1058},[1048,1346,1347],{"class":1075},"acme",[1048,1349,1199],{"class":1058},[1048,1351,1320],{"class":1062},[1048,1353,1355],{"class":1050,"line":1354},19,[1048,1356,1125],{"emptyLinePlaceholder":1124},[1048,1358,1360,1363,1366,1369,1371],{"class":1050,"line":1359},20,[1048,1361,1362],{"class":1054},"export",[1048,1364,1365],{"class":1131}," function",[1048,1367,1368],{"class":1247}," App",[1048,1370,1266],{"class":1058},[1048,1372,1139],{"class":1058},[1048,1374,1376,1379],{"class":1050,"line":1375},21,[1048,1377,1378],{"class":1054},"  return",[1048,1380,1381],{"class":1145}," (\n",[1048,1383,1385,1388,1391,1393,1396,1399],{"class":1050,"line":1384},22,[1048,1386,1387],{"class":1058},"    \u003C",[1048,1389,1390],{"class":1135},"NoydbProvider",[1048,1392,1335],{"class":1131},[1048,1394,1395],{"class":1058},"={",[1048,1397,1398],{"class":1062},"db",[1048,1400,1401],{"class":1058},"}>\n",[1048,1403,1405,1408,1411],{"class":1050,"line":1404},23,[1048,1406,1407],{"class":1058},"      \u003C",[1048,1409,1410],{"class":1135},"InvoiceList",[1048,1412,1413],{"class":1058}," \u002F>\n",[1048,1415,1417,1419,1422],{"class":1050,"line":1416},24,[1048,1418,1407],{"class":1058},[1048,1420,1421],{"class":1135},"BigInvoices",[1048,1423,1413],{"class":1058},[1048,1425,1427,1430,1432],{"class":1050,"line":1426},25,[1048,1428,1429],{"class":1058},"    \u003C\u002F",[1048,1431,1390],{"class":1135},[1048,1433,1434],{"class":1058},">\n",[1048,1436,1438],{"class":1050,"line":1437},26,[1048,1439,1440],{"class":1145},"  )\n",[1048,1442,1444],{"class":1050,"line":1443},27,[1048,1445,1224],{"class":1058},[987,1447,1449,1450],{"id":1448},"a-reactive-list-usecollection","A reactive list — ",[953,1451,1452],{},"useCollection",[1039,1454,1456],{"className":1041,"code":1455,"language":1043,"meta":1044,"style":1044},"import { useCollection } from '@noy-db\u002Fin-react'\n\nfunction InvoiceList() {\n  const { data, loading } = useCollection\u003CInvoice>(vault, 'invoices')\n  if (loading) return \u003Cp>Loading…\u003C\u002Fp>\n  return (\n    \u003Cul>\n      {data.map((inv) => (\n        \u003Cli key={inv.id}>{inv.number} — {inv.customer} — {inv.amount}\u003C\u002Fli>\n      ))}\n    \u003C\u002Ful>\n  )\n}\n",[953,1457,1458,1477,1481,1493,1540,1574,1580,1588,1617,1681,1688,1696,1700],{"__ignoreMap":1044},[1048,1459,1460,1462,1464,1467,1469,1471,1473,1475],{"class":1050,"line":1051},[1048,1461,1055],{"class":1054},[1048,1463,1059],{"class":1058},[1048,1465,1466],{"class":1062}," useCollection",[1048,1468,1066],{"class":1058},[1048,1470,1069],{"class":1054},[1048,1472,1072],{"class":1058},[1048,1474,955],{"class":1075},[1048,1476,1078],{"class":1058},[1048,1478,1479],{"class":1050,"line":1081},[1048,1480,1125],{"emptyLinePlaceholder":1124},[1048,1482,1483,1486,1489,1491],{"class":1050,"line":1101},[1048,1484,1485],{"class":1131},"function",[1048,1487,1488],{"class":1247}," InvoiceList",[1048,1490,1266],{"class":1058},[1048,1492,1139],{"class":1058},[1048,1494,1495,1498,1500,1503,1505,1508,1510,1513,1515,1518,1521,1524,1526,1529,1531,1533,1536,1538],{"class":1050,"line":1121},[1048,1496,1497],{"class":1131},"  const",[1048,1499,1059],{"class":1058},[1048,1501,1502],{"class":1062}," data",[1048,1504,1269],{"class":1058},[1048,1506,1507],{"class":1062}," loading",[1048,1509,1066],{"class":1058},[1048,1511,1512],{"class":1058}," =",[1048,1514,1466],{"class":1247},[1048,1516,1517],{"class":1058},"\u003C",[1048,1519,1520],{"class":1135},"Invoice",[1048,1522,1523],{"class":1058},">",[1048,1525,1250],{"class":1145},[1048,1527,1528],{"class":1062},"vault",[1048,1530,1269],{"class":1058},[1048,1532,1072],{"class":1058},[1048,1534,1535],{"class":1075},"invoices",[1048,1537,1199],{"class":1058},[1048,1539,1320],{"class":1145},[1048,1541,1542,1545,1548,1551,1554,1557,1560,1562,1564,1567,1570,1572],{"class":1050,"line":1128},[1048,1543,1544],{"class":1054},"  if",[1048,1546,1547],{"class":1145}," (",[1048,1549,1550],{"class":1062},"loading",[1048,1552,1553],{"class":1145},") ",[1048,1555,1556],{"class":1054},"return",[1048,1558,1559],{"class":1058}," \u003C",[1048,1561,941],{"class":1145},[1048,1563,1523],{"class":1058},[1048,1565,1566],{"class":1062},"Loading…",[1048,1568,1569],{"class":1058},"\u003C\u002F",[1048,1571,941],{"class":1145},[1048,1573,1434],{"class":1058},[1048,1575,1576,1578],{"class":1050,"line":1142},[1048,1577,1378],{"class":1054},[1048,1579,1381],{"class":1145},[1048,1581,1582,1584,1586],{"class":1050,"line":1155},[1048,1583,1387],{"class":1058},[1048,1585,992],{"class":1145},[1048,1587,1434],{"class":1058},[1048,1589,1590,1593,1596,1598,1601,1603,1605,1609,1612,1615],{"class":1050,"line":1165},[1048,1591,1592],{"class":1058},"      {",[1048,1594,1595],{"class":1062},"data",[1048,1597,1003],{"class":1058},[1048,1599,1600],{"class":1247},"map",[1048,1602,1250],{"class":1062},[1048,1604,1250],{"class":1058},[1048,1606,1608],{"class":1607},"sHdIc","inv",[1048,1610,1611],{"class":1058},")",[1048,1613,1614],{"class":1131}," =>",[1048,1616,1381],{"class":1062},[1048,1618,1619,1622,1624,1627,1629,1631,1633,1636,1639,1641,1643,1646,1648,1651,1654,1656,1658,1661,1663,1665,1667,1669,1671,1674,1677,1679],{"class":1050,"line":1175},[1048,1620,1621],{"class":1058},"        \u003C",[1048,1623,995],{"class":1145},[1048,1625,1626],{"class":1131}," key",[1048,1628,1395],{"class":1058},[1048,1630,1608],{"class":1062},[1048,1632,1003],{"class":1058},[1048,1634,1635],{"class":1062},"id",[1048,1637,1638],{"class":1058},"}>{",[1048,1640,1608],{"class":1062},[1048,1642,1003],{"class":1058},[1048,1644,1645],{"class":1062},"number",[1048,1647,1317],{"class":1058},[1048,1649,1650],{"class":1062}," — ",[1048,1652,1653],{"class":1058},"{",[1048,1655,1608],{"class":1062},[1048,1657,1003],{"class":1058},[1048,1659,1660],{"class":1062},"customer",[1048,1662,1317],{"class":1058},[1048,1664,1650],{"class":1062},[1048,1666,1653],{"class":1058},[1048,1668,1608],{"class":1062},[1048,1670,1003],{"class":1058},[1048,1672,1673],{"class":1062},"amount",[1048,1675,1676],{"class":1058},"}\u003C\u002F",[1048,1678,995],{"class":1145},[1048,1680,1434],{"class":1058},[1048,1682,1683,1686],{"class":1050,"line":1186},[1048,1684,1685],{"class":1062},"      ))",[1048,1687,1224],{"class":1058},[1048,1689,1690,1692,1694],{"class":1050,"line":1221},[1048,1691,1429],{"class":1058},[1048,1693,992],{"class":1145},[1048,1695,1434],{"class":1058},[1048,1697,1698],{"class":1050,"line":1227},[1048,1699,1440],{"class":1145},[1048,1701,1702],{"class":1050,"line":1232},[1048,1703,1224],{"class":1058},[941,1705,1706],{},"Writes are plain collection calls — from a form handler, a keyboard shortcut, or a sync pull; every component reading the collection re-renders:",[1039,1708,1710],{"className":1041,"code":1709,"language":1043,"meta":1044,"style":1044},"const invoices = vault.collection\u003CInvoice>('invoices')\n\n\u002F\u002F add\nawait invoices.put('inv-2', { id: 'inv-2', number: '2026-002', customer: 'Globex', amount: 125000, status: 'draft' })\n\n\u002F\u002F edit is the same put() — the row updates in place\nawait invoices.put('inv-2', { id: 'inv-2', number: '2026-002', customer: 'Globex', amount: 125000, status: 'sent' })\n",[953,1711,1712,1745,1749,1754,1847,1851,1856],{"__ignoreMap":1044},[1048,1713,1714,1716,1719,1721,1724,1726,1729,1731,1733,1735,1737,1739,1741,1743],{"class":1050,"line":1051},[1048,1715,1235],{"class":1131},[1048,1717,1718],{"class":1062}," invoices ",[1048,1720,1241],{"class":1058},[1048,1722,1723],{"class":1062}," vault",[1048,1725,1003],{"class":1058},[1048,1727,1728],{"class":1247},"collection",[1048,1730,1517],{"class":1058},[1048,1732,1520],{"class":1135},[1048,1734,1523],{"class":1058},[1048,1736,1250],{"class":1062},[1048,1738,1199],{"class":1058},[1048,1740,1535],{"class":1075},[1048,1742,1199],{"class":1058},[1048,1744,1320],{"class":1062},[1048,1746,1747],{"class":1050,"line":1081},[1048,1748,1125],{"emptyLinePlaceholder":1124},[1048,1750,1751],{"class":1050,"line":1101},[1048,1752,1753],{"class":1272},"\u002F\u002F add\n",[1048,1755,1756,1759,1762,1764,1767,1769,1771,1774,1776,1778,1780,1783,1785,1787,1789,1791,1793,1796,1798,1800,1803,1805,1807,1810,1812,1814,1817,1819,1821,1824,1826,1830,1832,1835,1837,1839,1841,1843,1845],{"class":1050,"line":1121},[1048,1757,1758],{"class":1054},"await",[1048,1760,1761],{"class":1062}," invoices",[1048,1763,1003],{"class":1058},[1048,1765,1766],{"class":1247},"put",[1048,1768,1250],{"class":1062},[1048,1770,1199],{"class":1058},[1048,1772,1773],{"class":1075},"inv-2",[1048,1775,1199],{"class":1058},[1048,1777,1269],{"class":1058},[1048,1779,1059],{"class":1058},[1048,1781,1782],{"class":1145}," id",[1048,1784,1149],{"class":1058},[1048,1786,1072],{"class":1058},[1048,1788,1773],{"class":1075},[1048,1790,1199],{"class":1058},[1048,1792,1269],{"class":1058},[1048,1794,1795],{"class":1145}," number",[1048,1797,1149],{"class":1058},[1048,1799,1072],{"class":1058},[1048,1801,1802],{"class":1075},"2026-002",[1048,1804,1199],{"class":1058},[1048,1806,1269],{"class":1058},[1048,1808,1809],{"class":1145}," customer",[1048,1811,1149],{"class":1058},[1048,1813,1072],{"class":1058},[1048,1815,1816],{"class":1075},"Globex",[1048,1818,1199],{"class":1058},[1048,1820,1269],{"class":1058},[1048,1822,1823],{"class":1145}," amount",[1048,1825,1149],{"class":1058},[1048,1827,1829],{"class":1828},"sbssI"," 125000",[1048,1831,1269],{"class":1058},[1048,1833,1834],{"class":1145}," status",[1048,1836,1149],{"class":1058},[1048,1838,1072],{"class":1058},[1048,1840,1196],{"class":1075},[1048,1842,1199],{"class":1058},[1048,1844,1066],{"class":1058},[1048,1846,1320],{"class":1062},[1048,1848,1849],{"class":1050,"line":1128},[1048,1850,1125],{"emptyLinePlaceholder":1124},[1048,1852,1853],{"class":1050,"line":1142},[1048,1854,1855],{"class":1272},"\u002F\u002F edit is the same put() — the row updates in place\n",[1048,1857,1858,1860,1862,1864,1866,1868,1870,1872,1874,1876,1878,1880,1882,1884,1886,1888,1890,1892,1894,1896,1898,1900,1902,1904,1906,1908,1910,1912,1914,1916,1918,1920,1922,1924,1926,1928,1930,1932,1934],{"class":1050,"line":1155},[1048,1859,1758],{"class":1054},[1048,1861,1761],{"class":1062},[1048,1863,1003],{"class":1058},[1048,1865,1766],{"class":1247},[1048,1867,1250],{"class":1062},[1048,1869,1199],{"class":1058},[1048,1871,1773],{"class":1075},[1048,1873,1199],{"class":1058},[1048,1875,1269],{"class":1058},[1048,1877,1059],{"class":1058},[1048,1879,1782],{"class":1145},[1048,1881,1149],{"class":1058},[1048,1883,1072],{"class":1058},[1048,1885,1773],{"class":1075},[1048,1887,1199],{"class":1058},[1048,1889,1269],{"class":1058},[1048,1891,1795],{"class":1145},[1048,1893,1149],{"class":1058},[1048,1895,1072],{"class":1058},[1048,1897,1802],{"class":1075},[1048,1899,1199],{"class":1058},[1048,1901,1269],{"class":1058},[1048,1903,1809],{"class":1145},[1048,1905,1149],{"class":1058},[1048,1907,1072],{"class":1058},[1048,1909,1816],{"class":1075},[1048,1911,1199],{"class":1058},[1048,1913,1269],{"class":1058},[1048,1915,1823],{"class":1145},[1048,1917,1149],{"class":1058},[1048,1919,1829],{"class":1828},[1048,1921,1269],{"class":1058},[1048,1923,1834],{"class":1145},[1048,1925,1149],{"class":1058},[1048,1927,1072],{"class":1058},[1048,1929,1207],{"class":1075},[1048,1931,1199],{"class":1058},[1048,1933,1066],{"class":1058},[1048,1935,1320],{"class":1062},[987,1937,1939,1940],{"id":1938},"a-filtered-view-usequery","A filtered view — ",[953,1941,1942],{},"useQuery",[941,1944,1945,1947],{},[953,1946,1942],{}," keeps the result of any query builder reactive — new matching writes update the view:",[1039,1949,1951],{"className":1041,"code":1950,"language":1043,"meta":1044,"style":1044},"import { useQuery } from '@noy-db\u002Fin-react'\n\nfunction BigInvoices() {\n  const { data } = useQuery\u003CInvoice, Invoice[]>(\n    vault, 'invoices',\n    (q) => q.where('amount', '>', 10_000).toArray(),\n  )\n  return \u003Cp>{(data ?? []).length} large invoice(s)\u003C\u002Fp>\n}\n",[953,1952,1953,1972,1976,1987,2017,2032,2084,2088,2124],{"__ignoreMap":1044},[1048,1954,1955,1957,1959,1962,1964,1966,1968,1970],{"class":1050,"line":1051},[1048,1956,1055],{"class":1054},[1048,1958,1059],{"class":1058},[1048,1960,1961],{"class":1062}," useQuery",[1048,1963,1066],{"class":1058},[1048,1965,1069],{"class":1054},[1048,1967,1072],{"class":1058},[1048,1969,955],{"class":1075},[1048,1971,1078],{"class":1058},[1048,1973,1974],{"class":1050,"line":1081},[1048,1975,1125],{"emptyLinePlaceholder":1124},[1048,1977,1978,1980,1983,1985],{"class":1050,"line":1101},[1048,1979,1485],{"class":1131},[1048,1981,1982],{"class":1247}," BigInvoices",[1048,1984,1266],{"class":1058},[1048,1986,1139],{"class":1058},[1048,1988,1989,1991,1993,1995,1997,1999,2001,2003,2005,2007,2009,2012,2014],{"class":1050,"line":1121},[1048,1990,1497],{"class":1131},[1048,1992,1059],{"class":1058},[1048,1994,1502],{"class":1062},[1048,1996,1066],{"class":1058},[1048,1998,1512],{"class":1058},[1048,2000,1961],{"class":1247},[1048,2002,1517],{"class":1058},[1048,2004,1520],{"class":1135},[1048,2006,1269],{"class":1058},[1048,2008,1136],{"class":1135},[1048,2010,2011],{"class":1145},"[]",[1048,2013,1523],{"class":1058},[1048,2015,2016],{"class":1145},"(\n",[1048,2018,2019,2022,2024,2026,2028,2030],{"class":1050,"line":1128},[1048,2020,2021],{"class":1062},"    vault",[1048,2023,1269],{"class":1058},[1048,2025,1072],{"class":1058},[1048,2027,1535],{"class":1075},[1048,2029,1199],{"class":1058},[1048,2031,1291],{"class":1058},[1048,2033,2034,2037,2040,2042,2044,2047,2049,2052,2054,2056,2058,2060,2062,2064,2066,2068,2070,2073,2075,2077,2080,2082],{"class":1050,"line":1142},[1048,2035,2036],{"class":1058},"    (",[1048,2038,2039],{"class":1607},"q",[1048,2041,1611],{"class":1058},[1048,2043,1614],{"class":1131},[1048,2045,2046],{"class":1062}," q",[1048,2048,1003],{"class":1058},[1048,2050,2051],{"class":1247},"where",[1048,2053,1250],{"class":1145},[1048,2055,1199],{"class":1058},[1048,2057,1673],{"class":1075},[1048,2059,1199],{"class":1058},[1048,2061,1269],{"class":1058},[1048,2063,1072],{"class":1058},[1048,2065,1523],{"class":1075},[1048,2067,1199],{"class":1058},[1048,2069,1269],{"class":1058},[1048,2071,2072],{"class":1828}," 10_000",[1048,2074,1611],{"class":1145},[1048,2076,1003],{"class":1058},[1048,2078,2079],{"class":1247},"toArray",[1048,2081,1266],{"class":1145},[1048,2083,1291],{"class":1058},[1048,2085,2086],{"class":1050,"line":1155},[1048,2087,1440],{"class":1145},[1048,2089,2090,2092,2094,2096,2099,2102,2105,2108,2110,2113,2115,2118,2120,2122],{"class":1050,"line":1165},[1048,2091,1378],{"class":1054},[1048,2093,1559],{"class":1058},[1048,2095,941],{"class":1145},[1048,2097,2098],{"class":1058},">{",[1048,2100,2101],{"class":1062},"(data ",[1048,2103,2104],{"class":1058},"??",[1048,2106,2107],{"class":1062}," [])",[1048,2109,1003],{"class":1058},[1048,2111,2112],{"class":1062},"length",[1048,2114,1317],{"class":1058},[1048,2116,2117],{"class":1062}," large invoice(s)",[1048,2119,1569],{"class":1058},[1048,2121,941],{"class":1145},[1048,2123,1434],{"class":1058},[1048,2125,2126],{"class":1050,"line":1175},[1048,2127,1224],{"class":1058},[987,2129,2131],{"id":2130},"lock-and-unlock","Lock and unlock",[941,2133,2134,2137],{},[953,2135,2136],{},"db.close()"," wipes the in-memory keys — the \"lock\". The ciphertext stays in IndexedDB; reopening with the secret restores access:",[1039,2139,2143],{"className":2140,"code":2141,"language":2142,"meta":1044,"style":1044},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","db.close() \u002F\u002F lock: keys wiped, store keeps only ciphertext\n\nconst db2 = await createNoydb({ store: toBrowserIdb(), user: 'me', secret: 'react-recipe-pass-2026' })\nconst vault2 = await db2.openVault('acme')\nawait vault2.collection\u003CInvoice>('invoices').get('inv-1')\n\u002F\u002F → { id: 'inv-1', number: '2026-001', customer: 'ABC Trading', ... }\n","ts",[953,2144,2145,2160,2164,2220,2248,2291],{"__ignoreMap":1044},[1048,2146,2147,2149,2151,2154,2157],{"class":1050,"line":1051},[1048,2148,1398],{"class":1062},[1048,2150,1003],{"class":1058},[1048,2152,2153],{"class":1247},"close",[1048,2155,2156],{"class":1062},"() ",[1048,2158,2159],{"class":1272},"\u002F\u002F lock: keys wiped, store keeps only ciphertext\n",[1048,2161,2162],{"class":1050,"line":1081},[1048,2163,1125],{"emptyLinePlaceholder":1124},[1048,2165,2166,2168,2171,2173,2175,2177,2179,2181,2184,2186,2188,2190,2192,2195,2197,2199,2201,2203,2205,2208,2210,2212,2214,2216,2218],{"class":1050,"line":1101},[1048,2167,1235],{"class":1131},[1048,2169,2170],{"class":1062}," db2 ",[1048,2172,1241],{"class":1058},[1048,2174,1244],{"class":1054},[1048,2176,1063],{"class":1247},[1048,2178,1250],{"class":1062},[1048,2180,1653],{"class":1058},[1048,2182,2183],{"class":1145}," store",[1048,2185,1149],{"class":1058},[1048,2187,1088],{"class":1247},[1048,2189,1266],{"class":1062},[1048,2191,1269],{"class":1058},[1048,2193,2194],{"class":1145}," user",[1048,2196,1149],{"class":1058},[1048,2198,1072],{"class":1058},[1048,2200,1286],{"class":1075},[1048,2202,1199],{"class":1058},[1048,2204,1269],{"class":1058},[1048,2206,2207],{"class":1145}," secret",[1048,2209,1149],{"class":1058},[1048,2211,1072],{"class":1058},[1048,2213,1304],{"class":1075},[1048,2215,1199],{"class":1058},[1048,2217,1066],{"class":1058},[1048,2219,1320],{"class":1062},[1048,2221,2222,2224,2227,2229,2231,2234,2236,2238,2240,2242,2244,2246],{"class":1050,"line":1121},[1048,2223,1235],{"class":1131},[1048,2225,2226],{"class":1062}," vault2 ",[1048,2228,1241],{"class":1058},[1048,2230,1244],{"class":1054},[1048,2232,2233],{"class":1062}," db2",[1048,2235,1003],{"class":1058},[1048,2237,1340],{"class":1247},[1048,2239,1250],{"class":1062},[1048,2241,1199],{"class":1058},[1048,2243,1347],{"class":1075},[1048,2245,1199],{"class":1058},[1048,2247,1320],{"class":1062},[1048,2249,2250,2252,2255,2257,2259,2261,2263,2265,2267,2269,2271,2273,2275,2277,2280,2282,2284,2287,2289],{"class":1050,"line":1128},[1048,2251,1758],{"class":1054},[1048,2253,2254],{"class":1062}," vault2",[1048,2256,1003],{"class":1058},[1048,2258,1728],{"class":1247},[1048,2260,1517],{"class":1058},[1048,2262,1520],{"class":1135},[1048,2264,1523],{"class":1058},[1048,2266,1250],{"class":1062},[1048,2268,1199],{"class":1058},[1048,2270,1535],{"class":1075},[1048,2272,1199],{"class":1058},[1048,2274,1611],{"class":1062},[1048,2276,1003],{"class":1058},[1048,2278,2279],{"class":1247},"get",[1048,2281,1250],{"class":1062},[1048,2283,1199],{"class":1058},[1048,2285,2286],{"class":1075},"inv-1",[1048,2288,1199],{"class":1058},[1048,2290,1320],{"class":1062},[1048,2292,2293],{"class":1050,"line":1142},[1048,2294,2295],{"class":1272},"\u002F\u002F → { id: 'inv-1', number: '2026-001', customer: 'ABC Trading', ... }\n",[941,2297,2298,2299,2304],{},"In a real app the secret comes from an unlock screen — or from a passkey via ",[977,2300,2301],{"href":338},[953,2302,2303],{},"on-webauthn"," so there's nothing to type at all.",[987,2306,2308],{"id":2307},"verify-the-encryption-yourself","Verify the encryption yourself",[941,2310,2311,2312,2315,2316,2318],{},"With the app running, open DevTools → Application → IndexedDB: every stored envelope's ",[953,2313,2314],{},"_data"," is opaque ciphertext — the same experiment as ",[977,2317,924],{"href":925},", in the browser.",[987,2320,2322],{"id":2321},"where-to-go-from-here","Where to go from here",[992,2324,2325,2335,2344],{},[995,2326,2327,2328,2331,2332,1003],{},"Sync across devices: add ",[953,2329,2330],{},"syncStrategy: withSync()"," and a shared store — see the ",[977,2333,2334],{"href":573},"collaborative app recipe",[995,2336,2337,2338,2341,2342,1003],{},"History\u002Fundo: ",[953,2339,2340],{},"historyStrategy: withHistory()"," — see ",[977,2343,920],{"href":921},[995,2345,2346,2347,2352,2353,2356],{},"Next.js: ",[977,2348,2349],{"href":240},[953,2350,2351],{},"in-nextjs"," re-exports these hooks under ",[953,2354,2355],{},"\u002Fclient"," with App Router server helpers.",[987,2358,2360],{"id":2359},"see-also","See also",[992,2362,2363,2380,2386],{},[995,2364,2365,2368,2369,2372,2373,2372,2376,2379],{},[977,2366,2367],{"href":256},"in-react"," — the full five-hook surface (",[953,2370,2371],{},"useNoydb",", ",[953,2374,2375],{},"useVault",[953,2377,2378],{},"useSync",").",[995,2381,2382,2385],{},[977,2383,2384],{"href":359},"to-browser-idb"," — the persistence layer and its eviction notes.",[995,2387,2388,2391],{},[977,2389,2390],{"href":500},"Recipes overview"," — the composition model when this recipe stops being enough.",[2393,2394,2395],"style",{},"html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":1044,"searchDepth":1101,"depth":1101,"links":2397},[2398,2399,2400,2402,2404,2405,2406,2407],{"id":989,"depth":1081,"text":990},{"id":1033,"depth":1081,"text":1034},{"id":1448,"depth":1081,"text":2401},"A reactive list — useCollection",{"id":1938,"depth":1081,"text":2403},"A filtered view — useQuery",{"id":2130,"depth":1081,"text":2131},{"id":2307,"depth":1081,"text":2308},{"id":2321,"depth":1081,"text":2322},{"id":2359,"depth":1081,"text":2360},null,"An end-to-end React app: reactive lists and filtered views via hooks, encrypted persistence in IndexedDB, and the lock\u002Funlock cycle — no state library.","md",{},{"title":568,"description":2409},"stable","important","mgKdt9bCjxcmczp9VfIkfIf0jucA-uWvBQN20qAKhqA",1791896576481]