feat(docs): more concise tagline for maximum marketing impact

README.md

@@ -23,7 +23,7 @@ The result is a reactive UI on property changes.
 
 There are many ways to get in touch:
 
-1. Open a [GitHub issue](https://github.com/ayoayco/wcb/issues/new) or [discussion](https://github.com/ayoayco/wcb/discussions)
+1. Open a [GitHub issue](https://github.com/ayo-run/wcb/issues/new) or [discussion](https://github.com/ayo-run/wcb/discussions)
 1. Submit a ticket via [SourceHut todo](https://todo.sr.ht/~ayoayco/wcb)
 1. Email me: [hi@ayo.run](mailto:hi@ayo.run)
 

docs/astro.config.mjs

@@ -10,11 +10,23 @@ export default defineConfig({
   integrations: [
     starlight({
       title: 'WCB (alpha)',
-      social: {
-        npm: 'https://www.npmjs.com/package/web-component-base',
-        sourcehut: 'https://sr.ht/~ayoayco/wcb/',
-        github: 'https://github.com/ayoayco/wcb/',
-      },
+      social: [
+        {
+          icon: 'npm',
+          label: 'NPM',
+          href: 'https://www.npmjs.com/package/web-component-base',
+        },
+        {
+          icon: 'sourcehut',
+          label: 'SourceHut',
+          href: 'https://sr.ht/~ayoayco/wcb/',
+        },
+        {
+          icon: 'github',
+          label: 'GitHub',
+          href: 'https://github.com/ayo-run/wcb/',
+        },
+      ],
       sidebar: [
         {
           label: 'Guides',

docs/package.json

@@ -11,8 +11,8 @@
     "deploy": "netlify deploy --site=$NETLIFY_SITE_ID --dir=dist --prod"
   },
   "dependencies": {
-    "@astrojs/starlight": "^0.32.5",
-    "astro": "^5.5.3",
-    "sharp": "^0.32.5"
+    "@astrojs/starlight": "^0.39.1",
+    "astro": "^6.3.1",
+    "sharp": "^0.34.5"
   }
 }

docs/src/content/docs/guides/getting-started.mdx

@@ -28,7 +28,7 @@ If you have some complex needs, we recommend using the `WebComponent` base class
 
 ## Installation
 
-The library is distributed as complete ECMAScript Modules (ESM) and published on [NPM](https://ayco.io/n/web-component-base). Please open a [GitHub issue](https://github.com/ayoayco/wcb/issues/new) or [discussion](https://github.com/ayoayco/wcb/discussions) for problems or requests regarding our distribution. You can also submit a ticket in [SourceHut](https://todo.sr.ht/~ayoayco/wcb).
+The library is distributed as complete ECMAScript Modules (ESM) and published on [NPM](https://ayco.io/n/web-component-base). Please open a [GitHub issue](https://github.com/ayo-run/wcb/issues/new) or [discussion](https://github.com/ayo-run/wcb/discussions) for problems or requests regarding our distribution. You can also submit a ticket in [SourceHut](https://todo.sr.ht/~ayoayco/wcb).
 
 ### Import via CDN
 

docs/src/content/docs/index.mdx

@@ -1,9 +1,9 @@
 ---
-title: Web Component Base
-description: Web components in Easy Mode
+title: Ultra-Minimal Custom HTML Elements
+description: Only the complexity you need. You decide.
 template: splash
 hero:
-  tagline: The ultra-minimal base class for your custom HTML elements
+  tagline: With opt-in progressive upgrades, you get only the complexity you need. You decide.
   # image:
   #   file: ../../assets/houston.webp
   actions:
@@ -32,4 +32,3 @@ import { Card, CardGrid } from '@astrojs/starlight/components';
 		Declarative templates for DOM manipulation & event handlers
 	</Card>
 </CardGrid>
-

package.json

@@ -42,9 +42,12 @@
     "pub:major": "npm version major && pnpm run pub",
     "format": "prettier . --write",
     "lint": "eslint . --config eslint.config.mjs",
-    "prepare": "husky install"
+    "prepare": "husky"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ayo-run/web-component-base.git"
   },
-  "repository": "https://github.com/ayoayco/web-component-base",
   "homepage": "https://WebComponent.io",
   "keywords": [
     "web components",
@@ -55,7 +58,7 @@
   "author": "Ayo Ayco",
   "license": "MIT",
   "bugs": {
-    "url": "https://github.com/ayoayco/web-component-base/issues"
+    "url": "https://github.com/ayo-run/web-component-base/issues"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.2",

src/WebComponent.js

@@ -13,7 +13,7 @@ import {
 
 /**
  * A minimal base class to reduce the complexity of creating reactive custom elements
- * @see https://WebComponent.io
+ * @see https://webcomponent.io
  */
 export class WebComponent extends HTMLElement {
   #host
@@ -34,7 +34,7 @@ export class WebComponent extends HTMLElement {
   /**
    * Read-only string property that represents how the component will be rendered
    * @returns {string | any}
-   * @see https://www.npmjs.com/package/web-component-base#template-vs-render
+   * @see https://webcomponent.io/template-vs-render/
    */
   get template() {
     return ''
@@ -48,8 +48,7 @@ export class WebComponent extends HTMLElement {
 
   /**
    * Read-only property containing camelCase counterparts of observed attributes.
-   * @see https://www.npmjs.com/package/web-component-base#prop-access
-   * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dataset
+   * @see https://webcomponent.io/prop-access/
    * @type {PropStringMap}
    */
   get props() {

tsconfig.json

@@ -2,7 +2,8 @@
   "compilerOptions": {
     "target": "ES2022",
     "allowJs": true,
-    "outDir": "dist",
+    "outDir": "./dist",
+    "rootDir": "./src",
     "declaration": true,
     "emitDeclarationOnly": true
   },