{"id":17395229,"url":"https://github.com/vakrilov/ngrx-devtools-nativescript","last_synced_at":"2025-04-15T14:11:02.520Z","repository":{"id":55045877,"uuid":"58550817","full_name":"vakrilov/ngrx-devtools-nativescript","owner":"vakrilov","description":null,"archived":false,"fork":false,"pushed_at":"2021-01-13T07:56:21.000Z","size":2945,"stargazers_count":30,"open_issues_count":0,"forks_count":10,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-04-03T10:38:21.780Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/vakrilov.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-05-11T14:11:11.000Z","updated_at":"2022-10-23T09:26:20.000Z","dependencies_parsed_at":"2022-08-14T10:00:52.329Z","dependency_job_id":null,"html_url":"https://github.com/vakrilov/ngrx-devtools-nativescript","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vakrilov%2Fngrx-devtools-nativescript","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vakrilov%2Fngrx-devtools-nativescript/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vakrilov%2Fngrx-devtools-nativescript/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vakrilov%2Fngrx-devtools-nativescript/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vakrilov","download_url":"https://codeload.github.com/vakrilov/ngrx-devtools-nativescript/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248830396,"owners_count":21168272,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-16T11:41:39.589Z","updated_at":"2025-04-15T14:11:02.496Z","avatar_url":"https://github.com/vakrilov.png","language":"TypeScript","readme":"## Looking for maintainers\n\nThis repo is looking for maintainers. If you are interested please ping me on \u003chttps://twitter.com/ufsa\u003e\n\n# ngrx-devtools-nativescript\n\nImplementation of a devtools monitor similar to those available in [@ngrx/store-devtools](https://github.com/ngrx/store-devtools) for [NativeScript](https://www.nativescript.org/).\n\n## Install\n\n```sh\nnpm i ngrx-devtools-nativescript\n```\n\n## How to use\n\nFirst of all you should instrument your @ngrx/store using `StoreModule.provideStore(...)`. Check out [@ngrx/devtools readme](https://github.com/ngrx/devtools/blob/master/README.md) for how to do that.\n\nImport the `NativeScriptDevToolsMonitors` in your app(or other) module and add store-dev-tools instrumentation by importing `StoreDevtoolsModule.instrumentStore()`:\n\n```typescript\nimport { NgModule } from \"@angular/core\";\nimport { StoreModule } from '@ngrx/store';\nimport { NativeScriptDevToolsMonitors } from \"ngrx-devtools-nativescript\";\nimport { StoreDevtoolsModule } from '@ngrx/store-devtools';\n\n@NgModule({\n  imports: [\n    NativeScriptModule,\n    NativeScriptDevToolsMonitors,\n    StoreModule.provideStore({ ... }),\n    StoreDevtoolsModule.instrumentStore()\n  ],\n  declarations: [AppComponent],\n  bootstrap: [AppComponent]\n})\nclass AppModule { };\n\n```\n\nUse `\u003cns-dock-monitor\u003e` component inside you application - preferably in the root of the visual tree.\n\n```typescript\nimport { NSDockMonitor } from \"ngrx-devtools-nativescript\";\n\n@Component({\n    selector: \"my-app\",\n    directives: [NSDockMonitor],\n    template: `\n    \u003cgrid-layout\u003e\n        //...\n        \u003cns-dock-monitor screenCover=\"0.5\"\u003e\u003c/ns-dock-monitor\u003e\n    \u003c/grid-layout\u003e`\n})\nexport class AppComponent {\n    //...\n}\n```\n\nYou can specify what part of the screen should be covered by the dev-tools slideout with the `screenCover` property.\n\n## Example\n\nExample projects:\n\n* [counter](https://github.com/vakrilov/ngrx-devtools-nativescript/tree/master/examples/counter)\n* [tic-tac-toe](https://github.com/vakrilov/ngrx-devtools-nativescript/tree/master/examples/tic-tac-toe)\n  \n## Pure Redux example with Vanilla JS {N} App\n\n* [reduxDemo](https://github.com/shiv19/nativescript-redux-poc)\n\n## Contributing\n\n* Source files for this tool (as an Angular library) are located: `./projects/ngrx-devtools-nativescript/src/lib`\n* Build output will be in: `./dist/ngrx-devtools-nativescript`\n* Build commands:\n\n  ```sh\n  npm i\n  ng build ngrx-devtools-nativescript --prod\n  cd dist/ngrx-devtools-nativescript\n  npm publish  # or 'npm pack' for a local build\n  ```\n","funding_links":[],"categories":["Awesome {N} [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)"],"sub_categories":["Table of Contents"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvakrilov%2Fngrx-devtools-nativescript","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvakrilov%2Fngrx-devtools-nativescript","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvakrilov%2Fngrx-devtools-nativescript/lists"}