20 packages.
One simple script tag.
11KB gzipped.

// Register routes with dynamic params
Aura.route('/', (ctx) => {
  Aura.template.renderTo('home');
});

Aura.route('/users/:id', (ctx) => {
  console.log(ctx.params.id);  // "42"
});

// Group routes under a prefix
Aura.group('/admin', (r) => {
  r.route('/dashboard', handler);
  r.route('/settings', handler);
});

// Global auth middleware
Aura.middleware((ctx) => {
  return isLoggedIn();
});

// Catch-all wildcard route
Aura.route('/files/*', (ctx) => {
  console.log(ctx.params.wildcard);
});

// Initialize with defaults
Aura.state.init({ count: 0, user: null });

// Reactive subscriptions
Aura.state.subscribe('count', (val) => {
  document.querySelector('#count')
    .textContent = val;
});

// Computed properties
Aura.state.computed('doubled', (s) => s.count * 2);

// Batch multiple updates (single emit)
Aura.state.batch(() => {
  Aura.state.set('count', 10);
  Aura.state.set('user', { name: 'Alex' });
});

// Persist to localStorage
Aura.state.persist();

// Configure base URL & defaults
Aura.api.configure({
  baseURL: 'https://api.example.com',
  timeout: 5000,
  retry:   3,
});

// Named auth interceptor
Aura.api.addInterceptor('auth', (cfg) => {
  cfg.headers['Authorization']
    = `Bearer ${token}`;
  return cfg;
});

// Fetch with abort support
const ctrl = Aura.api.createAbortController();
const users = await Aura.api.get('/users', {
  signal: ctrl.signal,
  params: { page: 1 }
});

// Upload with progress
await Aura.api.upload('/files', formData, {
  onProgress: (pct) => console.log(`${pct}%`)
});

<!-- template: user-card.html -->
<div>
  {{#if premium}}
    <span>⭐ {{name}}</span>
  {{else}}
    <span>{{name}}</span>
  {{/if}}

  {{#each skills}}
    <span class="tag">{{.}}</span>
  {{/each}}
</div>

// Render with data
Aura.template.renderString(tpl, {
  name: 'Alex',
  premium: true,
  skills: ['JS', 'TS', 'Rust']
});

await Aura.i18n.load('en');

// Dot-notation keys
Aura.i18n.t('hero.title');
// => "Build Beautiful Apps"

// Placeholders
Aura.i18n.t('greeting', { name: 'Alex' });
// => "Hello, Alex"

// Pluralization
Aura.i18n.plural('items', 0);  // "No items"
Aura.i18n.plural('items', 1);  // "1 item"
Aura.i18n.plural('items', 42); // "42 items"

// Intl formatting
Aura.i18n.formatNumber(1234567.89);
// => "1,234,567.89"

Aura.i18n.formatDate(new Date());
// => "3/17/2026"

Aura.i18n.formatRelative(Date.now() - 3600000);
// => "1 hour ago"

// Subscribe — returns unsubscribe function
const unsub = Aura.on('user:login', (user) => {
  console.log('Welcome', user.name);
});

// Wildcard — catches all user:* events
Aura.on('user:*', (data) => {
  analytics(data);
});

// Priority — higher runs first
Aura.on('order:placed', validate, 10);
Aura.on('order:placed', sendEmail, 5);

// One-time listener
Aura.once('app:ready', () => bootstrap());

// Emit
Aura.emit('user:login', { name: 'Alex' });

// Clean up later
unsub();

// Inline mock
Aura.mock.register('GET', '/api/users', {
  body: [{ id: 1, name: 'Alex' }],
  delay: 300
});

// Or point to a local JSON file
Aura.mock.register('GET', '/api/products',
  '/mocks/products.json'
);

// Bulk load — mix inline + files
Aura.mock.load({
  'GET /api/users/:id': {
    body: { id: 1, name: 'Alex' }
  },
  'POST /api/users': {
    status: 201,
    body: { id: 2 }
  },
  'DELETE /api/users/:id': {
    status: 204
  },
});

// Enable — intercepts window.fetch
Aura.mock.enable();

// Now any fetch() hits the mock
const res = await fetch('/api/users');
// => [{ id: 1, name: 'Alex' }]

// Persist for next page load
Aura.mock.save();

// Share with teammates
const json = Aura.mock.export();

// Reactive state — returns [getter, setter]
const [count, setCount] = Aura.hooks.useState('count', 0);
setCount(5);
console.log(count()); // 5

// Auto-fetch with loading state
const { data, loading, error, refetch }
  = Aura.hooks.useFetch('/api/users');

// localStorage-backed state
const [theme, setTheme] = Aura.hooks.useStorage(
  'theme', 'dark'
);

// Setup with auto-cleanup
const teardown = Aura.hooks.useSetup(() => {
  Aura.hooks.useEvent('resize', handler);
  Aura.hooks.useWatch('user', updateUI);
});
teardown(); // cleans up all listeners

// Sync — no more try/catch
const [err, data] = Aura.tryThis(
  () => JSON.parse(rawInput)
);
if (err) Aura.log.error('Bad JSON', err);

// Async — just add await
const [err, users] = await Aura.tryThis(
  () => Aura.api.get('/users')
);

// Direct promise
const [err, res] = await Aura.tryThis(
  fetch('/api/health')
);

// Chain with Logger
if (err) Aura.log.error('Failed', err);
else Aura.log.info('OK', res);

Aura.log.info('App started');
Aura.log.warn('Slow query', { ms: 1200 });
Aura.log.error('Failed', err);

// Tagged loggers for namespacing
const auth = Aura.log.tag('Auth');
auth.info('User logged in');
// => [INFO][Auth] User logged in

// Custom transport (e.g. send to server)
Aura.log.addTransport((entry) => {
  if (entry.level === 'error')
    sendToServer(entry);
});

// Listen via Events system
Aura.on('log:error', showToast);

// Export history as JSON
const json = Aura.log.export('error');

// Open DB with stores
await Aura.idb.open('myApp', 1, [{
  name: 'users',
  keyPath: 'id',
  indexes: [
    { name: 'email', keyPath: 'email', unique: true }
  ]
}]);

// CRUD
await Aura.idb.set('users', {
  id: 1, name: 'Alex', email: 'a@b.com'
});

const user = await Aura.idb.get('users', 1);
const all = await Aura.idb.getAll('users');

// Query by index
const found = await Aura.idb.query('users',
  'email', 'a@b.com'
);

// Register service worker
await Aura.pwa.register('/aura-sw.js');

// Cache images aggressively
Aura.pwa.addStrategy({
  name: 'images',
  strategy: 'cache-first',
  match: /\.(png|jpg|svg)$/,
  maxAge: 7 * 24 * 3600000
});

// API calls — network first, cache fallback
Aura.pwa.addStrategy({
  name: 'api',
  strategy: 'network-first',
  match: '/api/'
});

// Precache critical assets
Aura.pwa.precache([
  '/', '/app.js', '/styles.css'
]);

// Handle install prompt
Aura.pwa.onInstallPrompt(() => {
  showInstallBanner();
});