{"_id":"@ngneat/query-devtools","_rev":"5-24c198d43fae3d7b38c18c39c7695613","name":"@ngneat/query-devtools","dist-tags":{"latest":"2.1.0"},"versions":{"1.0.0-beta.0":{"name":"@ngneat/query-devtools","version":"1.0.0-beta.0","license":"MIT","_id":"@ngneat/query-devtools@1.0.0-beta.0","maintainers":[{"name":"netanel-ngneat","email":"netanel77999@gmail.com"},{"name":"itayod","email":"itayoded1@gmail.com"},{"name":"shahar.kazaz","email":"shahar.kazaz@gmail.com"}],"homepage":"https://github.com/ngneat","bugs":{"url":"https://github.com/ngneat/query/issues"},"dist":{"shasum":"81eab92607fd4c93eca63e1a561f29900933668b","tarball":"https://registry.npmjs.org/@ngneat/query-devtools/-/query-devtools-1.0.0-beta.0.tgz","fileCount":8,"integrity":"sha512-VyvSZ0aUprPWdJqjKLqlqLj4nMldQC0+I6uQNVwwyPHeY13GFCL4GlMm54CGCDkcq8I8S6PeU2k/zfqOT2yQKQ==","signatures":[{"sig":"MEUCIFYfaBP5apAR7M405f+map+oXvOk05Hot1mlBbl+BVWOAiEAxpwuINrRynOPikSAgG0YJ/jXt8uhrJ5vR7V0zjKXtdU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3211,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjS9OvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrW6hAAk4TfLQRHIQYgokSuOFJ9VGVqQRKZ3iBG1pS+KN/v7cxXJ98c\r\nvJkkOdi/DZzcNe6xKI2tsT3IVdato1uZA1dL5Mt5IxAOdANL2jomZPNcHi2H\r\n5Pq2f7VsEmpcoi2VdA/UZ9S5bvGYpoyziHAleNVDL7Vm8RCV3TNW9rF2btW8\r\nUqFbAHnAEihD5FeSHb/ZFjze9qYS3TOfoTCZcegS9qshqyXavQNc5RuOtP83\r\n9q5eSAcki6idKhg9p7EQh+90i4AO78d0z4+xu9WqybFMXwTTM5BtLjcx4Z1Z\r\nUTWpowbu3NYlSqtO2dfS9bEEkp/EiK0OKxdfJcMCNRGFa07CjpflYL3ZVKXO\r\nnm80ACv0kWHJX4Fb9pivthTSWr9k0EfT3tCCq+Ne4tUb1l8LYwOyzlEEFE6E\r\nSJhN75NHg9tfuh5kmpkXFQEC3TiYq30qLLJDMU2u+WBzZ1CbfkqaFsh7psKS\r\nOmNZNUo9hsuPcqqFsCPnR6l2dzE9hGEI7DCqzd9QOD0l+juET/oeSKFlE+zn\r\n4uF2DIFwlPd1195dD/zeur7ZObFujtpLUj+GAjHER6KKNZ18YDMl3uqQJkyU\r\nJnrxu68GiLuHqJcWtLpb0DfzJiVIHOdzdgi3DuFS8L4EiO6hdRJG1J4WpQfH\r\nEjoFPEpIhNqOhX1alvM6kvaEXmSwGUVPFzE=\r\n=id9o\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./src/index.js","types":"./src/index.d.ts","funding":{"url":"https://github.com/sponsors/ngneat","type":"github"},"gitHead":"520746163f27cb456e720c6028baea2bba6469b1","_npmUser":{"name":"netanel-ngneat","email":"netanel77999@gmail.com"},"repository":{"url":"git+https://github.com/ngneat/query.git","type":"git"},"_npmVersion":"8.13.2","description":"Developer tools to interact with and visualize the ngneat/query cache","directories":{},"sideEffects":false,"_nodeVersion":"18.6.0","dependencies":{"react":"^18.2.0","react-dom":"^18.2.0","@tanstack/react-query":"^4.12.0","@tanstack/react-query-devtools":"^4.12.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"tslib":"2.4.0","is-what":"4.1.7","js-tokens":"4.0.0","scheduler":"0.23.0","superjson":"1.10.1","loose-envify":"1.4.0","copy-anything":"3.0.2","remove-accents":"0.4.2","@tanstack/query-core":"4.12.0","use-sync-external-store":"1.2.0","@tanstack/match-sorter-utils":"8.5.14"},"_npmOperationalInternal":{"tmp":"tmp/query-devtools_1.0.0-beta.0_1665913775773_0.7898249680689715","host":"s3://npm-registry-packages"}},"1.0.0":{"name":"@ngneat/query-devtools","version":"1.0.0","license":"MIT","_id":"@ngneat/query-devtools@1.0.0","maintainers":[{"name":"netanel-ngneat","email":"netanel77999@gmail.com"},{"name":"itayod","email":"itayoded1@gmail.com"},{"name":"shahar.kazaz","email":"shahar.kazaz@gmail.com"}],"homepage":"https://github.com/ngneat","bugs":{"url":"https://github.com/ngneat/query/issues"},"dist":{"shasum":"a0b7e0445dcc54f9511782e59e2d8225bfa338d7","tarball":"https://registry.npmjs.org/@ngneat/query-devtools/-/query-devtools-1.0.0.tgz","fileCount":9,"integrity":"sha512-659Vd+omMM0k4YLpXwFcEFk+b9KsKyjo6qMfi04m3bj/LxP7AVqzeIx+4K5shRVJlhhLzvkjAFoUL4hSEFGINQ==","signatures":[{"sig":"MEUCIF1JsgUpjXBWlWW8Cr7f0ZD9pgmIyn61qukYqy52wcorAiEA3b0Z1G3bnH4tpT7HkBI73miSUPlJHi2F5RPpTex7kAw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3037},"main":"./src/index.js","type":"commonjs","types":"./src/index.d.ts","funding":{"url":"https://github.com/sponsors/ngneat","type":"github"},"gitHead":"9d536c3a68d4800fd0342b23cd02073ad6ae1640","_npmUser":{"name":"netanel-ngneat","email":"netanel77999@gmail.com"},"repository":{"url":"git+https://github.com/ngneat/query.git","type":"git"},"_npmVersion":"9.6.7","description":"Developer tools to interact with and visualize the ngneat/query cache","directories":{},"sideEffects":false,"_nodeVersion":"18.17.1","dependencies":{"react":"^18.2.0","react-dom":"^18.2.0","@tanstack/react-query":"^4.12.0","@tanstack/react-query-devtools":"^4.12.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/query-devtools_1.0.0_1694165545935_0.042727987946044266","host":"s3://npm-registry-packages"}},"2.0.0-beta.0":{"name":"@ngneat/query-devtools","version":"2.0.0-beta.0","license":"MIT","_id":"@ngneat/query-devtools@2.0.0-beta.0","maintainers":[{"name":"netanel-ngneat","email":"netanel77999@gmail.com"},{"name":"itayod","email":"itayoded1@gmail.com"},{"name":"shahar.kazaz","email":"shahar.kazaz@gmail.com"}],"homepage":"https://github.com/ngneat","bugs":{"url":"https://github.com/ngneat/query/issues"},"dist":{"shasum":"5697c317df649917b329b502634334af5b9cf944","tarball":"https://registry.npmjs.org/@ngneat/query-devtools/-/query-devtools-2.0.0-beta.0.tgz","fileCount":11,"integrity":"sha512-H2SOT+W9I3slegcY6C8NjsZOm5LfHzKTSJ2lL8Vlu2jLtWe2JEFUzSalrcyCQpbgiUSmsNUMBAVqItI5s5Q17w==","signatures":[{"sig":"MEUCIQD5C5gG/Nf288dCTcVipyUWbcoteBq6VMWzwVmMqob+hAIgS3r6LaIzkvh48IWKCGzl2EXJZm2DDwVr4fwsS46GaDg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12492},"module":"fesm2022/ngneat-query-devtools.mjs","exports":{".":{"esm":"./esm2022/ngneat-query-devtools.mjs","types":"./index.d.ts","default":"./fesm2022/ngneat-query-devtools.mjs","esm2022":"./esm2022/ngneat-query-devtools.mjs"},"./package.json":{"default":"./package.json"}},"funding":{"url":"https://github.com/sponsors/ngneat","type":"github"},"gitHead":"4aaa793df9d63024c40deebf3b9dca7b8b57c9b1","typings":"index.d.ts","_npmUser":{"name":"netanel-ngneat","email":"netanel77999@gmail.com"},"repository":{"url":"git+https://github.com/ngneat/query.git","type":"git"},"_npmVersion":"9.6.7","description":"Developer tools to interact with and visualize the ngneat/query cache","directories":{},"sideEffects":false,"_nodeVersion":"18.17.1","dependencies":{"tslib":"^2.3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=16.0.0 <18.0.0","@tanstack/query-devtools":"5.4.2"},"_npmOperationalInternal":{"tmp":"tmp/query-devtools_2.0.0-beta.0_1699819552127_0.48176614753226654","host":"s3://npm-registry-packages"}},"2.0.0":{"name":"@ngneat/query-devtools","version":"2.0.0","license":"MIT","_id":"@ngneat/query-devtools@2.0.0","maintainers":[{"name":"netanel-ngneat","email":"netanel77999@gmail.com"},{"name":"itayod","email":"itayoded1@gmail.com"},{"name":"shahar.kazaz","email":"shahar.kazaz@gmail.com"}],"homepage":"https://github.com/ngneat","bugs":{"url":"https://github.com/ngneat/query/issues"},"dist":{"shasum":"71886cae62e239dd49058d70524eb3e63ffce97f","tarball":"https://registry.npmjs.org/@ngneat/query-devtools/-/query-devtools-2.0.0.tgz","fileCount":11,"integrity":"sha512-nm0XJwABDQ/DGAR27Px/oFtYPRaaKG7zX+jOOKBVO5x0P1pwGvXoO8oaZb4u/sp3ulAwQtPetdokPkLdpAd8+g==","signatures":[{"sig":"MEUCIQCUbOuC8O+/nHEl9AWN3SPORISwL1oqwh1FaPkpVp/9PgIgdlBzDYmi6SFfQru0rhzQ7yY97O+0AsndTU94jgKnHHU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14572},"module":"fesm2022/ngneat-query-devtools.mjs","exports":{".":{"esm":"./esm2022/ngneat-query-devtools.mjs","types":"./index.d.ts","default":"./fesm2022/ngneat-query-devtools.mjs","esm2022":"./esm2022/ngneat-query-devtools.mjs"},"./package.json":{"default":"./package.json"}},"funding":{"url":"https://github.com/sponsors/ngneat","type":"github"},"gitHead":"0573f6123842113388df5b974726768a3cdb5c6f","typings":"index.d.ts","_npmUser":{"name":"netanel-ngneat","email":"netanel77999@gmail.com"},"repository":{"url":"git+https://github.com/ngneat/query.git","type":"git"},"_npmVersion":"10.2.4","description":"Developer tools to interact with and visualize the ngneat/query cache","directories":{},"sideEffects":false,"_nodeVersion":"20.11.1","dependencies":{"tslib":"^2.3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=16.0.0 <19.0.0","@tanstack/query-devtools":"5.4.2"},"_npmOperationalInternal":{"tmp":"tmp/query-devtools_2.0.0_1720020149822_0.9775533571507806","host":"s3://npm-registry-packages"}},"2.1.0":{"name":"@ngneat/query-devtools","version":"2.1.0","description":"Developer tools to interact with and visualize the ngneat/query cache","license":"MIT","repository":{"type":"git","url":"git+https://github.com/ngneat/query.git"},"homepage":"https://github.com/ngneat","funding":{"type":"github","url":"https://github.com/sponsors/ngneat"},"peerDependencies":{"@angular/core":">=16.0.0 <20.0.0","@tanstack/query-devtools":"5.61.4"},"dependencies":{"tslib":"^2.4.0"},"publishConfig":{"access":"public"},"sideEffects":false,"module":"fesm2022/ngneat-query-devtools.mjs","typings":"index.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","default":"./fesm2022/ngneat-query-devtools.mjs"}},"_id":"@ngneat/query-devtools@2.1.0","gitHead":"4560f4ca2bab9b6153673743bf60b042c7eb3791","bugs":{"url":"https://github.com/ngneat/query/issues"},"_nodeVersion":"20.11.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-1l8jF80EFls3yg1ECuOP1o2A99VnewwQzkekBIkuAj87KVirMjRAmUoutdjv2cogCiawSWMLAFmHH4Tt06Poow==","shasum":"106c7eaf49d4ef43b84b558b64a0d15a817d9564","tarball":"https://registry.npmjs.org/@ngneat/query-devtools/-/query-devtools-2.1.0.tgz","fileCount":8,"unpackedSize":8380,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCICZRaCXgvKAdSH4Yh+y9GZuaX1jiDhjy+K9f/hAHpYlqAiAyv+PaWhE8yXPptWJGquxQHkoVI82QZ+Zg/x57e1qAdQ=="}]},"_npmUser":{"name":"netanel-ngneat","email":"netanel77999@gmail.com"},"directories":{},"maintainers":[{"name":"netanel-ngneat","email":"netanel77999@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/query-devtools_2.1.0_1737826202845_0.36614126428181293"},"_hasShrinkwrap":false}},"time":{"created":"2022-10-16T09:49:35.725Z","modified":"2025-01-25T17:30:03.259Z","1.0.0-beta.0":"2022-10-16T09:49:35.947Z","1.0.0":"2023-09-08T09:32:26.208Z","2.0.0-beta.0":"2023-11-12T20:05:52.318Z","2.0.0":"2024-07-03T15:22:29.983Z","2.1.0":"2025-01-25T17:30:03.023Z"},"bugs":{"url":"https://github.com/ngneat/query/issues"},"license":"MIT","homepage":"https://github.com/ngneat","repository":{"type":"git","url":"git+https://github.com/ngneat/query.git"},"description":"Developer tools to interact with and visualize the ngneat/query cache","maintainers":[{"name":"netanel-ngneat","email":"netanel77999@gmail.com"}],"readme":"# ngneat/query-devtools\n\nWave your hands in the air and shout hooray because Angular Query comes with dedicated devtools! 🥳\n\nWhen you begin your Angular Query journey, you'll want these devtools by your side. They help visualize all of the inner workings of Angular Query and will likely save you hours of debugging if you find yourself in a pinch!\n\nInstall the `@ngneat/query-devtools` package. Lazy load and use it only in `development` environment:\n\n```ts\nimport { provideQueryDevTools } from '@ngneat/query';\nimport { environment } from 'src/environments/environment';\n\nbootstrapApplication(AppComponent, {\n  providers: [environment.production ? [] : provideQueryDevTools(options)],\n});\n```\n\nSee all the available options [here](https://tanstack.com/query/v5/docs/react/devtools#options).\n\n# Recipes\n\n## Devtools in Production\n\nIf you would like to lazy-load devtools in production, you can use something similar to the following:\n\n```ts\nimport { onlineManager } from '@tanstack/query-core';\nimport { APP_INITIALIZER } from '@angular/core';\nimport { injectQueryClient } from '@ngneat/query';\n\nexport const appConfig: ApplicationConfig = {\n  providers: [\n    // ...other providers...\n    environment.production\n      ?  {\n          provide: APP_INITIALIZER,\n          multi: true,\n          useFactory: provideLazyQueryDevTools,\n        },\n      : provideQueryDevTools(options),\n  ],\n};\n\nfunction provideLazyQueryDevTools() {\n  const client = injectQueryClient();\n  return () => {\n    // Define our global `toggleDevtools()` function to lazy-load query devtools\n    window.toggleDevtools = () => {\n      import('@tanstack/query-devtools').then((d) => {\n        new d.TanstackQueryDevtools({\n          client,\n          queryFlavor: '@ngneat/query',\n          version: '5',\n          position: 'bottom',\n          initialIsOpen: true,\n          buttonPosition: 'bottom-right',\n          onlineManager,\n        }).mount(document.body);\n      });\n    };\n  };\n}\n```\n\nThis will define a global window function `window.toggleDevtools()` - open the developer console and call this to lazy-load and mount the devtools.\nSee also [Devtools in production](https://tanstack.com/query/v4/docs/react/devtools#devtools-in-production).\n","readmeFilename":"README.md"}