{"id":19044540,"url":"https://github.com/crissdev/knockout-state-renderer","last_synced_at":"2025-06-21T12:37:31.734Z","repository":{"id":57154550,"uuid":"39033474","full_name":"crissdev/knockout-state-renderer","owner":"crissdev","description":"A Knockout based rendering layer for the abstract-state-router","archived":false,"fork":false,"pushed_at":"2015-10-24T21:22:31.000Z","size":172,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-06-11T14:34:53.408Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/crissdev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-07-13T19:41:05.000Z","updated_at":"2020-04-21T01:11:07.000Z","dependencies_parsed_at":"2022-09-03T18:21:30.948Z","dependency_job_id":null,"html_url":"https://github.com/crissdev/knockout-state-renderer","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"purl":"pkg:github/crissdev/knockout-state-renderer","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/crissdev%2Fknockout-state-renderer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/crissdev%2Fknockout-state-renderer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/crissdev%2Fknockout-state-renderer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/crissdev%2Fknockout-state-renderer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/crissdev","download_url":"https://codeload.github.com/crissdev/knockout-state-renderer/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/crissdev%2Fknockout-state-renderer/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261125991,"owners_count":23113281,"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-11-08T22:46:34.750Z","updated_at":"2025-06-21T12:37:26.716Z","avatar_url":"https://github.com/crissdev.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# knockout-state-renderer\n\n[![npm version](https://badge.fury.io/js/knockout-state-renderer.svg)](http://badge.fury.io/js/knockout-state-renderer)\n\n\nUse [Knockout](http://github.com/knockout/knockout/) with [abstract-state-router](https://github.com/TehShrike/abstract-state-router)!\n\n\n## Examples \n\n- **Hackers News** http://crissdev.github.io/hn-ko-asr/\n\n## Usage\n\n```js\n\nvar StateRouter = require('abstract-state-router')\nvar knockoutRenderer = require('knockout-state-renderer')\nvar domready = require('domready')\n\nvar stateRouter = StateRouter(knockoutRenderer(/* options */), 'body')\n\n// add whatever states to the state router\n\ndomready(function() {\n    stateRouter.evaluateCurrentRoute('login')\n})\n```\n\nSee [state-router-example](https://github.com/crissdev/state-router-example/tree/gh-pages/implementations/knockout) for an implementation using\nthis renderer.\n\n\n## API\n\nThe renderer implementation accepts some options to control data binding inside the templates.\n\n\n#### dataItemAlias\n\nAn alias used when the binding context is created, accessible inside the templates. The default value \nis `$page`.\n\n#### childElementSelector\n\nThe CSS selector used to find the element where the child state should be rendered. The default value\nis `ui-view`.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcrissdev%2Fknockout-state-renderer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcrissdev%2Fknockout-state-renderer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcrissdev%2Fknockout-state-renderer/lists"}