{"id":25903053,"url":"https://github.com/coon-js/extjs-comp-navport","last_synced_at":"2025-03-03T03:18:13.283Z","repository":{"id":40327680,"uuid":"171311611","full_name":"coon-js/extjs-comp-navport","owner":"coon-js","description":"Enhanced viewport template for rapid, modular, package agnostic Sencha ExtJS application building.","archived":false,"fork":false,"pushed_at":"2023-04-25T03:23:08.000Z","size":2979,"stargazers_count":2,"open_issues_count":4,"forks_count":1,"subscribers_count":3,"default_branch":"main","last_synced_at":"2024-08-08T20:14:10.797Z","etag":null,"topics":["application","building","controller","deeplinking","extjs","navigation","packages","rapid","routing","sandbox","sencha","template","tree","viewport"],"latest_commit_sha":null,"homepage":"","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/coon-js.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-02-18T15:49:21.000Z","updated_at":"2023-03-15T02:59:09.000Z","dependencies_parsed_at":"2023-02-07T01:31:54.721Z","dependency_job_id":null,"html_url":"https://github.com/coon-js/extjs-comp-navport","commit_stats":null,"previous_names":[],"tags_count":8,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/coon-js%2Fextjs-comp-navport","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/coon-js%2Fextjs-comp-navport/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/coon-js%2Fextjs-comp-navport/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/coon-js%2Fextjs-comp-navport/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/coon-js","download_url":"https://codeload.github.com/coon-js/extjs-comp-navport/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241600451,"owners_count":19988716,"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":["application","building","controller","deeplinking","extjs","navigation","packages","rapid","routing","sandbox","sencha","template","tree","viewport"],"created_at":"2025-03-03T03:18:12.385Z","updated_at":"2025-03-03T03:18:13.275Z","avatar_url":"https://github.com/coon-js.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# @coon-js/extjs-comp-navport ![MIT](https://img.shields.io/npm/l/@coon-js/extjs-comp-navport) [![npm version](https://badge.fury.io/js/@coon-js%2Fextjs-comp-navport.svg)](https://badge.fury.io/js/@coon-js%2Fextjs-comp-navport)\n\nThis **Sencha ExtJS** package provides an enhanced viewport template for rapid, \nmodular, package agnostic Sencha ExtJS application building.\n\nThe default Viewport implementation can be found in `coon.navport.view.NavigationViewport` \nand serves as a viewport-template for Sencha Ext JS applications. Along with its configurations and\nassociated classes, it allows for support for routing, navigation and managing views.\n\nAn [extjs-lib-comp](https://github.com/coon-js/extjs-lib-comp) application (`coon.comp.app.Application`) is mandatory.\n\nA reference implementation can be found in the [conjoon](https://github.com/conjoon) project.\n\n## Installation\n```bash\n$ npm install --save-dev @coon-js/extjs-comp-navport\n```\n\nIf you want to develop with `extjs-comp-navport`, run the `build:dev`-script afterwards:\n```bash\n$ npm run build:dev\n```\nTesting environment will then be available via\n\n```bash\n$ npm test\n```\n\nFor using the package as an external dependency in an application, use\n```bash\n$ npm install --save-prod @coon-js/extjs-comp-navport  \n```\nIn your `app.json`, add this package as a requirement, and make sure your Ext JS `workspace.json`\nis properly configured to look up local repositories in the `node_modules`-directory.\n\nExample (`workspace.json`) :\n```json \n{\n  \"packages\": {\n    \"dir\": \"${workspace.dir}/node_modules/@l8js,${workspace.dir}/node_modules/@conjoon,${workspace.dir}/node_modules/@coon-js,${workspace.dir}/packages/local,${workspace.dir}/packages,${workspace.dir}/node_modules/@sencha/ext-${toolkit.name},${workspace.dir}/node_modules/@sencha/ext-${toolkit.name}-treegrid,${workspace.dir}/node_modules/@sencha/ext-${toolkit.name}-theme-base,${workspace.dir}/node_modules/@sencha/ext-${toolkit.name}-theme-ios,${workspace.dir}/node_modules/@sencha/ext-${toolkit.name}-theme-material,${workspace.dir}/node_modules/@sencha/ext-${toolkit.name}-theme-aria,${workspace.dir}/node_modules/@sencha/ext-${toolkit.name}-theme-neutral,${workspace.dir}/node_modules/@sencha/ext-${toolkit.name}-theme-classic,${workspace.dir}/node_modules/@sencha/ext-${toolkit.name}-theme-gray,${workspace.dir}/node_modules/@sencha/ext-${toolkit.name}-theme-crisp,${workspace.dir}/node_modules/@sencha/ext-${toolkit.name}-theme-crisp-touch,${workspace.dir}/node_modules/@sencha/ext-${toolkit.name}-theme-neptune,${workspace.dir}/node_modules/@sencha/ext-${toolkit.name}-theme-neptune-touch,${workspace.dir}/node_modules/@sencha/ext-${toolkit.name}-theme-triton,${workspace.dir}/node_modules/@sencha/ext-${toolkit.name}-theme-graphite,${workspace.dir}/node_modules/@sencha/ext-${toolkit.name}-theme-material,${workspace.dir}/node_modules/@sencha/ext-calendar,${workspace.dir}/node_modules/@sencha/ext-charts,${workspace.dir}/node_modules/@sencha/ext-d3,${workspace.dir}/node_modules/@sencha/ext-exporter,${workspace.dir}/node_modules/@sencha/ext-pivot,${workspace.dir}/node_modules/@sencha/ext-pivot-d3,${workspace.dir}/node_modules/@sencha/ext-ux,${workspace.dir}/node_modules/@sencha/ext-font-ios\",\n    \"extract\": \"${workspace.dir}/packages/remote\"\n  }\n}\n```\n\n\n## Post-Install\n[@coon-js/extjs-link](https://npmjs.org/coon-js/extjs-link) will start once the package was installed and guide you\nthrough the process of creating symlinks to an existing Ext JS sdk installation.\nThis is only required if you want to run the tests (`./tests`), as [Siesta](https//npmjs.org/siesta-lite) relies on\nan existing Ext JS installation.\n\nThe following tutorial works with either the modern or the classic toolkit.\n\n## Usage\nRefer to the [documentation](./docs) for information on how to use the package with your application.\n\n##Dev \n\n### Naming\nThe following naming conventions apply:\n\n#### Namespace\n`coon.navport.*`\n#### Package name\n`extjs-comp-navport`\n#### Shorthand to be used with providing aliases\n`cn_navport`\n\n**Example:**\nClass `coon.navport.view.ContentContainer` has the alias `widget.cn_navport-conctr`\n\n## Tests\nTests are written with [Siesta](https://bryntum.com/siesta). Documentation can be found [here](./tests/README.md).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcoon-js%2Fextjs-comp-navport","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcoon-js%2Fextjs-comp-navport","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcoon-js%2Fextjs-comp-navport/lists"}