https://github.com/peopledoc/ember-web-component-container
Wraps your Ember Application into a CustomElement for better portability
https://github.com/peopledoc/ember-web-component-container
approved-public ember ember-addon ghec-mig-migrated tribe-js
Last synced: about 2 months ago
JSON representation
Wraps your Ember Application into a CustomElement for better portability
- Host: GitHub
- URL: https://github.com/peopledoc/ember-web-component-container
- Owner: peopledoc
- License: mit
- Created: 2019-08-28T10:47:05.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2023-11-28T05:27:41.000Z (about 2 years ago)
- Last Synced: 2025-05-20T16:53:31.116Z (7 months ago)
- Topics: approved-public, ember, ember-addon, ghec-mig-migrated, tribe-js
- Language: JavaScript
- Size: 1.55 MB
- Stars: 1
- Watchers: 9
- Forks: 2
- Open Issues: 18
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE.md
- Codeowners: .github/CODEOWNERS
Awesome Lists containing this project
README
ember-web-component-container
==============================================================================
This addon exposes your Ember app as a standard WebComponent,
which makes it much easier to integrate in existing applications.
Compatibility
------------------------------------------------------------------------------
* Ember.js v3.4 or above
* Ember CLI v2.13 or above
* Node.js v8 or above
Installation
------------------------------------------------------------------------------
```
ember install ember-web-component-container
```
Usage
------------------------------------------------------------------------------
Once the addon is installed, you can remove the `` tags fron your `index.html`.
The CustomElement that is created is the dasherised version of the application name:
If your app is `my-devilish-venture`, add ``
to your `index.html` to start the app.
**note**: CustomElement MUST be dasherized names. In case your application
is single-worded (as in "mononoke"), the addon will expose
`mononoke-app` (Note the `-app` prefix) for compliance.
**note**: We aso recommend that you remove the addon `export-application-global`.
The application itself is accessible from the Custom Element itself as follows:
`document.querySelector("my-devilish-venture").__EMBER_APPLICATION`
Contributing
------------------------------------------------------------------------------
See the [Contributing](CONTRIBUTING.md) guide for details.
### TODO
* Deal with attributes and slots
* JS isolation
License
------------------------------------------------------------------------------
This project is licensed under the [MIT License](LICENSE.md).