Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,11 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0

## [Unreleased]

## [v0.2.32] - 2026-01-09

### Changed
- Update `@aegisjsproject/parsers` & `@shgysk8zer0/importmap`

## [v0.2.31] - 2026-01-08

### Added
Expand Down
75 changes: 25 additions & 50 deletions package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

6 changes: 3 additions & 3 deletions package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@aegisjsproject/core",
"version": "0.2.31",
"version": "0.2.32",
"description": "A fast, secure, modern, light-weight, and simple JS library for creating web components and more!",
"keywords": [
"aegis",
Expand Down Expand Up @@ -98,15 +98,15 @@
"@rollup/plugin-node-resolve": "^16.0.3",
"@rollup/plugin-terser": "^0.4.4",
"@shgysk8zer0/eslint-config": "^1.0.4",
"@shgysk8zer0/importmap": "^1.7.4",
"@shgysk8zer0/importmap": "^1.7.5",
"@shgysk8zer0/polyfills": "^0.6.0",
"eslint": "^9.0.0",
"rollup": "^4.9.6"
},
"dependencies": {
"@aegisjsproject/callback-registry": "^1.0.3",
"@aegisjsproject/escape": "^1.0.4",
"@aegisjsproject/parsers": "^0.1.4",
"@aegisjsproject/parsers": "^0.1.5",
"@aegisjsproject/router": "^1.1.3",
"@aegisjsproject/sanitizer": "^0.2.4",
"@aegisjsproject/state": "^1.0.7",
Expand Down
31 changes: 22 additions & 9 deletions test/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,8 @@ import { manageState, stateStyle, stateKey, observeDOMState } from '@aegisjsproj
import * as bootstrap from '@aegisjsproject/styles/palette/bootstrap.js';
import './dad-joke.js';

const { homepage } = await fetch('/package.json').then(resp => resp.json());

const policy = trustedTypes.createPolicy('default', {
createHTML(input, sanitizer) {
const el = document.createElement('div');
Expand Down Expand Up @@ -68,20 +70,26 @@ h1.textContent = 'Hello, World!';
frag.append(h1);

try {
document.body.append(html`<header class="${style`
background-color: rgb(0, 0, 0, 0.6);
backdrop-filter: blur(4px);
`}" onclick="alert(location)" foo="bar">
document.body.append(html`<header onclick="alert(location)" foo="bar">
${frag}
<hello-world></hello-world><h1 foo="bar">Click Me!</h1>
<svg viewBox="0 0 10 10" height="24" width="24">
<rect x="0" y="0" height="10" width="10" rx="1" ry="1" fill="${bootstrap.info}" />
</svg>
</header>
<nav class="flex row wrap btn-container">
<nav class="flex row wrap btn-container ${style`
background: linear-gradient(
180deg,
rgba(20, 20, 20, 0.7) 0%,
rgba(20, 20, 20, 0.4) 100%
);
backdrop-filter: blur(8px);
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
`}">
<a href="./#invalid" class="btn btn-link disabled" ${onClick}="${FUNCS.ui.prevent}">Disabled Link</a>
<button data-url="./#foo" ${onClick}="${FUNCS.navigate.link}" ${signal}="${controller.signal}" class="btn btn-link">Link</button>
<button data-url="https://github.com/AegisJSProject/core/" ${onClick}="${FUNCS.navigate.popup}" ${signal}="${controller.signal}" class="btn btn-primary">Repo</button>
<button data-url="${homepage}" ${onClick}="${FUNCS.navigate.popup}" ${signal}="${controller.signal}" class="btn btn-primary">Repo</button>
<button type="button" ${onClick}="${() => alert('Testing!')}" ${signal}="${controller.signal}" class="btn btn-info">TEST</button>
<button type="button" ${onClick}="${FUNCS.debug.log}" ${signal}="${controller.signal}" ${data({ foo: 'bar', title: document.title, url: location.href, yes: true, no: false, date: new Date(), el: document.createElement('div') })} class="btn btn-info" ${attr({ disabled: ! navigator.onLine, lang: navigator.language })}>Log</button>
<button type="button" ${onClick}="${FUNCS.navigate.back}" ${signal}="${controller.signal}" class="btn btn-system-accent" accesskey="&lt;">Back</button>
Expand Down Expand Up @@ -130,14 +138,19 @@ try {
<div id="help" popover="auto">Should be shown on button scroll</div>
`);

document.body.insertAdjacentHTML('beforeend', trustedHTML`<footer id="footer">
const footer = document.createElement('footer');
footer.id = 'footer';
footer.setHTMLUnsafe(trustedHTML`
<div>
<template shadowrootmode="closed">
<p part="content"><slot name="content">No Content</p>
<h2>Secret Message</h2>
<p part="content" class="${style`color: green;`}"><slot name="content">No Content</p>
</template>
<span slot="content">Hello, World!</span>
</div>
</footer>`);
`);

document.body.append(footer);
} catch(err) {
console.error(err);
}
Expand Down
Loading