{"id":15371493,"url":"https://github.com/nathanwalker/nativescript-angular-web-components","last_synced_at":"2025-04-15T14:04:17.670Z","repository":{"id":142262954,"uuid":"60508999","full_name":"NathanWalker/nativescript-angular-web-components","owner":"NathanWalker","description":"Experimental: Render NativeScript views on the web.","archived":false,"fork":false,"pushed_at":"2020-09-03T23:14:32.000Z","size":52083,"stargazers_count":101,"open_issues_count":5,"forks_count":14,"subscribers_count":21,"default_branch":"master","last_synced_at":"2024-12-25T04:23:51.842Z","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/NathanWalker.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-06-06T07:50:19.000Z","updated_at":"2024-03-07T15:44:21.000Z","dependencies_parsed_at":null,"dependency_job_id":"ae63531b-6f17-4e83-b3f9-0a64e704d580","html_url":"https://github.com/NathanWalker/nativescript-angular-web-components","commit_stats":{"total_commits":11,"total_committers":3,"mean_commits":"3.6666666666666665","dds":"0.18181818181818177","last_synced_commit":"f305e69964e0403afcc7c918e2a5b1c19515972b"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NathanWalker%2Fnativescript-angular-web-components","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NathanWalker%2Fnativescript-angular-web-components/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NathanWalker%2Fnativescript-angular-web-components/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NathanWalker%2Fnativescript-angular-web-components/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/NathanWalker","download_url":"https://codeload.github.com/NathanWalker/nativescript-angular-web-components/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":232024721,"owners_count":18461966,"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-01T13:47:13.728Z","updated_at":"2024-12-31T19:46:43.936Z","avatar_url":"https://github.com/NathanWalker.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Render NativeScript views on the web\n\nTo [Contribute, read this](https://github.com/NathanWalker/nativescript-angular-web-components/blob/master/CONTRIBUTING.md).\n\n## Virtual Insanity with NativeScript Views: Blurred lines with {N} + Angular 2\n\n![Jamiroquai](https://cdn.filestackcontent.com/79pxU05WSNmhndb0CEVv?v=0)\n\n\u003e Futures made of virtual insanity now   \n\u003e Always seem to, be governed by this love we have   \n\u003e For useless, twisting, our new technology   \n\u003e Oh, now there is no sound for we all live underground\n\n- *Jamiroquai*\n\nWe all love to twist our technology, sometimes motivated by useful objectives and other times for useless fun. But what if that useless fun led to something useful?\n\nUnless you truly have been living underground where there may be no sound, you have probably heard of [NativeScript](https://www.nativescript.org/), the open source cross-platform framework for building native apps using JavaScript, CSS, and XML.\n\nBlah, blah, blah, right?\nLet’s twist things up a bit.\n\nWhat if we could use NativeScript views to build web apps? Wait, huh?\n\nWhat if you had invested resources and time into building that beautiful *native* mobile app your clients love with NativeScript and find yourself scratching your head thinking \"How could we get this awesome app on the web to help with reachability?\"\n\n### Welcome to \"futures made of virtual insanity\"\n\n![Snapshot](https://cdn.filestackcontent.com/XzLOjgRUQOWILEP0f9ht?v=0)\n\nThat right there ^ is 1 view file using NativeScript XML which can be rendered in a NativeScript app **AS WELL AS** on the web.\n\nNo magic here, this project will allow your NativeScript views to be used directly on the web with [Angular 2](https://angular.io/). \n\nThis creates a few opportunities to name a few:\n* Quickly prototype a web app from your NativeScript app\n* Ability to statically render web templates from a NativeScript (only) app\n  * Say you have a NativeScript *only* mobile app but now want to build a web app based on it's features?   \n    * In the future, you could run your views through a compiler which would spit out html equivalents to begin developing your complimentary web app quickly\n* Interop/Reusability between NativeScript and web templates.\n* The ability to invert the rendering: Statically generate NativeScript view templates from HTML web templates to quickly bring a web app into the NativeScript world.\n\nSome motivations behind this effort are explained [here](https://github.com/NativeScript/NativeScript/issues/1612).\n\nYou can get involved with this effort and help shape it's direction by contributing, start with the issues listed [here](https://github.com/NathanWalker/nativescript-angular-web-components/issues).\n\nThe jury is out on the insanity of it all.\n\n![Action](https://cdn.filestackcontent.com/9tyAoce6SYa50cbxX7AU?v=0)\n\n## Goals\n\nInterop/Reusability between NativeScript and web templates.\n\n## Why\n\n* Ability to statically render a web app from a NativeScript (only) app\n  * Say you have a NativeScript only mobile app but now want to build a web app based on it's features\n    * In the future, you could run your views through a compiler which would spit out html equivalents to begin developing your complimentary web app quickly\n* Expand platform delivery options for NativeScript apps\n* Broaden the horizons for what may be possible with NativeScript views\n\n## Current Status\n\n**Experimental**.\n\n## What's next\n\n* Build out remaining NativeScript components as web components. [See Issues](https://github.com/NathanWalker/nativescript-angular-web-components/issues).\n* Ability to render the inverse direction: Statically generate NativeScript view templates from HTML web templates to quickly bring a web app into the NativeScript world.\n\n## Background\n\nhttps://github.com/NativeScript/NativeScript/issues/1612\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnathanwalker%2Fnativescript-angular-web-components","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnathanwalker%2Fnativescript-angular-web-components","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnathanwalker%2Fnativescript-angular-web-components/lists"}