@chankay/site-shell 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 chankay
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE. 

package/PLAN.md

@@ -0,0 +1,137 @@
+# Static `site-shell` V1 Plan
+
+## Summary
+
+Build a minimal `@chankay/site-shell` v1 as a purely static Web Component plus one shared CSS token file. Do not integrate CMS, config API, React SDK, or Module Federation.
+
+The component renders a fixed navbar and fixed footer for demo subdomains. Shared brand links are hardcoded in the package. Each demo provides only its own `site_name` and GitHub repository URL through HTML attributes. The shell removes theme switching and shows a GitHub icon link instead.
+
+## Key Changes
+
+### 1. Deliverables
+
+Create one package: `@chankay/site-shell`
+
+Expose:
+
+- custom element: `<chankay-site-shell>`
+- token stylesheet: a shared CSS variables file for demos to import
+- optional browser bundle that registers the custom element
+
+No runtime fetches. No external config dependency.
+
+### 2. Web Component behavior
+
+`<chankay-site-shell>` renders:
+
+- fixed navbar
+  - brand logo: fixed to main-site brand logo
+  - links: fixed `Posts` and `Demos`
+  - `site_name`: provided by demo via attribute
+  - GitHub icon: links to the demo project repository via attribute
+- fixed footer
+  - fixed layout and fixed styling
+  - brand/logo/main-site links remain static
+  - no demo-specific footer configuration in v1
+
+Recommended attributes:
+
+- `site-name`
+- `repo-url`
+- `position="header" | "footer" | "both"`
+
+Defaults:
+
+- `position="both"`
+- empty `site-name` renders no site-name text
+- missing `repo-url` hides the GitHub action
+
+### 3. Styling and tokens
+
+Ship one shared CSS variables file from `site-shell` and make demos import it directly.
+
+Purpose:
+
+- keep shell colors consistent across all demos
+- let demos optionally consume the same token variables for their own page styling
+- avoid forcing Tailwind integration
+
+Rules:
+
+- token file contains only the minimum color, surface, border, and text variables needed for visual consistency
+- Web Component uses the same variables internally
+- footer styles are fixed in v1
+- shell renders with isolated component styles while tokens remain globally consumable by host demos
+
+### 4. Internal package structure
+
+Keep one package with lightweight internal separation:
+
+- `tokens/`
+  - shared CSS variables source
+- `render/`
+  - navbar and footer markup generation
+- `custom-element/`
+  - element definition and attribute handling
+- `assets/`
+  - logo and icon assets if needed
+
+Do not add config parsing, remote data loading, schema versioning, or adapter layers in v1.
+
+## Test Plan
+
+- component renders fixed navbar and footer with no runtime fetch
+- `site-name` shows correctly and can be omitted safely
+- `repo-url` shows a working GitHub icon link and hides cleanly when absent
+- fixed `Posts` and `Demos` links always point to the intended main-site URLs
+- token CSS file can be imported by a demo page and variables resolve correctly
+- shell remains visually stable when host page has its own CSS or Tailwind
+- `position="header"` and `position="footer"` render only the requested section
+
+## Release Process
+
+- `site-shell` is versioned independently from `www` and `admin`
+- publishing `site-shell` does not require a `www` or `admin` release
+- production app release tags remain unchanged and continue using `admin-v*` and `www-v*`
+
+Release trigger:
+
+- create and publish a GitHub Release with tag prefix `site-shell-v*`
+- example tag: `site-shell-v1.0.0`
+
+Release workflow responsibilities:
+
+- add a dedicated workflow file for package publishing, for example `.github/workflows/site-shell-release.yml`
+- install workspace dependencies with `pnpm`
+- build only `@chankay/site-shell`
+- run `check-types` and test commands scoped to `@chankay/site-shell`
+- publish the package to public npm
+- attach browser assets to the GitHub Release
+
+Published artifacts:
+
+- npm package: `@chankay/site-shell`
+- browser module entry: `dist/register.js`
+- shared token stylesheet: `dist/tokens.css`
+- GitHub Release asset archive: `site-shell-browser-assets.zip`
+
+Consumer guidance:
+
+- demos with a bundler install `@chankay/site-shell` from npm
+- pure static demos load `dist/register.js` and `dist/tokens.css` from a versioned npm CDN path
+- demos should pin an explicit package or asset version and must not follow `latest` implicitly
+
+Versioning rules:
+
+- patch: bug fixes and non-breaking style corrections
+- minor: additive attributes, additive tokens, or non-breaking behavior additions
+- major: breaking attribute changes, breaking token changes, artifact path changes, or breaking DOM and style contract changes
+
+## Assumptions and Defaults
+
+- v1 is intentionally static and not CMS-driven
+- main-site brand logo URL and `Posts` and `Demos` URLs are hardcoded in the package
+- `site_name` is demo-specific and is passed by attribute, not fetched
+- GitHub repository URL is demo-specific and is passed by attribute
+- theme toggle is removed entirely in v1
+- footer content and layout are fixed and not configurable in v1

package/README.md

@@ -0,0 +1,186 @@
+# `@chankay/site-shell`
+
+Static Web Component shell for Chankay demo sites.
+
+## What it provides
+
+- `<chankay-site-shell>` custom element
+- fixed Chankay navbar and footer for demo sites
+- shared token stylesheet for host apps
+- browser-ready registration entry for static sites
+
+## Package outputs
+
+- `dist/index.js`: programmatic API, including `mountSiteShell()`
+- `dist/register.js`: browser entry that registers `<chankay-site-shell>`
+- `dist/tokens.css`: shared token stylesheet for shell and host demos
+
+## Installation
+
+```bash
+pnpm add @chankay/site-shell
+```
+
+## Integration workflow
+
+### 1. Choose an integration mode
+
+- static or plain HTML demos: load `dist/register.js` and `dist/tokens.css`
+- bundled demos: install the package and use either the custom element or `mountSiteShell()`
+
+Always pin an explicit version. Do not consume `latest` implicitly.
+
+### 2. Reserve shell slots in the host demo
+
+For the clearest layout control, reserve separate header and footer slots in the demo page:
+
+```html
+<div id="demo-shell-header"></div>
+<main>...</main>
+<div id="demo-shell-footer"></div>
+```
+
+You can also use a single element with `position="both"` when the host page does not need separate mounting points.
+
+### 3. Static demo integration
+
+```html
+<link
+  rel="stylesheet"
+  href="https://cdn.jsdelivr.net/npm/@chankay/site-shell@0.1.0/dist/tokens.css"
+/>
+<script type="module">
+  import "https://cdn.jsdelivr.net/npm/@chankay/site-shell@0.1.0/dist/register.js"
+</script>
+
+<chankay-site-shell
+  position="header"
+  site-name="Bezier Playground"
+  repo-url="https://github.com/chankay/bezier-demo"
+></chankay-site-shell>
+<main>...</main>
+<chankay-site-shell position="footer"></chankay-site-shell>
+```
+
+### 4. Bundled demo integration
+
+```ts
+import "@chankay/site-shell/register"
+
+import { mountSiteShell } from "@chankay/site-shell"
+
+mountSiteShell({
+  target: "#demo-shell-header",
+  position: "header",
+  siteName: "Bezier Playground",
+  repoUrl: "https://github.com/chankay/bezier-demo",
+})
+
+mountSiteShell({
+  target: "#demo-shell-footer",
+  position: "footer",
+})
+```
+
+### 5. Optional shared token usage
+
+Import `@chankay/site-shell/tokens.css` into the host demo when you want host content to reuse the same palette and spacing baseline as the shell.
+
+The published stylesheet is built from the shared token source in
+`packages/ui/src/tokens.css`, then extended with `site-shell`-specific aliases.
+
+## Public API
+
+### Custom element attributes
+
+- `site-name`: Optional demo label rendered next to the fixed Chankay brand.
+- `repo-url`: Optional GitHub repository URL for the demo project.
+- `position`: Optional section selector. Accepts `header`, `footer`, or `both`.
+
+Behavior defaults:
+
+- omitted `site-name`: hides the demo name label
+- omitted `repo-url`: hides the GitHub icon action
+- omitted `position`: defaults to `both`
+
+### Programmatic API
+
+```ts
+import { mountSiteShell } from "@chankay/site-shell"
+```
+
+`mountSiteShell()` accepts:
+
+- `target`: `Element` or CSS selector
+- `position`: `header`, `footer`, or `both`
+- `siteName`: optional demo label
+- `repoUrl`: optional GitHub repository URL
+
+## Development workflow
+
+### Local preview
+
+From the repository root:
+
+```bash
+pnpm run dev:site-shell
+```
+
+Then open `http://127.0.0.1:4310/dev/preview.html`.
+
+- TypeScript changes rebuild automatically into `dist/`
+- token changes from `packages/ui/src/tokens.css` and `src/tokens.aliases.css` rebuild `dist/tokens.css`
+- Refresh the browser after edits to preview the latest output
+
+### Common package commands
+
+```bash
+pnpm run dev:site-shell
+pnpm --filter @chankay/site-shell build
+pnpm --filter @chankay/site-shell check-types
+pnpm --filter @chankay/site-shell test:run
+pnpm --filter @chankay/site-shell preview:dev
+pnpm --filter @chankay/site-shell preview
+```
+
+Use `preview` when you want a one-off local server without watch mode.
+
+### Source layout
+
+- `src/custom-element/`: custom element definition and registration
+- `src/render/`: static navbar and footer markup and styles
+- `src/tokens.aliases.css`: `site-shell`-specific CSS variable aliases
+- `scripts/copy-tokens.mjs`: builds `dist/tokens.css` from the shared token source
+- `dev/preview.html`: local preview host page
+
+## Release workflow
+
+### Versioning
+
+- `patch`: bug fixes and non-breaking style corrections
+- `minor`: additive attributes, additive tokens, or non-breaking behavior additions
+- `major`: breaking attribute changes, breaking token changes, or breaking DOM/style contract changes
+
+### Publishing
+
+1. Update the package implementation and docs.
+2. Validate locally:
+   - `pnpm --filter @chankay/site-shell build`
+   - `pnpm --filter @chankay/site-shell check-types`
+   - `pnpm --filter @chankay/site-shell test:run`
+3. Publish a GitHub Release with tag `site-shell-vX.Y.Z`.
+
+The workflow in `.github/workflows/site-shell-release.yml` then:
+
+- installs workspace dependencies
+- builds `@chankay/site-shell`
+- runs type checks and tests
+- publishes `@chankay/site-shell` to public npm
+- uploads browser assets to the GitHub Release
+
+### Release artifacts
+
+- npm package: `@chankay/site-shell`
+- browser entry: `dist/register.js`
+- token stylesheet: `dist/tokens.css`
+- release archive: `site-shell-browser-assets.zip`

package/dist/constants.d.ts

@@ -0,0 +1,9 @@
+export declare const SITE_SHELL_TAG_NAME = "chankay-site-shell";
+export declare const MAIN_SITE_URL = "https://chankay.com";
+export declare const BRAND_NAME = "Chan Kay";
+export declare const BRAND_LOGO_URL = "https://chankay.com/favicon/website-logo.svg";
+export declare const POSTS_URL = "https://chankay.com/posts";
+export declare const DEMOS_URL = "https://chankay.com/demos";
+export declare const FOOTER_NOTE = "Shared navigation shell for Chankay demo projects.";
+export declare const GITHUB_ICON_SVG: string;
+//# sourceMappingURL=constants.d.ts.map

package/dist/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,uBAAuB,CAAA;AAEvD,eAAO,MAAM,aAAa,wBAAwB,CAAA;AAClD,eAAO,MAAM,UAAU,aAAa,CAAA;AACpC,eAAO,MAAM,cAAc,iDAA8C,CAAA;AACzE,eAAO,MAAM,SAAS,8BAA2B,CAAA;AACjD,eAAO,MAAM,SAAS,8BAA2B,CAAA;AACjD,eAAO,MAAM,WAAW,uDAAuD,CAAA;AAE/E,eAAO,MAAM,eAAe,QAOpB,CAAA"}

package/dist/constants.js

@@ -0,0 +1,15 @@
+export const SITE_SHELL_TAG_NAME = "chankay-site-shell";
+export const MAIN_SITE_URL = "https://chankay.com";
+export const BRAND_NAME = "Chan Kay";
+export const BRAND_LOGO_URL = `${MAIN_SITE_URL}/favicon/website-logo.svg`;
+export const POSTS_URL = `${MAIN_SITE_URL}/posts`;
+export const DEMOS_URL = `${MAIN_SITE_URL}/demos`;
+export const FOOTER_NOTE = "Shared navigation shell for Chankay demo projects.";
+export const GITHUB_ICON_SVG = `
+<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+	<path
+		fill="currentColor"
+		d="M12 1.75a10.25 10.25 0 0 0-3.24 19.98c.5.09.68-.21.68-.48l-.01-1.86c-2.77.6-3.35-1.33-3.35-1.33a2.64 2.64 0 0 0-1.1-1.46c-.9-.62.07-.61.07-.61a2.09 2.09 0 0 1 1.53 1.03 2.13 2.13 0 0 0 2.9.83 2.13 2.13 0 0 1 .63-1.34c-2.22-.25-4.56-1.12-4.56-4.97a3.9 3.9 0 0 1 1.03-2.7 3.62 3.62 0 0 1 .1-2.66s.84-.27 2.75 1.03a9.5 9.5 0 0 1 5 0c1.9-1.3 2.74-1.03 2.74-1.03a3.62 3.62 0 0 1 .1 2.66 3.89 3.89 0 0 1 1.03 2.7c0 3.86-2.35 4.71-4.58 4.96a2.38 2.38 0 0 1 .68 1.84l-.01 2.72c0 .27.18.58.69.48A10.25 10.25 0 0 0 12 1.75Z"
+	/>
+</svg>
+`.trim();

package/dist/custom-element/SiteShellElement.d.ts

@@ -0,0 +1,8 @@
+export declare class SiteShellElement extends HTMLElement {
+    static observedAttributes: string[];
+    constructor();
+    connectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    private render;
+}
+//# sourceMappingURL=SiteShellElement.d.ts.map

package/dist/custom-element/SiteShellElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SiteShellElement.d.ts","sourceRoot":"","sources":["../../src/custom-element/SiteShellElement.ts"],"names":[],"mappings":"AAIA,qBAAa,gBAAiB,SAAQ,WAAW;IAChD,MAAM,CAAC,kBAAkB,WAAwC;;IAOjE,iBAAiB;IAIjB,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;IAUvF,OAAO,CAAC,MAAM;CAQd"}

package/dist/custom-element/SiteShellElement.js

@@ -0,0 +1,28 @@
+import { renderSiteShell } from "../render/index.js";
+import { siteShellStyles } from "../render/styles.js";
+import { readSiteShellAttributes } from "../utils.js";
+export class SiteShellElement extends HTMLElement {
+    static observedAttributes = ["position", "repo-url", "site-name"];
+    constructor() {
+        super();
+        this.attachShadow({ mode: "open" });
+    }
+    connectedCallback() {
+        this.render();
+    }
+    attributeChangedCallback(name, oldValue, newValue) {
+        if (oldValue === newValue) {
+            return;
+        }
+        if (name === "position" || name === "repo-url" || name === "site-name") {
+            this.render();
+        }
+    }
+    render() {
+        if (!this.shadowRoot) {
+            return;
+        }
+        const attributes = readSiteShellAttributes(this);
+        this.shadowRoot.innerHTML = `<style>${siteShellStyles}</style>${renderSiteShell(attributes)}`;
+    }
+}

package/dist/custom-element/register.d.ts

@@ -0,0 +1,2 @@
+export declare function defineSiteShellElement(): void;
+//# sourceMappingURL=register.d.ts.map

package/dist/custom-element/register.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../../src/custom-element/register.ts"],"names":[],"mappings":"AAGA,wBAAgB,sBAAsB,SAQrC"}

package/dist/custom-element/register.js

@@ -0,0 +1,10 @@
+import { SITE_SHELL_TAG_NAME } from "../constants.js";
+import { SiteShellElement } from "./SiteShellElement.js";
+export function defineSiteShellElement() {
+    if (typeof customElements === "undefined") {
+        throw new Error("Custom Elements are not available in the current runtime.");
+    }
+    if (!customElements.get(SITE_SHELL_TAG_NAME)) {
+        customElements.define(SITE_SHELL_TAG_NAME, SiteShellElement);
+    }
+}

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export { SITE_SHELL_TAG_NAME } from "./constants.js";
+export { SiteShellElement } from "./custom-element/SiteShellElement.js";
+export { defineSiteShellElement } from "./custom-element/register.js";
+export { mountSiteShell } from "./mountSiteShell.js";
+export type { MountSiteShellOptions, SiteShellAttributes, SiteShellPosition } from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAA;AACvE,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAA;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,YAAY,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA"}

package/dist/index.js

@@ -0,0 +1,4 @@
+export { SITE_SHELL_TAG_NAME } from "./constants.js";
+export { SiteShellElement } from "./custom-element/SiteShellElement.js";
+export { defineSiteShellElement } from "./custom-element/register.js";
+export { mountSiteShell } from "./mountSiteShell.js";

package/dist/mountSiteShell.d.ts

@@ -0,0 +1,3 @@
+import type { MountSiteShellOptions } from "./types.js";
+export declare function mountSiteShell({ target, siteName, repoUrl, position, }: MountSiteShellOptions): HTMLElement;
+//# sourceMappingURL=mountSiteShell.d.ts.map

package/dist/mountSiteShell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mountSiteShell.d.ts","sourceRoot":"","sources":["../src/mountSiteShell.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAGvD,wBAAgB,cAAc,CAAC,EAC9B,MAAM,EACN,QAAQ,EACR,OAAO,EACP,QAAQ,GACR,EAAE,qBAAqB,GAAG,WAAW,CAoBrC"}

package/dist/mountSiteShell.js

@@ -0,0 +1,18 @@
+import { SITE_SHELL_TAG_NAME } from "./constants.js";
+import { defineSiteShellElement } from "./custom-element/register.js";
+import { normalizeSiteShellPosition, resolveMountTarget } from "./utils.js";
+export function mountSiteShell({ target, siteName, repoUrl, position, }) {
+    defineSiteShellElement();
+    const container = resolveMountTarget(target);
+    const element = document.createElement(SITE_SHELL_TAG_NAME);
+    const normalizedPosition = normalizeSiteShellPosition(position);
+    element.setAttribute("position", normalizedPosition);
+    if (siteName?.trim()) {
+        element.setAttribute("site-name", siteName.trim());
+    }
+    if (repoUrl?.trim()) {
+        element.setAttribute("repo-url", repoUrl.trim());
+    }
+    container.appendChild(element);
+    return element;
+}

package/dist/register.d.ts

@@ -0,0 +1,3 @@
+import { defineSiteShellElement } from "./custom-element/register.js";
+export { defineSiteShellElement };
+//# sourceMappingURL=register.d.ts.map

package/dist/register.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../src/register.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAA;AAIrE,OAAO,EAAE,sBAAsB,EAAE,CAAA"}

package/dist/register.js

@@ -0,0 +1,3 @@
+import { defineSiteShellElement } from "./custom-element/register.js";
+defineSiteShellElement();
+export { defineSiteShellElement };

package/dist/render/footer.d.ts

@@ -0,0 +1,2 @@
+export declare function renderFooter(): string;
+//# sourceMappingURL=footer.d.ts.map

package/dist/render/footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../src/render/footer.ts"],"names":[],"mappings":"AASA,wBAAgB,YAAY,IAAI,MAAM,CAkCrC"}

package/dist/render/footer.js

@@ -0,0 +1,35 @@
+import { BRAND_LOGO_URL, BRAND_NAME, DEMOS_URL, FOOTER_NOTE, MAIN_SITE_URL, POSTS_URL, } from "../constants.js";
+export function renderFooter() {
+    const currentYear = new Date().getFullYear();
+    return `
+		<footer class="site-shell-footer">
+			<div class="site-shell-container site-shell-footer-inner">
+				<div class="site-shell-footer-top">
+					<a class="site-shell-brand" href="${MAIN_SITE_URL}" aria-label="${BRAND_NAME} home">
+						<img
+							class="site-shell-brand-logo"
+							src="${BRAND_LOGO_URL}"
+							alt="${BRAND_NAME} logo"
+							loading="lazy"
+							decoding="async"
+						/>
+						<span class="site-shell-brand-copy">
+							<span class="site-shell-brand-name">${BRAND_NAME}</span>
+						</span>
+					</a>
+
+					<nav class="site-shell-footer-links" aria-label="Chankay footer navigation">
+						<a class="site-shell-link" href="${MAIN_SITE_URL}">Home</a>
+						<a class="site-shell-link" href="${POSTS_URL}">Posts</a>
+						<a class="site-shell-link" href="${DEMOS_URL}">Demos</a>
+					</nav>
+				</div>
+
+				<div class="site-shell-footer-bottom">
+					<p class="site-shell-footnote">${FOOTER_NOTE}</p>
+					<p class="site-shell-copyright">© ${currentYear} ${BRAND_NAME}</p>
+				</div>
+			</div>
+		</footer>
+	`;
+}

package/dist/render/index.d.ts

@@ -0,0 +1,3 @@
+import type { SiteShellAttributes } from "../types.js";
+export declare function renderSiteShell(attributes: SiteShellAttributes): string;
+//# sourceMappingURL=index.d.ts.map

package/dist/render/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/render/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAItD,wBAAgB,eAAe,CAAC,UAAU,EAAE,mBAAmB,GAAG,MAAM,CAYvE"}

package/dist/render/index.js

@@ -0,0 +1,12 @@
+import { renderFooter } from "./footer.js";
+import { renderNavbar } from "./navbar.js";
+export function renderSiteShell(attributes) {
+    const sections = [];
+    if (attributes.position !== "footer") {
+        sections.push(renderNavbar(attributes));
+    }
+    if (attributes.position !== "header") {
+        sections.push(renderFooter());
+    }
+    return `<div class="site-shell-root">${sections.join("")}</div>`;
+}

package/dist/render/navbar.d.ts

@@ -0,0 +1,3 @@
+import type { SiteShellAttributes } from "../types.js";
+export declare function renderNavbar(attributes: SiteShellAttributes): string;
+//# sourceMappingURL=navbar.d.ts.map

package/dist/render/navbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navbar.d.ts","sourceRoot":"","sources":["../../src/render/navbar.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AA8BtD,wBAAgB,YAAY,CAAC,UAAU,EAAE,mBAAmB,GAAG,MAAM,CA0BpE"}

package/dist/render/navbar.js

@@ -0,0 +1,52 @@
+import { BRAND_LOGO_URL, BRAND_NAME, DEMOS_URL, GITHUB_ICON_SVG, MAIN_SITE_URL, POSTS_URL, } from "../constants.js";
+import { escapeHtml } from "../utils.js";
+function renderSiteName(siteName) {
+    if (!siteName) {
+        return "";
+    }
+    return `<span class="site-shell-site-name">${escapeHtml(siteName)}</span>`;
+}
+function renderRepoLink(repoUrl) {
+    if (!repoUrl) {
+        return "";
+    }
+    return `
+		<a
+			class="site-shell-icon-link"
+			href="${repoUrl}"
+			target="_blank"
+			rel="noreferrer noopener"
+			aria-label="Open the demo repository on GitHub"
+			title="Open the demo repository on GitHub"
+		>
+			${GITHUB_ICON_SVG}
+		</a>
+	`;
+}
+export function renderNavbar(attributes) {
+    return `
+		<header class="site-shell-header">
+			<div class="site-shell-container site-shell-header-inner">
+				<a class="site-shell-brand" href="${MAIN_SITE_URL}" aria-label="${BRAND_NAME} home">
+					<img
+						class="site-shell-brand-logo"
+						src="${BRAND_LOGO_URL}"
+						alt="${BRAND_NAME} logo"
+						loading="lazy"
+						decoding="async"
+					/>
+					<span class="site-shell-brand-copy">
+						<span class="site-shell-brand-name">${BRAND_NAME}</span>
+						${renderSiteName(attributes.siteName)}
+					</span>
+				</a>
+
+				<nav class="site-shell-nav" aria-label="Chankay demo navigation">
+					<a class="site-shell-link" href="${POSTS_URL}">Posts</a>
+					<a class="site-shell-link" href="${DEMOS_URL}">Demos</a>
+					${renderRepoLink(attributes.repoUrl)}
+				</nav>
+			</div>
+		</header>
+	`;
+}

package/dist/render/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const siteShellStyles: string;
+//# sourceMappingURL=styles.d.ts.map

package/dist/render/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/render/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,QAyLpB,CAAA"}

package/dist/render/styles.js

@@ -0,0 +1,186 @@
+export const siteShellStyles = `
+:host {
+	display: block;
+	color: var(--site-shell-foreground, var(--foreground, #26231f));
+	font-family: var(
+		--site-shell-font-sans,
+		var(--font-sans, "Montserrat", "Segoe UI", sans-serif)
+	);
+}
+
+:host *,
+:host *::before,
+:host *::after {
+	box-sizing: border-box;
+}
+
+a {
+	color: inherit;
+}
+
+.site-shell-root {
+	display: grid;
+	gap: 0;
+}
+
+.site-shell-header {
+	border-bottom: 1px solid var(--site-shell-border, var(--border, #e4ddd2));
+	background:
+		linear-gradient(180deg, color-mix(in oklab, var(--site-shell-card, var(--card, #f7f4ee)) 92%, white) 0%, var(--site-shell-background, var(--background, #f7f4ee)) 100%);
+	box-shadow: var(--site-shell-shadow, var(--shadow-sm, 0 10px 30px rgba(15, 23, 42, 0.08)));
+}
+
+.site-shell-footer {
+	border-top: 1px solid var(--site-shell-border, var(--border, #e4ddd2));
+	background: var(--site-shell-card, var(--card, #f7f4ee));
+}
+
+.site-shell-container {
+	width: min(1120px, calc(100% - 2rem));
+	margin: 0 auto;
+}
+
+.site-shell-header-inner {
+	min-height: var(--site-shell-navbar-height, var(--navbar-height, 4rem));
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	gap: 1rem;
+	padding: 0.85rem 0;
+	flex-wrap: wrap;
+}
+
+.site-shell-footer-inner {
+	display: grid;
+	gap: 1rem;
+	padding: 1.5rem 0;
+}
+
+.site-shell-footer-top,
+.site-shell-footer-bottom {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	gap: 1rem;
+	flex-wrap: wrap;
+}
+
+.site-shell-brand {
+	display: inline-flex;
+	align-items: center;
+	gap: 0.75rem;
+	text-decoration: none;
+	min-width: 0;
+}
+
+.site-shell-brand-logo {
+	width: 2rem;
+	height: 2rem;
+	flex: none;
+	object-fit: contain;
+}
+
+.site-shell-brand-copy {
+	display: inline-flex;
+	align-items: center;
+	gap: 0.5rem;
+	min-width: 0;
+}
+
+.site-shell-brand-name {
+	font-size: 1rem;
+	font-weight: 700;
+	letter-spacing: 0.02em;
+}
+
+.site-shell-site-name {
+	color: var(--site-shell-muted-foreground, var(--muted-foreground, #6a6358));
+	font-size: 0.92rem;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+.site-shell-site-name::before {
+	content: "/";
+	display: inline-block;
+	margin-right: 0.5rem;
+	color: var(--site-shell-border-strong, color-mix(in oklab, var(--site-shell-border, var(--border, #e4ddd2)) 80%, var(--site-shell-foreground, #26231f)));
+}
+
+.site-shell-nav,
+.site-shell-footer-links {
+	display: flex;
+	align-items: center;
+	gap: 0.45rem;
+	flex-wrap: wrap;
+}
+
+.site-shell-link {
+	display: inline-flex;
+	align-items: center;
+	gap: 0.35rem;
+	padding: 0.6rem 0.9rem;
+	border-radius: 999px;
+	text-decoration: none;
+	color: var(--site-shell-muted-foreground, var(--muted-foreground, #6a6358));
+	font-size: 0.95rem;
+	font-weight: 600;
+	transition:
+		background-color 160ms ease,
+		color 160ms ease,
+		transform 160ms ease;
+}
+
+.site-shell-link:hover,
+.site-shell-link:focus-visible,
+.site-shell-icon-link:hover,
+.site-shell-icon-link:focus-visible {
+	background: var(--site-shell-accent, var(--accent, #e7f0df));
+	color: var(--site-shell-accent-foreground, var(--accent-foreground, #2f5f44));
+	outline: none;
+	transform: translateY(-1px);
+}
+
+.site-shell-icon-link {
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	width: 2.5rem;
+	height: 2.5rem;
+	border-radius: 999px;
+	text-decoration: none;
+	color: var(--site-shell-foreground, var(--foreground, #26231f));
+	border: 1px solid var(--site-shell-border, var(--border, #e4ddd2));
+	background: color-mix(in oklab, var(--site-shell-card, var(--card, #f7f4ee)) 92%, white);
+	transition:
+		background-color 160ms ease,
+		color 160ms ease,
+		transform 160ms ease;
+}
+
+.site-shell-icon-link svg {
+	width: 1.15rem;
+	height: 1.15rem;
+}
+
+.site-shell-footnote,
+.site-shell-copyright {
+	margin: 0;
+	color: var(--site-shell-muted-foreground, var(--muted-foreground, #6a6358));
+	font-size: 0.9rem;
+	line-height: 1.5;
+}
+
+@media (max-width: 640px) {
+	.site-shell-header-inner,
+	.site-shell-footer-top,
+	.site-shell-footer-bottom {
+		align-items: flex-start;
+	}
+
+	.site-shell-brand-copy {
+		flex-wrap: wrap;
+	}
+}
+`.trim();

package/dist/tokens.css

@@ -0,0 +1,160 @@
+/* Generated from packages/ui/src/tokens.css and packages/site-shell/src/tokens.aliases.css */
+:root {
+	--background: oklch(0.97 0.01 80.72);
+	--foreground: oklch(0.3 0.04 30.2);
+	--navbar-height: 4rem;
+	--card: oklch(0.97 0.01 80.72);
+	--card-foreground: oklch(0.3 0.04 30.2);
+	--popover: oklch(0.97 0.01 80.72);
+	--popover-foreground: oklch(0.3 0.04 30.2);
+	--primary: oklch(0.52 0.13 144.17);
+	--primary-foreground: oklch(1 0 0);
+	--secondary: oklch(0.96 0.02 147.64);
+	--secondary-foreground: oklch(0.43 0.12 144.31);
+	--muted: oklch(0.94 0.01 74.42);
+	--muted-foreground: oklch(0.45 0.05 39.21);
+	--accent: oklch(0.9 0.05 146.04);
+	--accent-foreground: oklch(0.43 0.12 144.31);
+	--destructive: oklch(0.54 0.19 26.72);
+	--border: oklch(0.92 0.015 74.64);
+	--input: oklch(0.88 0.02 74.64);
+	--ring: oklch(0.52 0.13 144.17);
+	--chart-1: oklch(0.67 0.16 144.21);
+	--chart-2: oklch(0.58 0.14 144.18);
+	--chart-3: oklch(0.52 0.13 144.17);
+	--chart-4: oklch(0.43 0.12 144.31);
+	--chart-5: oklch(0.22 0.05 145.73);
+	--sidebar: oklch(0.94 0.01 74.42);
+	--sidebar-foreground: oklch(0.3 0.04 30.2);
+	--sidebar-primary: oklch(0.52 0.13 144.17);
+	--sidebar-primary-foreground: oklch(1 0 0);
+	--sidebar-accent: oklch(0.9 0.05 146.04);
+	--sidebar-accent-foreground: oklch(0.43 0.12 144.31);
+	--sidebar-border: oklch(0.92 0.015 74.64);
+	--sidebar-ring: oklch(0.52 0.13 144.17);
+	--destructive-foreground: oklch(1 0 0);
+	--font-sans: Montserrat, sans-serif;
+	--font-serif: Merriweather, serif;
+	--font-mono: Source Code Pro, monospace;
+	--radius: 0.5rem;
+	--shadow-2xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
+	--shadow-xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
+	--shadow-sm: 0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1);
+	--shadow: 0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1);
+	--shadow-md: 0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1);
+	--shadow-lg: 0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1);
+	--shadow-xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1);
+	--shadow-2xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.25);
+	--tracking-normal: 0em;
+}
+
+.dark,
+[data-theme="dark"] {
+	--background: oklch(0.27 0 106.64);
+	--foreground: oklch(0.81 0.01 93.01);
+	--card: oklch(0.27 0 106.64);
+	--card-foreground: oklch(0.98 0.01 95.1);
+	--popover: oklch(0.31 0 106.6);
+	--popover-foreground: oklch(0.92 0 106.48);
+	--primary: oklch(0.67 0.13 38.76);
+	--primary-foreground: oklch(1 0 0);
+	--secondary: oklch(0.98 0.01 95.1);
+	--secondary-foreground: oklch(0.31 0 106.6);
+	--muted: oklch(0.22 0 106.71);
+	--muted-foreground: oklch(0.77 0.02 99.07);
+	--accent: oklch(0.21 0.01 95.42);
+	--accent-foreground: oklch(0.97 0.01 98.88);
+	--destructive: oklch(0.64 0.21 25.33);
+	--border: oklch(0.44 0.008 106.89);
+	--input: oklch(0.43 0.01 100.22);
+	--ring: oklch(0.59 0.17 253.06);
+	--chart-1: oklch(0.56 0.13 43);
+	--chart-2: oklch(0.69 0.16 290.41);
+	--chart-3: oklch(0.21 0.01 95.42);
+	--chart-4: oklch(0.31 0.05 289.32);
+	--chart-5: oklch(0.56 0.13 42.06);
+	--sidebar: oklch(0.24 0 67.71);
+	--sidebar-foreground: oklch(0.81 0.01 93.01);
+	--sidebar-primary: oklch(0.33 0 0);
+	--sidebar-primary-foreground: oklch(0.99 0 0);
+	--sidebar-accent: oklch(0.17 0 106.62);
+	--sidebar-accent-foreground: oklch(0.81 0.01 93.01);
+	--sidebar-border: oklch(0.96 0 0);
+	--sidebar-ring: oklch(0.77 0 0);
+	--destructive-foreground: oklch(1 0 0);
+	--radius: 0.5rem;
+	--shadow-2xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
+	--shadow-xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
+	--shadow-sm: 0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1);
+	--shadow: 0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1);
+	--shadow-md: 0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1);
+	--shadow-lg: 0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1);
+	--shadow-xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1);
+	--shadow-2xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.25);
+}
+
+@theme inline {
+	--color-background: var(--background);
+	--color-foreground: var(--foreground);
+	--color-card: var(--card);
+	--color-card-foreground: var(--card-foreground);
+	--color-popover: var(--popover);
+	--color-popover-foreground: var(--popover-foreground);
+	--color-primary: var(--primary);
+	--color-primary-foreground: var(--primary-foreground);
+	--color-secondary: var(--secondary);
+	--color-secondary-foreground: var(--secondary-foreground);
+	--color-muted: var(--muted);
+	--color-muted-foreground: var(--muted-foreground);
+	--color-accent: var(--accent);
+	--color-accent-foreground: var(--accent-foreground);
+	--color-destructive: var(--destructive);
+	--color-border: var(--border);
+	--color-input: var(--input);
+	--color-ring: var(--ring);
+	--color-chart-1: var(--chart-1);
+	--color-chart-2: var(--chart-2);
+	--color-chart-3: var(--chart-3);
+	--color-chart-4: var(--chart-4);
+	--color-chart-5: var(--chart-5);
+	--color-sidebar: var(--sidebar);
+	--color-sidebar-foreground: var(--sidebar-foreground);
+	--color-sidebar-primary: var(--sidebar-primary);
+	--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+	--color-sidebar-accent: var(--sidebar-accent);
+	--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+	--color-sidebar-border: var(--sidebar-border);
+	--color-sidebar-ring: var(--sidebar-ring);
+	--color-destructive-foreground: var(--destructive-foreground);
+	--font-sans: var(--font-sans);
+	--font-mono: var(--font-mono);
+	--font-serif: var(--font-serif);
+	--radius-sm: calc(var(--radius) - 4px);
+	--radius-md: calc(var(--radius) - 2px);
+	--radius-lg: var(--radius);
+	--radius-xl: calc(var(--radius) + 4px);
+	--shadow-2xs: var(--shadow-2xs);
+	--shadow-xs: var(--shadow-xs);
+	--shadow-sm: var(--shadow-sm);
+	--shadow: var(--shadow);
+	--shadow-md: var(--shadow-md);
+	--shadow-lg: var(--shadow-lg);
+	--shadow-xl: var(--shadow-xl);
+	--shadow-2xl: var(--shadow-2xl);
+}
+
+:root {
+	--site-shell-background: var(--background);
+	--site-shell-foreground: var(--foreground);
+	--site-shell-card: var(--card);
+	--site-shell-border: var(--border);
+	--site-shell-primary: var(--primary);
+	--site-shell-primary-foreground: var(--primary-foreground);
+	--site-shell-accent: var(--accent);
+	--site-shell-accent-foreground: var(--accent-foreground);
+	--site-shell-muted-foreground: var(--muted-foreground);
+	--site-shell-navbar-height: var(--navbar-height);
+	--site-shell-font-sans: var(--font-sans);
+	--site-shell-radius: var(--radius);
+	--site-shell-shadow: var(--shadow-sm);
+}

package/dist/tsconfig.tsbuildinfo

@@ -0,0 +1 @@
+{"fileNames":["../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es5.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2015.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2016.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2017.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2018.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2019.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2020.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2021.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2022.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.iterable.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2015.core.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2015.collection.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2015.generator.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2015.iterable.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2015.promise.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2015.proxy.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2015.reflect.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2015.symbol.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2016.array.include.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2016.intl.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2017.arraybuffer.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2017.date.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2017.object.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2017.sharedmemory.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2017.string.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2017.intl.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2017.typedarrays.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2018.asyncgenerator.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2018.asynciterable.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2018.intl.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2018.promise.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2018.regexp.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2019.array.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2019.object.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2019.string.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2019.symbol.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2019.intl.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2020.bigint.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2020.date.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2020.promise.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2020.sharedmemory.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2020.string.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2020.symbol.wellknown.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2020.intl.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2020.number.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2021.promise.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2021.string.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2021.weakref.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2021.intl.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2022.array.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2022.error.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2022.intl.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2022.object.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2022.string.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.es2022.regexp.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.decorators.d.ts","../../../node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.decorators.legacy.d.ts","../src/constants.ts","../src/types.ts","../src/render/footer.ts","../src/utils.ts","../src/render/navbar.ts","../src/render/index.ts","../src/render/styles.ts","../src/custom-element/SiteShellElement.ts","../src/custom-element/register.ts","../src/mountSiteShell.ts","../src/index.ts","../src/register.ts","../../../node_modules/.pnpm/@types+react@19.1.8/node_modules/@types/react/global.d.ts","../../../node_modules/.pnpm/csstype@3.1.3/node_modules/csstype/index.d.ts","../../../node_modules/.pnpm/@types+react@19.1.8/node_modules/@types/react/index.d.ts","../../../node_modules/.pnpm/@types+react-dom@19.1.6_@types+react@19.1.8/node_modules/@types/react-dom/index.d.ts"],"fileIdsList":[[74],[72,73],[63,65,66],[60,67],[60,61,67,68,69],[60,61,63,68],[68],[60],[61,62,64],[60,61,63],[61]],"fileInfos":[{"version":"69684132aeb9b5642cbcd9e22dff7818ff0ee1aa831728af0ecf97d3364d5546","affectsGlobalScope":true,"impliedFormat":1},{"version":"45b7ab580deca34ae9729e97c13cfd999df04416a79116c3bfb483804f85ded4","impliedFormat":1},{"version":"3facaf05f0c5fc569c5649dd359892c98a85557e3e0c847964caeb67076f4d75","impliedFormat":1},{"version":"e44bb8bbac7f10ecc786703fe0a6a4b952189f908707980ba8f3c8975a760962","impliedFormat":1},{"version":"5e1c4c362065a6b95ff952c0eab010f04dcd2c3494e813b493ecfd4fcb9fc0d8","impliedFormat":1},{"version":"68d73b4a11549f9c0b7d352d10e91e5dca8faa3322bfb77b661839c42b1ddec7","impliedFormat":1},{"version":"5efce4fc3c29ea84e8928f97adec086e3dc876365e0982cc8479a07954a3efd4","impliedFormat":1},{"version":"feecb1be483ed332fad555aff858affd90a48ab19ba7272ee084704eb7167569","impliedFormat":1},{"version":"ee7bad0c15b58988daa84371e0b89d313b762ab83cb5b31b8a2d1162e8eb41c2","impliedFormat":1},{"version":"092c2bfe125ce69dbb1223c85d68d4d2397d7d8411867b5cc03cec902c233763","affectsGlobalScope":true,"impliedFormat":1},{"version":"07f073f19d67f74d732b1adea08e1dc66b1b58d77cb5b43931dee3d798a2fd53","affectsGlobalScope":true,"impliedFormat":1},{"version":"c57796738e7f83dbc4b8e65132f11a377649c00dd3eee333f672b8f0a6bea671","affectsGlobalScope":true,"impliedFormat":1},{"version":"dc2df20b1bcdc8c2d34af4926e2c3ab15ffe1160a63e58b7e09833f616efff44","affectsGlobalScope":true,"impliedFormat":1},{"version":"515d0b7b9bea2e31ea4ec968e9edd2c39d3eebf4a2d5cbd04e88639819ae3b71","affectsGlobalScope":true,"impliedFormat":1},{"version":"0559b1f683ac7505ae451f9a96ce4c3c92bdc71411651ca6ddb0e88baaaad6a3","affectsGlobalScope":true,"impliedFormat":1},{"version":"0dc1e7ceda9b8b9b455c3a2d67b0412feab00bd2f66656cd8850e8831b08b537","affectsGlobalScope":true,"impliedFormat":1},{"version":"ce691fb9e5c64efb9547083e4a34091bcbe5bdb41027e310ebba8f7d96a98671","affectsGlobalScope":true,"impliedFormat":1},{"version":"8d697a2a929a5fcb38b7a65594020fcef05ec1630804a33748829c5ff53640d0","affectsGlobalScope":true,"impliedFormat":1},{"version":"4ff2a353abf8a80ee399af572debb8faab2d33ad38c4b4474cff7f26e7653b8d","affectsGlobalScope":true,"impliedFormat":1},{"version":"936e80ad36a2ee83fc3caf008e7c4c5afe45b3cf3d5c24408f039c1d47bdc1df","affectsGlobalScope":true,"impliedFormat":1},{"version":"d15bea3d62cbbdb9797079416b8ac375ae99162a7fba5de2c6c505446486ac0a","affectsGlobalScope":true,"impliedFormat":1},{"version":"68d18b664c9d32a7336a70235958b8997ebc1c3b8505f4f1ae2b7e7753b87618","affectsGlobalScope":true,"impliedFormat":1},{"version":"eb3d66c8327153d8fa7dd03f9c58d351107fe824c79e9b56b462935176cdf12a","affectsGlobalScope":true,"impliedFormat":1},{"version":"38f0219c9e23c915ef9790ab1d680440d95419ad264816fa15009a8851e79119","affectsGlobalScope":true,"impliedFormat":1},{"version":"69ab18c3b76cd9b1be3d188eaf8bba06112ebbe2f47f6c322b5105a6fbc45a2e","affectsGlobalScope":true,"impliedFormat":1},{"version":"fef8cfad2e2dc5f5b3d97a6f4f2e92848eb1b88e897bb7318cef0e2820bceaab","affectsGlobalScope":true,"impliedFormat":1},{"version":"2f11ff796926e0832f9ae148008138ad583bd181899ab7dd768a2666700b1893","affectsGlobalScope":true,"impliedFormat":1},{"version":"4de680d5bb41c17f7f68e0419412ca23c98d5749dcaaea1896172f06435891fc","affectsGlobalScope":true,"impliedFormat":1},{"version":"954296b30da6d508a104a3a0b5d96b76495c709785c1d11610908e63481ee667","affectsGlobalScope":true,"impliedFormat":1},{"version":"ac9538681b19688c8eae65811b329d3744af679e0bdfa5d842d0e32524c73e1c","affectsGlobalScope":true,"impliedFormat":1},{"version":"0a969edff4bd52585473d24995c5ef223f6652d6ef46193309b3921d65dd4376","affectsGlobalScope":true,"impliedFormat":1},{"version":"9e9fbd7030c440b33d021da145d3232984c8bb7916f277e8ffd3dc2e3eae2bdb","affectsGlobalScope":true,"impliedFormat":1},{"version":"811ec78f7fefcabbda4bfa93b3eb67d9ae166ef95f9bff989d964061cbf81a0c","affectsGlobalScope":true,"impliedFormat":1},{"version":"717937616a17072082152a2ef351cb51f98802fb4b2fdabd32399843875974ca","affectsGlobalScope":true,"impliedFormat":1},{"version":"d7e7d9b7b50e5f22c915b525acc5a49a7a6584cf8f62d0569e557c5cfc4b2ac2","affectsGlobalScope":true,"impliedFormat":1},{"version":"71c37f4c9543f31dfced6c7840e068c5a5aacb7b89111a4364b1d5276b852557","affectsGlobalScope":true,"impliedFormat":1},{"version":"576711e016cf4f1804676043e6a0a5414252560eb57de9faceee34d79798c850","affectsGlobalScope":true,"impliedFormat":1},{"version":"89c1b1281ba7b8a96efc676b11b264de7a8374c5ea1e6617f11880a13fc56dc6","affectsGlobalScope":true,"impliedFormat":1},{"version":"74f7fa2d027d5b33eb0471c8e82a6c87216223181ec31247c357a3e8e2fddc5b","affectsGlobalScope":true,"impliedFormat":1},{"version":"d6d7ae4d1f1f3772e2a3cde568ed08991a8ae34a080ff1151af28b7f798e22ca","affectsGlobalScope":true,"impliedFormat":1},{"version":"063600664504610fe3e99b717a1223f8b1900087fab0b4cad1496a114744f8df","affectsGlobalScope":true,"impliedFormat":1},{"version":"934019d7e3c81950f9a8426d093458b65d5aff2c7c1511233c0fd5b941e608ab","affectsGlobalScope":true,"impliedFormat":1},{"version":"52ada8e0b6e0482b728070b7639ee42e83a9b1c22d205992756fe020fd9f4a47","affectsGlobalScope":true,"impliedFormat":1},{"version":"3bdefe1bfd4d6dee0e26f928f93ccc128f1b64d5d501ff4a8cf3c6371200e5e6","affectsGlobalScope":true,"impliedFormat":1},{"version":"59fb2c069260b4ba00b5643b907ef5d5341b167e7d1dbf58dfd895658bda2867","affectsGlobalScope":true,"impliedFormat":1},{"version":"639e512c0dfc3fad96a84caad71b8834d66329a1f28dc95e3946c9b58176c73a","affectsGlobalScope":true,"impliedFormat":1},{"version":"368af93f74c9c932edd84c58883e736c9e3d53cec1fe24c0b0ff451f529ceab1","affectsGlobalScope":true,"impliedFormat":1},{"version":"af3dd424cf267428f30ccfc376f47a2c0114546b55c44d8c0f1d57d841e28d74","affectsGlobalScope":true,"impliedFormat":1},{"version":"995c005ab91a498455ea8dfb63aa9f83fa2ea793c3d8aa344be4a1678d06d399","affectsGlobalScope":true,"impliedFormat":1},{"version":"959d36cddf5e7d572a65045b876f2956c973a586da58e5d26cde519184fd9b8a","affectsGlobalScope":true,"impliedFormat":1},{"version":"965f36eae237dd74e6cca203a43e9ca801ce38824ead814728a2807b1910117d","affectsGlobalScope":true,"impliedFormat":1},{"version":"3925a6c820dcb1a06506c90b1577db1fdbf7705d65b62b99dce4be75c637e26b","affectsGlobalScope":true,"impliedFormat":1},{"version":"0a3d63ef2b853447ec4f749d3f368ce642264246e02911fcb1590d8c161b8005","affectsGlobalScope":true,"impliedFormat":1},{"version":"b5ce7a470bc3628408429040c4e3a53a27755022a32fd05e2cb694e7015386c7","affectsGlobalScope":true,"impliedFormat":1},{"version":"8444af78980e3b20b49324f4a16ba35024fef3ee069a0eb67616ea6ca821c47a","affectsGlobalScope":true,"impliedFormat":1},{"version":"3287d9d085fbd618c3971944b65b4be57859f5415f495b33a6adc994edd2f004","affectsGlobalScope":true,"impliedFormat":1},{"version":"b4b67b1a91182421f5df999988c690f14d813b9850b40acd06ed44691f6727ad","affectsGlobalScope":true,"impliedFormat":1},{"version":"8e7f8264d0fb4c5339605a15daadb037bf238c10b654bb3eee14208f860a32ea","affectsGlobalScope":true,"impliedFormat":1},{"version":"782dec38049b92d4e85c1585fbea5474a219c6984a35b004963b00beb1aab538","affectsGlobalScope":true,"impliedFormat":1},{"version":"3d3c03ab2ca58334b3fab025292e51b82d9fcf02b8502d6d5bb55864fe0449c7","signature":"679bb16e18717803513a637afdf302e12589d9a13ade0ccf7da3c1cb1cbf7a46","impliedFormat":99},{"version":"edcc3f8b316386debcb9f008b6194b9d3c33998696cb1d5c235205ca2e6f558c","signature":"9a8a559bcb086f4bc3e333149ef71dff46b93cf0773cdae8c0b4c5faf27be804","impliedFormat":99},{"version":"b8a46625f199e2919ce2b5335e4b7ccaff2ae672f81644764477bf61c90adea9","signature":"acbe72ae3352fbad84fa443925f7fce26f117ed4dfc2113b4b0a1e426f6db830","impliedFormat":99},{"version":"0edff3826ef7e28ff6b461a29aef8118d84396fb0d492e79e22de5c7d7058a86","signature":"af903fe20d109cf03989d0502fe266f9163ca46b829e2641a00f1b70a6b1da97","impliedFormat":99},{"version":"1b9b3d71d551ec1f84f181f7775aa57f7e8d2eecd7679324627cb4884804b798","signature":"d0cb8e659e3122d28650dfc6dac30bd04fe89282c60ddd0a923893fc13c89014","impliedFormat":99},{"version":"c901a742c0b9d9cf9ed0dd34b09ff48fd5fe564af884a076d8eeac9440b721aa","signature":"b1698bf0f700ba394e1070b75acd7dc79a3df34eda8d5e20ed6f4bf235b376c4","impliedFormat":99},{"version":"9266b9b51b4dc465ed7867dcae22a02db69ca3dd34b7707b62f12837d4efdd19","signature":"e65ad01f6a564b889685ba9c6a821ce2da26ec29ee0c5747b94e8a2ab7232906","impliedFormat":99},{"version":"a1358d061f8c037d8b58d379010ae67e59d4e5d181442ba1999ae38306ef82d8","signature":"088faa800f54734d60d92ef643a136ca1faccf235d4032737084056596c49012","impliedFormat":99},{"version":"fd4a05e86f22e1a4c02502df6213a1634171d24ac6803686370f08892dde0240","signature":"614de76e71772194492b6719ce9b40b9142a2a38b2e9ab08468b6ed905ee8d47","impliedFormat":99},{"version":"99bc394e6b9f0571550f399f66ac653bbde200fb48bc57cbb0b56e8aff5ce033","signature":"3a1bd1b90385654347f09e3598b6fac29728f0bb1d8a8204ab6532c3174edb26","impliedFormat":99},{"version":"c6888953885c07f4d746e4818fc0cdbe6ad718064ff1aa3e39dbf1e289c18353","signature":"5de79f98ad5f1b2d90a277293dc1ee16fa0d54e1bf8e9473376b5903d061860d","impliedFormat":99},{"version":"66991b37b32262a827789d574ad27bf5fa4c988ba6d6abcacfb522c50e51d073","signature":"24aa3752a628df646041680962c1cf0da867913e782db99318ff4a755b2a6ac4","impliedFormat":99},{"version":"170d4db14678c68178ee8a3d5a990d5afb759ecb6ec44dbd885c50f6da6204f6","affectsGlobalScope":true,"impliedFormat":1},{"version":"8a8eb4ebffd85e589a1cc7c178e291626c359543403d58c9cd22b81fab5b1fb9","impliedFormat":1},{"version":"d4d7d3f832882a4b2d611a7eaaa80c780c3342b5732090130fa9af4a40bd051e","impliedFormat":1},{"version":"a0acca63c9e39580f32a10945df231815f0fe554c074da96ba6564010ffbd2d8","impliedFormat":1}],"root":[[60,71]],"options":{"composite":true,"declaration":true,"declarationMap":true,"esModuleInterop":true,"module":199,"noUncheckedIndexedAccess":true,"outDir":"./","rootDir":"../src","skipLibCheck":true,"strict":true,"target":9,"tsBuildInfoFile":"./tsconfig.tsbuildinfo"},"referencedMap":[[75,1],[74,2],[67,3],[68,4],[70,5],[69,6],[71,7],[62,8],[65,9],[64,10],[63,11]],"latestChangedDtsFile":"./register.d.ts","version":"5.8.3"}

package/dist/types.d.ts

@@ -0,0 +1,13 @@
+export type SiteShellPosition = "both" | "header" | "footer";
+export interface SiteShellAttributes {
+    position: SiteShellPosition;
+    repoUrl: string | null;
+    siteName: string | null;
+}
+export interface MountSiteShellOptions {
+    position?: SiteShellPosition;
+    repoUrl?: string | null;
+    siteName?: string | null;
+    target: Element | string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAE5D,MAAM,WAAW,mBAAmB;IACnC,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;CACvB;AAED,MAAM,WAAW,qBAAqB;IACrC,QAAQ,CAAC,EAAE,iBAAiB,CAAA;IAC5B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,MAAM,EAAE,OAAO,GAAG,MAAM,CAAA;CACxB"}

package/dist/types.js

@@ -0,0 +1 @@
+export {};

package/dist/utils.d.ts

@@ -0,0 +1,8 @@
+import type { SiteShellAttributes, SiteShellPosition } from "./types.js";
+export declare function asOptionalText(value: string | null | undefined): string | null;
+export declare function asOptionalHttpUrl(value: string | null | undefined): string | null;
+export declare function normalizeSiteShellPosition(value: string | null | undefined): SiteShellPosition;
+export declare function escapeHtml(value: string): string;
+export declare function readSiteShellAttributes(element: Pick<Element, "getAttribute">): SiteShellAttributes;
+export declare function resolveMountTarget(target: Element | string): Element;
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAIxE,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,IAAI,CAO9E;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,IAAI,CAYjF;AAED,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,iBAAiB,CAS9F;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAOhD;AAED,wBAAgB,uBAAuB,CACtC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,cAAc,CAAC,GACpC,mBAAmB,CAMrB;AAED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAWpE"}

package/dist/utils.js

@@ -0,0 +1,55 @@
+const VALID_POSITIONS = new Set(["both", "header", "footer"]);
+export function asOptionalText(value) {
+    if (typeof value !== "string") {
+        return null;
+    }
+    const normalized = value.trim();
+    return normalized.length > 0 ? normalized : null;
+}
+export function asOptionalHttpUrl(value) {
+    const normalized = asOptionalText(value);
+    if (!normalized) {
+        return null;
+    }
+    try {
+        const url = new URL(normalized);
+        return url.protocol === "http:" || url.protocol === "https:" ? url.toString() : null;
+    }
+    catch {
+        return null;
+    }
+}
+export function normalizeSiteShellPosition(value) {
+    if (typeof value !== "string") {
+        return "both";
+    }
+    const normalized = value.trim().toLowerCase();
+    return VALID_POSITIONS.has(normalized)
+        ? normalized
+        : "both";
+}
+export function escapeHtml(value) {
+    return value
+        .replaceAll("&", "&")
+        .replaceAll("<", "&lt;")
+        .replaceAll(">", "&gt;")
+        .replaceAll('"', "&quot;")
+        .replaceAll("'", "&#39;");
+}
+export function readSiteShellAttributes(element) {
+    return {
+        position: normalizeSiteShellPosition(element.getAttribute("position")),
+        repoUrl: asOptionalHttpUrl(element.getAttribute("repo-url")),
+        siteName: asOptionalText(element.getAttribute("site-name")),
+    };
+}
+export function resolveMountTarget(target) {
+    if (typeof target !== "string") {
+        return target;
+    }
+    const element = document.querySelector(target);
+    if (!element) {
+        throw new Error(`Could not find a mount target for selector: ${target}`);
+    }
+    return element;
+}

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@chankay/site-shell",
+  "version": "0.1.0",
+  "description": "Static Web Component shell for Chankay demo sites",
+  "type": "module",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md",
+    "PLAN.md"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./register": {
+      "types": "./dist/register.d.ts",
+      "default": "./dist/register.js"
+    },
+    "./tokens.css": "./dist/tokens.css"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "pnpm build:components && pnpm build:tokens",
+    "build:components": "tsc -p tsconfig.json",
+    "build:tokens": "node scripts/copy-tokens.mjs",
+    "check-types": "tsc --noEmit",
+    "lint": "eslint src tests --max-warnings=20 --fix",
+    "preview": "pnpm build && node scripts/serve-preview.mjs",
+    "preview:dev": "node scripts/dev.mjs",
+    "test": "pnpm test:run",
+    "test:run": "pnpm build && node --test tests/site-shell.test.js",
+    "clean": "rm -rf dist && rm -rf .turbo"
+  }
+}