HASH 258829f1907b
DATE 2026-07-17
SUBJECT web: pulsing placeholders read web-app, not terminal
FILES 4 CHANGED
HASH 258829f1907b
DATE 2026-07-17
SUBJECT web: pulsing placeholders read
web-app, not terminal
FILES 4 CHANGED
┌─ ooknet-design/src/components/Skeleton/Skeleton.astro ─────────────────────┐
│ diff --git a/ooknet-design/src/components/Skeleton/Skeleton.astro b/ooknet-design/ │
│ src/components/Skeleton/Skeleton.astro │
│ deleted file mode 100644 │
│ index 80bdead..0000000 │
│ --- a/ooknet-design/src/components/Skeleton/Skeleton.astro │
│ +++ /dev/null │
│ @@ -1,12 +0,0 @@ │
│ ---- │
│ -// Loading placeholder: pulsing rows of ░. Static-site pages rarely │
│ -// need it; client-fetched panels do. │
│ -import Pre from "../Pre/Pre.astro"; │
│ -import type { Props } from "./Skeleton"; │
│ -import "./Skeleton.scss"; │
│ - │
│ -const { rows = [24, 18, 21] } = Astro.props as Props; │
│ ---- │
│ -<div class="skeleton" aria-hidden="true"> │
│ - {rows.map((w) => <Pre class="skeleton-row">{"░".repeat(w)}</Pre>)} │
│ -</div> │
└────────────────────────────────────────────────────────────────────────────────────┘
┌─ ...nents/Skeleton/Skeleton.astro ───┐
│ diff --git a/ooknet-design/src/components/Sk │
│ eleton/Skeleton.astro b/ooknet-design/src/co │
│ mponents/Skeleton/Skeleton.astro │
│ deleted file mode 100644 │
│ index 80bdead..0000000 │
│ --- a/ooknet-design/src/components/Skeleton/ │
│ Skeleton.astro │
│ +++ /dev/null │
│ @@ -1,12 +0,0 @@ │
│ ---- │
│ -// Loading placeholder: pulsing rows of ░. │
│ Static-site pages rarely │
│ -// need it; client-fetched panels do. │
│ -import Pre from "../Pre/Pre.astro"; │
│ -import type { Props } from "./Skeleton"; │
│ -import "./Skeleton.scss"; │
│ - │
│ -const { rows = [24, 18, 21] } = Astro.props │
│ as Props; │
│ ---- │
│ -<div class="skeleton" aria-hidden="true"> │
│ - {rows.map((w) => <Pre class="skeleton-row │
│ ">{"░".repeat(w)}</Pre>)} │
│ -</div> │
└──────────────────────────────────────────────┘
┌─ ooknet-design/src/components/Skeleton/Skeleton.scss ──────────────────────┐
│ diff --git a/ooknet-design/src/components/Skeleton/Skeleton.scss b/ooknet-design/s │
│ rc/components/Skeleton/Skeleton.scss │
│ deleted file mode 100644 │
│ index 675b512..0000000 │
│ --- a/ooknet-design/src/components/Skeleton/Skeleton.scss │
│ +++ /dev/null │
│ @@ -1,18 +0,0 @@ │
│ -.skeleton { │
│ - .skeleton-row { │
│ - color: var(--ink-soft); │
│ - animation: skeleton-pulse 1.4s ease-in-out infinite; │
│ - } │
│ - │
│ - @media (prefers-reduced-motion: reduce) { │
│ - .skeleton-row { │
│ - animation: none; │
│ - opacity: 0.6; │
│ - } │
│ - } │
│ -} │
│ - │
│ -@keyframes skeleton-pulse { │
│ - 0%, 100% { opacity: 0.35; } │
│ - 50% { opacity: 0.8; } │
│ -} │
└────────────────────────────────────────────────────────────────────────────────────┘
┌─ ...onents/Skeleton/Skeleton.scss ───┐
│ diff --git a/ooknet-design/src/components/Sk │
│ eleton/Skeleton.scss b/ooknet-design/src/com │
│ ponents/Skeleton/Skeleton.scss │
│ deleted file mode 100644 │
│ index 675b512..0000000 │
│ --- a/ooknet-design/src/components/Skeleton/ │
│ Skeleton.scss │
│ +++ /dev/null │
│ @@ -1,18 +0,0 @@ │
│ -.skeleton { │
│ - .skeleton-row { │
│ - color: var(--ink-soft); │
│ - animation: skeleton-pulse 1.4s ease-in- │
│ out infinite; │
│ - } │
│ - │
│ - @media (prefers-reduced-motion: reduce) { │
│ - .skeleton-row { │
│ - animation: none; │
│ - opacity: 0.6; │
│ - } │
│ - } │
│ -} │
│ - │
│ -@keyframes skeleton-pulse { │
│ - 0%, 100% { opacity: 0.35; } │
│ - 50% { opacity: 0.8; } │
│ -} │
└──────────────────────────────────────────────┘
┌─ ooknet-design/src/components/Skeleton/Skeleton.ts ────────────────────────┐
│ diff --git a/ooknet-design/src/components/Skeleton/Skeleton.ts b/ooknet-design/src │
│ /components/Skeleton/Skeleton.ts │
│ deleted file mode 100644 │
│ index aa08145..0000000 │
│ --- a/ooknet-design/src/components/Skeleton/Skeleton.ts │
│ +++ /dev/null │
│ @@ -1,4 +0,0 @@ │
│ -export interface Props { │
│ - /** Cell width of each placeholder row. */ │
│ - rows?: number[]; │
│ -} │
└────────────────────────────────────────────────────────────────────────────────────┘
┌─ ...mponents/Skeleton/Skeleton.ts ───┐
│ diff --git a/ooknet-design/src/components/Sk │
│ eleton/Skeleton.ts b/ooknet-design/src/compo │
│ nents/Skeleton/Skeleton.ts │
│ deleted file mode 100644 │
│ index aa08145..0000000 │
│ --- a/ooknet-design/src/components/Skeleton/ │
│ Skeleton.ts │
│ +++ /dev/null │
│ @@ -1,4 +0,0 @@ │
│ -export interface Props { │
│ - /** Cell width of each placeholder row. * │
│ / │
│ - rows?: number[]; │
│ -} │
└──────────────────────────────────────────────┘
┌─ ooknet-design/src/pages/components.astro ─────────────────────────────────┐
│ diff --git a/ooknet-design/src/pages/components.astro b/ooknet-design/src/pages/co │
│ mponents.astro │
│ index 5b41820..9f7d9f0 100644 │
│ --- a/ooknet-design/src/pages/components.astro │
│ +++ b/ooknet-design/src/pages/components.astro │
│ @@ -35,7 +35,6 @@ import Dialog from "../components/Dialog/Dialog.astro"; │
│ import Menu from "../components/Menu/Menu.astro"; │
│ import Tooltip from "../components/Tooltip/Tooltip.astro"; │
│ import Slider from "../components/Slider/Slider.astro"; │
│ -import Skeleton from "../components/Skeleton/Skeleton.astro"; │
│ import Diff from "../components/Diff/Diff.astro"; │
│ import { rule, ruleD, row2, pad } from "../lib/ascii"; │
│ │
│ @@ -271,11 +270,6 @@ const FILED_TREE: TreeNode[] = [ │
│ <Pre>{pad("GAIN", LABEL_W)}<Slider name="demo-gain" value={70} min={0} max={100 │
│ } step={5} cells={24} /></Pre> │
│ <Pre>{" "}</Pre> │
│ │
│ - <Frame build={section("SKELETON", "Skeleton.astro")} /> │
│ - <Pre>{" "}</Pre> │
│ - <Skeleton rows={[32, 26, 29, 14]} /> │
│ - <Pre>{" "}</Pre> │
│ - │
│ <Frame build={section("SWITCH", "Switch.astro")} /> │
│ <Pre>{" "}</Pre> │
│ <Pre><Switch label="AUTO-ACK INCOMING" name="demo-autoack" checked /></Pre> │
└────────────────────────────────────────────────────────────────────────────────────┘
┌─ ...gn/src/pages/components.astro ───┐
│ diff --git a/ooknet-design/src/pages/compone │
│ nts.astro b/ooknet-design/src/pages/componen │
│ ts.astro │
│ index 5b41820..9f7d9f0 100644 │
│ --- a/ooknet-design/src/pages/components.ast │
│ ro │
│ +++ b/ooknet-design/src/pages/components.ast │
│ ro │
│ @@ -35,7 +35,6 @@ import Dialog from "../com │
│ ponents/Dialog/Dialog.astro"; │
│ import Menu from "../components/Menu/Menu.a │
│ stro"; │
│ import Tooltip from "../components/Tooltip/ │
│ Tooltip.astro"; │
│ import Slider from "../components/Slider/Sl │
│ ider.astro"; │
│ -import Skeleton from "../components/Skeleto │
│ n/Skeleton.astro"; │
│ import Diff from "../components/Diff/Diff.a │
│ stro"; │
│ import { rule, ruleD, row2, pad } from "../ │
│ lib/ascii"; │
│ │
│ @@ -271,11 +270,6 @@ const FILED_TREE: TreeN │
│ ode[] = [ │
│ <Pre>{pad("GAIN", LABEL_W)}<Slider name=" │
│ demo-gain" value={70} min={0} max={100} step │
│ ={5} cells={24} /></Pre> │
│ <Pre>{" "}</Pre> │
│ │
│ - <Frame build={section("SKELETON", "Skelet │
│ on.astro")} /> │
│ - <Pre>{" "}</Pre> │
│ - <Skeleton rows={[32, 26, 29, 14]} /> │
│ - <Pre>{" "}</Pre> │
│ - │
│ <Frame build={section("SWITCH", "Switch.a │
│ stro")} /> │
│ <Pre>{" "}</Pre> │
│ <Pre><Switch label="AUTO-ACK INCOMING" na │
│ me="demo-autoack" checked /></Pre> │
└──────────────────────────────────────────────┘
[ BACK TO LOG ]
──────────────────────────────────────────────────────────────────────────────────────
OOKNET
────────────────────────────────────────────────
OOKNET