@e280/shiny 0.1.0-11 → 0.1.0-13

package/x/demo/demo.css

@@ -6,6 +6,7 @@
 		--bg: #333;
 		--color: #fff;
 		--prime: #d068ff;
+		--code: #3f1;
 		--link: cyan;
 
 		--selection: white;

package/x/demo/lipsum.d.ts

@@ -0,0 +1,2 @@
+export declare const lipsumDispenser: import("@e280/stz").Dispenser<string>;
+export declare const lipsum: () => string;

package/x/demo/lipsum.js

@@ -0,0 +1,4 @@
+import { makeLipsumDispenser } from "./utils/lipsum.js";
+export const lipsumDispenser = makeLipsumDispenser();
+export const lipsum = () => lipsumDispenser.takeFirst();
+//# sourceMappingURL=lipsum.js.map

package/x/demo/lipsum.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lipsum.js","sourceRoot":"","sources":["../../s/demo/lipsum.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,mBAAmB,EAAC,MAAM,mBAAmB,CAAA;AAErD,MAAM,CAAC,MAAM,eAAe,GAAG,mBAAmB,EAAE,CAAA;AACpD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,eAAe,CAAC,SAAS,EAAE,CAAA"}

package/x/demo/utils/lipsum.js

@@ -4,7 +4,7 @@ export const makeLipsumDispenser = () => new Dispenser(() => [
     `lorem protein dolor sit amet, creatine scoop elit shaker bottle tempor. grilled steak magna keto-fasting culpa, carb-loading perspiciatis cheat day. whey isolate dolor sit macros elit, intermittent fasting tempor electrolyte magna; barefoot shoes culpa, liver perspiciatis ancestral squat rack gospel. lorem bulking dolor sit cut elit, tdee tracker tempor calorie deficit magna; chicken breast culpa gatorade perspiciatis meal prep.`,
     `lorem caffeine dolor sit amet, double espresso elit cold brew tempor jitter. adderall magna focus culpa, lion’s mane perspiciatis nootropic. nicotine gum dolor sit vape elit, dopamine hit tempor buzz magna; lsd microdosing culpa, productivity perspiciatis agile sprint. lorem latte dolor sit drip elit, french press tempor aeropress magna; insomnia culpa, circadian rhythm perspiciatis blue light filter.`,
     `lorem arch dolor sit amet, pacman -Syu elit rolling release tempor breakage. i3-gaps commodo tiling, bspwm magna culpa xinitrc. alias neovim configs in .dotfiles forest, r/unixporn veniam rice showcase perspiciatis.`,
-    `lorem authlocal dolor sit amet, user-sovereign identity elit, cryptographic tempor signatures. ed25519 magna keypair culpa, elliptic perspiciatis handshake ut zero-knowledge proof. decentralized login elit mnemonic seed tempor recovery phrase. DID magna alias culpa federation, lorem oauth2 perspiciatis antiquated.`,
+    `lorem authlocal dolor sit amet, user-sovereign identity elit, cryptographic tempor signatures. ed25519 magna keypair culpa, elliptic perspiciatis handshake ut zero-knowledge proof. decentralized login elit mnemonic seed tempor recovery phrase. did magna alias culpa federation, lorem oauth2 perspiciatis antiquated.`,
     `lorem webgpu dolor sit amet, fragment shader elit vertex buffer tempor pipeline; bindgroup magna sampler culpa, wgsl perspiciatis alignment bug. compute pass workgroup barrier magna, mipmap cascade culpa drawcall instancing overflow. spir-v dolor sit wasm elit, canvas context lost magna; fallback webgl2 perspiciatis, polyfill slowpath dolore, glsl antique culpa extension hell 144hz tearing. command encoder perspiciatis out-of-memory, chromium nightly.`,
     `lorem sedentary dolor sit amet, infinite scroll elit chair-bound tempor. commit marathon magna carpal tunnel culpa, caffeine perspiciatis heartbeat irregular. lorem backlog dolor sit ticket elit, jira sprint tempor sedentary slump magna; gym membership culpa expired, standing desk perspiciatis unused. lorem procrastination dolor sit youtube elit, keyboard crumbs tempor pizza box magna; cardio avoidant culpa, hike someday perspiciatis maybe.`,
 ]);

package/x/demo/views/exhibit/style.css.js

@@ -0,0 +1,81 @@
+import { css } from "lit";
+export default css `@layer view {
+
+:host {
+	display: flex;
+	flex-wrap: wrap;
+	gap: 0.5em;
+
+	> * {
+		flex: 1 1 10em;
+		min-width: 0;
+	}
+}
+
+.meta {
+	display: flex;
+	flex-direction: column;
+	gap: 1em;
+}
+
+.snippet {
+	flex: 1 0 auto;
+	display: flex;
+	flex-direction: column;
+	gap: 0.5em;
+	padding: 0.5em;
+
+	background: #0002;
+	box-shadow: inset 0.2em 0.3em 2em #0004;
+	border-radius: 0.5em;
+
+	> header {
+		display: flex;
+		flex-wrap: wrap;
+		align-items: center;
+
+		[view="shiny-copy"] { font-size: 1.5em; }
+		[view="shiny-tabs"] {
+			flex: 1 1 auto;
+			font-size: 0.8em;
+			color: color-mix(in oklab, transparent, currentColor 50%);
+		}
+	}
+
+	> code {
+		display: block;
+
+		white-space: pre;
+		text-wrap: wrap;
+		tab-size: 2;
+		word-break: keep-all;
+		overflow: auto;
+
+		color: var(--code);
+		font-size: 0.8em;
+		font-family: monospace;
+	}
+}
+
+.box {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: center;
+	align-items: center;
+	align-content: center;
+
+	gap: 0.5em;
+	padding: 1em;
+
+	border-radius: 0.5rem;
+	border: 1px dashed color-mix(in oklab, transparent, currentColor 30%);
+
+	p.lipsum {
+		opacity: 0.7;
+		font-family: serif;
+		font-style: italic;
+	}
+}
+
+}`;
+//# sourceMappingURL=style.css.js.map

package/x/demo/views/exhibit/style.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.css.js","sourceRoot":"","sources":["../../../../s/demo/views/exhibit/style.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8EhB,CAAA"}

package/x/demo/views/exhibit/view.d.ts

@@ -0,0 +1,29 @@
+import { Content } from "@e280/sly";
+import { CSSResultGroup } from "lit";
+import { ShinyViews } from "../../../shiny.js";
+import { TabControl } from "../../../components/tabs/control.js";
+export type ExhibitParams = {
+    label: string;
+    explain: Content;
+    snippets: {
+        label: string;
+        code: string;
+    }[];
+    style: CSSResultGroup;
+    presentation: (views: ShinyViews) => Content;
+};
+export declare const Exhibit: import("@e280/sly").View<[exhibit: ExhibitParams, views: {
+    ShinyButton: import("@e280/sly").View<[content?: Content]> & import("@e280/sly").View<[context: import("../../../index.js").ShinyContext, content?: Content]>;
+    ShinyCopy: import("@e280/sly").View<[text: string | undefined, ms?: any]> & import("@e280/sly").View<[context: import("../../../index.js").ShinyContext, text: string | undefined, ms?: any]>;
+    ShinyDrawer: import("@e280/sly").View<[options: {
+        button?: boolean;
+        side?: "left" | "right";
+        control?: import("../../../index.js").DrawerControl;
+    }]> & import("@e280/sly").View<[context: import("../../../index.js").ShinyContext, options: {
+        button?: boolean;
+        side?: "left" | "right";
+        control?: import("../../../index.js").DrawerControl;
+    }]>;
+    ShinyExample: import("@e280/sly").View<[start: number]> & import("@e280/sly").View<[context: import("../../../index.js").ShinyContext, start: number]>;
+    ShinyTabs: import("@e280/sly").View<[controlOption?: TabControl | undefined]> & import("@e280/sly").View<[context: import("../../../index.js").ShinyContext, controlOption?: TabControl | undefined]>;
+}, showcaseStyle: CSSResultGroup]>;

package/x/demo/views/exhibit/view.js

@@ -0,0 +1,40 @@
+import { untab } from "@e280/stz";
+import { view } from "@e280/sly";
+import { html } from "lit";
+import styleCss from "./style.css.js";
+import { auraViews } from "../../viewsets.js";
+import { TabControl } from "../../../components/tabs/control.js";
+import { foundationCss } from "../../../components/foundation.css.js";
+export const Exhibit = view(use => (exhibit, views, showcaseStyle) => {
+    use.name(`exhibit-${exhibit.label}`);
+    use.styles(foundationCss, styleCss, showcaseStyle, exhibit.style);
+    const snippetControl = use.once(() => new TabControl());
+    const snippet = exhibit.snippets.at(snippetControl.index);
+    const code = snippet ? untab(snippet.code).trim() : "";
+    return html `
+		<div class=meta>
+			${exhibit.explain}
+
+			<div class=snippet>
+				<header>
+					${auraViews.ShinyTabs
+        .props(snippetControl)
+        .attr("snug")
+        .children(exhibit.snippets.map(s => auraViews.ShinyButton
+        .props()
+        .attr("plain")
+        .children(s.label)
+        .render()))
+        .render()}
+					${auraViews.ShinyCopy(code)}
+				</header>
+				<code>${code}</code>
+			</div>
+		</div>
+
+		<div class=box>
+			${exhibit.presentation(views)}
+		</div>
+	`;
+});
+//# sourceMappingURL=view.js.map

package/x/demo/views/exhibit/view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.js","sourceRoot":"","sources":["../../../../s/demo/views/exhibit/view.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,EAAC,MAAM,WAAW,CAAA;AAC/B,OAAO,EAAU,IAAI,EAAC,MAAM,WAAW,CAAA;AACvC,OAAO,EAAiB,IAAI,EAAC,MAAM,KAAK,CAAA;AAExC,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAA;AAE3C,OAAO,EAAC,UAAU,EAAC,MAAM,qCAAqC,CAAA;AAC9D,OAAO,EAAC,aAAa,EAAC,MAAM,uCAAuC,CAAA;AAUnE,MAAM,CAAC,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CACjC,OAAsB,EACtB,KAAiB,EACjB,aAA6B,EAC5B,EAAE;IAEJ,GAAG,CAAC,IAAI,CAAC,WAAW,OAAO,CAAC,KAAK,EAAE,CAAC,CAAA;IACpC,GAAG,CAAC,MAAM,CAAC,aAAa,EAAE,QAAQ,EAAE,aAAa,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;IAEjE,MAAM,cAAc,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,UAAU,EAAE,CAAC,CAAA;IACvD,MAAM,OAAO,GAAG,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;IACzD,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IAEtD,OAAO,IAAI,CAAA;;KAEP,OAAO,CAAC,OAAO;;;;OAIb,SAAS,CAAC,SAAS;SACnB,KAAK,CAAC,cAAc,CAAC;SACrB,IAAI,CAAC,MAAM,CAAC;SACZ,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAClC,SAAS,CAAC,WAAW;SACnB,KAAK,EAAE;SACP,IAAI,CAAC,OAAO,CAAC;SACb,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;SACjB,MAAM,EAAE,CACV,CAAC;SACD,MAAM,EAAE;OACR,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC;;YAEpB,IAAI;;;;;KAKX,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC;;EAE9B,CAAA;AACF,CAAC,CAAC,CAAA"}

package/x/demo/views/showcase/style.css.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/x/demo/views/showcase/style.css.js

@@ -0,0 +1,52 @@
+import { css } from "lit";
+export default css `@layer view {
+
+:host {
+	position: relative;
+
+	display: flex;
+	flex-direction: column;
+
+	padding: 1em;
+	border-radius: 0.5em;
+	gap: 1em;
+
+	background: linear-gradient(to right top, #252dd985, #aa6affbd);
+	backdrop-filter: blur(0.5em);
+
+	box-shadow: 0 0 5em #5d1fadaa;
+	border-top: 2px solid #fff4;
+
+	&::before {
+		content: "";
+		display: block;
+		position: absolute;
+		inset: 0;
+		border-radius: 0.5em;
+		background: #0007;
+		width: calc(100% - 0.3em);
+		height: calc(100% - 0.3em);
+		margin: auto;
+		z-index: 0;
+	}
+
+	> * {
+		position: relative;
+		z-index: 1;
+	}
+}
+
+header {
+	display: flex;
+	flex-wrap: wrap;
+	place-content: center center;
+	gap: 0.5em;
+
+	h2 {
+		flex: 1 1 auto;
+		color: var(--prime);
+	}
+}
+
+}`;
+//# sourceMappingURL=style.css.js.map

package/x/demo/views/showcase/style.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.css.js","sourceRoot":"","sources":["../../../../s/demo/views/showcase/style.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiDhB,CAAA"}

package/x/demo/views/showcase/view.d.ts

@@ -0,0 +1,7 @@
+import { CSSResultGroup } from "lit";
+import { ExhibitParams } from "../exhibit/view.js";
+export declare const Showcase: import("@e280/sly").View<[options: {
+    name: string;
+    style: CSSResultGroup;
+    exhibits: ExhibitParams[];
+}]>;

package/x/demo/views/showcase/view.js

@@ -0,0 +1,40 @@
+import { view } from "@e280/sly";
+import { html } from "lit";
+import styleCss from "./style.css.js";
+import { auraViews, viewsets } from "../../viewsets.js";
+import { Exhibit } from "../exhibit/view.js";
+import { TabControl } from "../../../components/tabs/control.js";
+import { foundationCss } from "../../../components/foundation.css.js";
+export const Showcase = view(use => (options) => {
+    use.name(`showcase-${options.name}`);
+    use.styles(foundationCss, styleCss);
+    const exhibitTabControl = use.once(() => new TabControl());
+    const themeTabControl = use.once(() => new TabControl());
+    const exhibitViews = viewsets.at(themeTabControl.index)[1];
+    const exhibit = options.exhibits.at(exhibitTabControl.index);
+    return html `
+		<header>
+			<h2>✨shiny-${options.name}✨</h2>
+			${auraViews.ShinyTabs
+        .props(exhibitTabControl)
+        .attr("snug")
+        .children(options.exhibits.map(p => auraViews.ShinyButton
+        .props()
+        .attr("sad")
+        .children(p.label)
+        .render()))
+        .render()}
+			${auraViews.ShinyTabs
+        .props(themeTabControl)
+        .attr("snug")
+        .children(viewsets.map(([theme]) => auraViews.ShinyButton
+        .props()
+        .children(theme)
+        .render()))
+        .render()}
+		</header>
+
+		${Exhibit(exhibit, exhibitViews, options.style)}
+	`;
+});
+//# sourceMappingURL=view.js.map

package/x/demo/views/showcase/view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.js","sourceRoot":"","sources":["../../../../s/demo/views/showcase/view.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAiB,IAAI,EAAC,MAAM,KAAK,CAAA;AACxC,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAA;AACrD,OAAO,EAAC,OAAO,EAAgB,MAAM,oBAAoB,CAAA;AACzD,OAAO,EAAC,UAAU,EAAC,MAAM,qCAAqC,CAAA;AAC9D,OAAO,EAAC,aAAa,EAAC,MAAM,uCAAuC,CAAA;AAEnE,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,OAInC,EAAE,EAAE;IAEL,GAAG,CAAC,IAAI,CAAC,YAAY,OAAO,CAAC,IAAI,EAAE,CAAC,CAAA;IACpC,GAAG,CAAC,MAAM,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAA;IAEnC,MAAM,iBAAiB,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,UAAU,EAAE,CAAC,CAAA;IAC1D,MAAM,eAAe,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,UAAU,EAAE,CAAC,CAAA;IAExD,MAAM,YAAY,GAAG,QAAQ,CAAC,EAAE,CAAC,eAAe,CAAC,KAAK,CAAE,CAAC,CAAC,CAAC,CAAA;IAC3D,MAAM,OAAO,GAAG,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAE,CAAA;IAE7D,OAAO,IAAI,CAAA;;gBAEI,OAAO,CAAC,IAAI;KACvB,SAAS,CAAC,SAAS;SACnB,KAAK,CAAC,iBAAiB,CAAC;SACxB,IAAI,CAAC,MAAM,CAAC;SACZ,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAClC,SAAS,CAAC,WAAW;SACnB,KAAK,EAAE;SACP,IAAI,CAAC,KAAK,CAAC;SACX,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;SACjB,MAAM,EAAE,CACV,CAAC;SACD,MAAM,EAAE;KACR,SAAS,CAAC,SAAS;SACnB,KAAK,CAAC,eAAe,CAAC;SACtB,IAAI,CAAC,MAAM,CAAC;SACZ,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,CAClC,SAAS,CAAC,WAAW;SACnB,KAAK,EAAE;SACP,QAAQ,CAAC,KAAK,CAAC;SACf,MAAM,EAAE,CACV,CAAC;SACD,MAAM,EAAE;;;IAGT,OAAO,CAAC,OAAO,EAAE,YAAY,EAAE,OAAO,CAAC,KAAK,CAAC;EAC/C,CAAA;AACF,CAAC,CAAC,CAAA"}

package/x/demo/{aura-views.d.ts → viewsets.d.ts}

@@ -1,15 +1,17 @@
+import { ShinyViews } from "../shiny.js";
 export declare const auraViews: {
-    ShinyButton: import("@e280/sly").View<[]> & import("@e280/sly").View<[context: import("../index.js").ShinyContext]>;
+    ShinyButton: import("@e280/sly").View<[content?: import("@e280/sly").Content]> & import("@e280/sly").View<[context: import("../index.js").ShinyContext, content?: import("@e280/sly").Content]>;
     ShinyCopy: import("@e280/sly").View<[text: string | undefined, ms?: any]> & import("@e280/sly").View<[context: import("../index.js").ShinyContext, text: string | undefined, ms?: any]>;
     ShinyDrawer: import("@e280/sly").View<[options: {
-        button: boolean;
+        button?: boolean;
         side?: "left" | "right";
         control?: import("../index.js").DrawerControl;
     }]> & import("@e280/sly").View<[context: import("../index.js").ShinyContext, options: {
-        button: boolean;
+        button?: boolean;
         side?: "left" | "right";
         control?: import("../index.js").DrawerControl;
     }]>;
     ShinyExample: import("@e280/sly").View<[start: number]> & import("@e280/sly").View<[context: import("../index.js").ShinyContext, start: number]>;
     ShinyTabs: import("@e280/sly").View<[controlOption?: import("../index.js").TabControl | undefined]> & import("@e280/sly").View<[context: import("../index.js").ShinyContext, controlOption?: import("../index.js").TabControl | undefined]>;
 };
+export declare const viewsets: [label: string, ShinyViews][];

package/x/demo/viewsets.js

@@ -0,0 +1,9 @@
+import { aura } from "../themes/aura.css.js";
+import { plain } from "../themes/plain.css.js";
+import { shiny } from "../shiny.js";
+export const auraViews = shiny({ theme: aura }).views;
+export const viewsets = [
+    ["aura", auraViews],
+    ["plain", shiny({ theme: plain }).views],
+];
+//# sourceMappingURL=viewsets.js.map

package/x/demo/viewsets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewsets.js","sourceRoot":"","sources":["../../s/demo/viewsets.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,uBAAuB,CAAA;AAC1C,OAAO,EAAC,KAAK,EAAC,MAAM,wBAAwB,CAAA;AAC5C,OAAO,EAAC,KAAK,EAAa,MAAM,aAAa,CAAA;AAE7C,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC,CAAC,KAAK,CAAA;AAEnD,MAAM,CAAC,MAAM,QAAQ,GAAkC;IACtD,CAAC,MAAM,EAAE,SAAS,CAAC;IACnB,CAAC,OAAO,EAAE,KAAK,CAAC,EAAC,KAAK,EAAE,KAAK,EAAC,CAAC,CAAC,KAAK,CAAC;CACtC,CAAA"}

package/x/index.html

@@ -13,6 +13,7 @@
 	--bg: #333;
 	--color: #fff;
 	--prime: #d068ff;
+	--code: #3f1;
 	--link: cyan;
 
 	--selection: white;
@@ -128,14 +129,14 @@ body > section {
 }
 
 </style>
-					<script type=module src="demo/demo.bundle.min.js?v=965a63854c3e"></script>
+					<script type=module src="demo/demo.bundle.min.js?v=588ff40817bc"></script>
 					<link rel="icon" href="assets/favicon.png?v=0414eeb5fcc2"/>
 
 		<meta name="theme-color" content="#d068ff">
 		<meta property="og:type" content="website">
 		<meta property="og:site_name" content="@e280/shiny">
-		<meta property="og:title" content="shiny">
-		<meta property="og:description" content="✨ web ui components">
+		<meta property="og:title" content="✨shiny✨">
+		<meta property="og:description" content="web ui components">
 		<meta property="og:image" content="https://shiny.e280.org/assets/favicon.png">
 
 
@@ -145,7 +146,7 @@ body > section {
 
 	<h1>
 		<strong>✨shiny✨</strong>
-		<small>v0.1.0-11</small>
+		<small>v0.1.0-13</small>
 	</h1>
 
 	<section>

package/x/index.html.js

@@ -1,20 +1,17 @@
 import { ssg, html } from "@e280/scute";
-const title = "shiny";
-const description = "✨ web ui components";
-const domain = "shiny.e280.org";
 const favicon = "/assets/favicon.png";
 export default ssg.page(import.meta.url, async (orb) => ({
-    title,
+    title: "shiny",
     js: "demo/demo.bundle.min.js",
     css: "demo/demo.css",
     favicon,
     dark: true,
     socialCard: {
         themeColor: "#d068ff",
-        title,
-        description,
         siteName: "@e280/shiny",
-        image: "https://" + domain + favicon,
+        title: "✨shiny✨",
+        description: "web ui components",
+        image: "https://shiny.e280.org" + favicon,
     },
     body: html `
 		<h1>

package/x/index.html.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.html.js","sourceRoot":"","sources":["../s/index.html.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAE,IAAI,EAAC,MAAM,aAAa,CAAA;AAErC,MAAM,KAAK,GAAG,OAAO,CAAA;AACrB,MAAM,WAAW,GAAG,qBAAqB,CAAA;AACzC,MAAM,MAAM,GAAG,gBAAgB,CAAA;AAC/B,MAAM,OAAO,GAAG,qBAAqB,CAAA;AAErC,eAAe,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,KAAK,EAAC,GAAG,EAAC,EAAE,CAAC,CAAC;IACtD,KAAK;IACL,EAAE,EAAE,yBAAyB;IAC7B,GAAG,EAAE,eAAe;IACpB,OAAO;IACP,IAAI,EAAE,IAAI;IACV,UAAU,EAAE;QACX,UAAU,EAAE,SAAS;QACrB,KAAK;QACL,WAAW;QACX,QAAQ,EAAE,aAAa;QACvB,KAAK,EAAE,UAAU,GAAG,MAAM,GAAG,OAAO;KACpC;IAED,IAAI,EAAE,IAAI,CAAA;;;aAGE,GAAG,CAAC,cAAc,EAAE;;;;;;;;;EAS/B;CACD,CAAC,CAAC,CAAA"}
+{"version":3,"file":"index.html.js","sourceRoot":"","sources":["../s/index.html.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAE,IAAI,EAAC,MAAM,aAAa,CAAA;AAErC,MAAM,OAAO,GAAG,qBAAqB,CAAA;AAErC,eAAe,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,KAAK,EAAC,GAAG,EAAC,EAAE,CAAC,CAAC;IACtD,KAAK,EAAE,OAAO;IACd,EAAE,EAAE,yBAAyB;IAC7B,GAAG,EAAE,eAAe;IACpB,OAAO;IACP,IAAI,EAAE,IAAI;IACV,UAAU,EAAE;QACX,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,aAAa;QACvB,KAAK,EAAE,SAAS;QAChB,WAAW,EAAE,mBAAmB;QAChC,KAAK,EAAE,wBAAwB,GAAG,OAAO;KACzC;IAED,IAAI,EAAE,IAAI,CAAA;;;aAGE,GAAG,CAAC,cAAc,EAAE;;;;;;;;;EAS/B;CACD,CAAC,CAAC,CAAA"}