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: 11 days 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 5 years ago)
• Default Branch: master
• Last Pushed: 2023-11-28T05:27:41.000Z (about 1 year ago)
• Last Synced: 2024-04-16T06:52:50.446Z (9 months ago)
• Topics: approved-public, ember, ember-addon, ghec-mig-migrated, tribe-js
• Language: JavaScript
• Size: 1.55 MB
• Stars: 1
• Watchers: 10
• 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).