@herdingbits/trailhead-webawesome 0.1.0 → 0.1.1

package/README.md

@@ -1,39 +1,32 @@
-# @herdingbits/trailhead-shoelace
+# @herdingbits/trailhead-webawesome
 
-Shoelace web components adapter for Trailhead. Vanilla TypeScript, no React required.
+Web Awesome adapter for Trailhead. Vanilla TypeScript, no React required.
 
 ## What is this?
 
-This package provides a Trailhead adapter for the [Shoelace](https://shoelace.style/) web component library. It handles:
-- Loading and configuring Shoelace components
-- Rendering toasts, dialogs, and busy overlays
-- Integrating Shoelace with the Trailhead shell
-- **Vanilla TypeScript implementation** - no framework required
-
-**Perfect for teams that want to stay close to HTML/CSS/JavaScript** without React complexity.
+This package provides a Trailhead adapter for [Web Awesome](https://webawesome.com/) — the successor to Shoelace, built by Font Awesome. It handles:
 
-## Key Features
+- Loading and configuring Web Awesome components via the autoloader
+- Rendering toasts, dialogs, and busy overlays
+- Integrating Web Awesome with the Trailhead shell
 
-- **Framework Agnostic**: Works with any SPA framework (or no framework)
-- **Web Components**: Shoelace components work everywhere
-- **Lightweight**: No React, no virtual DOM, just the browser
-- **Simple**: Straightforward DOM manipulation and event handling
+**Vanilla TypeScript implementation — no framework required.** Web Awesome components are native web components and work in any SPA regardless of framework.
 
 ## Installation
 
 ```bash
-npm install @herdingbits/trailhead-core @herdingbits/trailhead-shoelace @shoelace-style/shoelace
+npm install @herdingbits/trailhead-core @herdingbits/trailhead-webawesome @awesome.me/webawesome
 ```
 
 ## Usage
 
 ```typescript
 import { Trailhead } from '@herdingbits/trailhead-core';
-import { ShoelaceAdapter, ShellApp } from '@herdingbits/trailhead-shoelace';
-import '@herdingbits/trailhead-shoelace/shell.css';
+import { WebAwesomeAdapter, ShellApp } from '@herdingbits/trailhead-webawesome';
+import '@herdingbits/trailhead-webawesome/shell.css';
 
 const shell = new Trailhead({
-  adapter: new ShoelaceAdapter(),
+  adapter: new WebAwesomeAdapter(),
   appBasePath: '/app',
   apiUrl: 'https://api.example.com'
 });
@@ -41,20 +34,34 @@ const shell = new Trailhead({
 ShellApp.mount(shell);
 ```
 
-By default, Shoelace is served from `${shellUrl}/shoelace`. To load from a CDN instead:
+By default, Web Awesome is served from `${shellUrl}/webawesome`. To load from a CDN instead:
 
 ```typescript
 const shell = new Trailhead({
-  adapter: new ShoelaceAdapter({ shoelaceUrl: 'https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.15.0/cdn' }),
+  adapter: new WebAwesomeAdapter({
+    webAwesomeUrl: 'https://cdn.webawesome.com/3.6.0'
+  }),
   appBasePath: '/app',
 });
 ```
 
 ## What's Included
 
-- **ShoelaceAdapter** - Implements the Trailhead adapter interface
-- **ShellApp** - Minimal mounting wrapper for API consistency
-- **shell.css** - Base styles for the shell UI
+- **WebAwesomeAdapter** — implements the Trailhead adapter interface
+- **ShellApp** — minimal mounting wrapper for API consistency
+- **shell.css** — base styles for the shell UI
+
+## Web Awesome in SPAs
+
+Because the shell loads the Web Awesome autoloader, all `wa-*` components are available in every hosted SPA without any additional imports:
+
+```html
+<wa-button variant="brand">Click Me</wa-button>
+<wa-icon name="envelope"></wa-icon>
+<wa-dialog label="Confirm">...</wa-dialog>
+```
+
+Icons use Font Awesome names (free tier). See [fontawesome.com/icons](https://fontawesome.com/icons) for the full list.
 
 ## Documentation
 

package/dist/shell-app.d.ts

@@ -1,11 +1,11 @@
 /**
- * Shoelace Shell App
+ * Web Awesome Shell App
  * Minimal wrapper for consistency with other adapters
  */
 import type { Trailhead } from '@herdingbits/trailhead-core';
 export declare class ShellApp {
     /**
-     * Mount the shell (no-op for Shoelace since adapter handles everything)
+     * Mount the shell (no-op for Web Awesome since the adapter handles everything)
      */
     static mount(shell: Trailhead): void;
 }

package/dist/shell-app.js

@@ -1,10 +1,10 @@
 export class ShellApp {
     /**
-     * Mount the shell (no-op for Shoelace since adapter handles everything)
+     * Mount the shell (no-op for Web Awesome since the adapter handles everything)
      */
     static mount(shell) {
-        // Shoelace adapter handles all UI via web components
+        // Web Awesome adapter handles all UI via web components
         // This is just a consistent API surface
-        console.log('[Trailhead] Shoelace shell mounted');
+        console.log('[Trailhead] Web Awesome shell mounted');
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@herdingbits/trailhead-webawesome",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Web Awesome web components adapter for Trailhead. Vanilla TypeScript, no React required.",
   "type": "module",
   "main": "./dist/index.js",
@@ -21,12 +21,12 @@
     "build": "npm run clean && tsc && cp src/shell.css dist/"
   },
   "peerDependencies": {
-    "@herdingbits/trailhead-core": "^0.0.18",
+    "@herdingbits/trailhead-core": "^0.1.0",
     "@awesome.me/webawesome": "^3.6.0"
   },
   "devDependencies": {
-    "@herdingbits/trailhead-types": "^0.0.14",
-    "@awesome.me/webawesome": "^3.6.0",
+    "@herdingbits/trailhead-types": "^0.1.0",
+    "@awesome.me/webawesome": "^3.7.0",
     "typescript": "^6.0.3"
   },
   "keywords": [