A mighty tiny web components framework/library.
Live examples vokeio.github.io/oxe/.
npm i oxe --savepro/oxe.min.js// my-component.js
const { Component } = Oxe;
export default MyComponent extends Component {
static attributes = []
adopt = false
shadow = false
css = '
'
html = `
<h1>{{title}}</h1>
<button onclick="{{greet()}}">Greet</button>
`
data = {
greeting: '',
greet () { this.greeting = 'Hola Mundo'; }
}
async adopted () {}
async attributed () {}
async disconnected () {}
async connected () {
this.data.greeting = 'Hello World';
}
}
// routes/index.js
const { Component } = Oxe;
export default Index extends Component {
title = 'Index Route'
description = 'Index Description'
html = `<my-component></my-component>`
async connected () {
console.log('route connected');
}
}
// index.js
await Oxe.define([
'./my-component.js'
]); // or import module and use window.customElements.define();
await Oxe.router.setup({
target: 'main',
folder: 'routes'
});
<!-- index.html -->
<html>
<head>
<script src="/oxe.min.js" defer></script>
<script src="/index.js" defer></script>
</head>
<body>
<main></main>
</body>
</html>
Why You Should Choose MPL-2.0 This project is licensed under the MPL-2.0 License
FAQs
A mighty tiny web components framework/library
The npm package oxe receives a total of 146 weekly downloads. As such, oxe popularity was classified as not popular.
We found that oxe demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
/Security News
Socket is tracking cloned Open VSX extensions tied to GlassWorm, with several updated from benign-looking sleepers into malware delivery vehicles.
Product
Reachability analysis for PHP is now available in experimental, helping teams identify which vulnerabilities are actually exploitable.
Product
Export Socket alert data to your own cloud storage in JSON, CSV, or Parquet, with flexible snapshot or incremental delivery.