@gjermundgaraba-designs/pixel-paper 0.17.0 → 0.19.0

package/dist/src/monogram/monogram.js

@@ -1,5 +1,7 @@
 import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
-import { Array, String, pipe } from "effect";
+import { Array, Number, String, pipe } from "effect";
+import { cellView } from "../glyph/glyph.js";
+import { artRows, toCells } from "../glyph/glyphs.js";
 // LETTERS
 const WORD_BREAK = /[\s._-]+/;
 const LETTER_COUNT = 2;
@@ -11,12 +13,28 @@ const initials = (name) => __foldkitBrandViewResult((pipe(name.split(WORD_BREAK)
         ? pipe(Array.take(words, LETTER_COUNT), Array.map((word) => __foldkitBrandViewResult((word.slice(0, 1)), "@gjermundgaraba-designs/pixel-paper/src/monogram/monogram.js#anonymous")), Array.join(""))
         : Array.headNonEmpty(words).slice(0, LETTER_COUNT)), "@gjermundgaraba-designs/pixel-paper/src/monogram/monogram.js#onNonEmpty"),
 }))), "@gjermundgaraba-designs/pixel-paper/src/monogram/monogram.js#initials");
-/** Letters in an ink square: the identity of a person, a provider or a source, where the
- *  system draws no logos. An image named by `label`, or hidden when `isDecorative`. */
+// DRAWING
+/** A drawing prints a pixel per cell, two in a large monogram, so its cells stay whole. */
+const DRAWN_CELL = 1;
+const LARGE_DRAWN_CELL = 2;
+const drawingView = (art, isLarge, h) => {
+    const rows = artRows(art);
+    const columns = Array.reduce(rows, 0, (widest, row) => __foldkitBrandViewResult((Number.max(widest, row.length)), "@gjermundgaraba-designs/pixel-paper/src/monogram/monogram.js#anonymous~2"));
+    const cell = isLarge ? LARGE_DRAWN_CELL : DRAWN_CELL;
+    return __foldkitBrandViewResult((h.svg([
+        h.ViewBox(`0 0 ${columns} ${rows.length}`),
+        h.Width(`${columns * cell}`),
+        h.Height(`${rows.length * cell}`),
+        h.AriaHidden(true),
+        h.Class("px-icon"),
+    ], Array.map(toCells(art, columns), cellView(h)))), "@gjermundgaraba-designs/pixel-paper/src/monogram/monogram.js#drawingView");
+};
+/** Letters in an ink square, or a mark the product draws in cells: the identity of a person,
+ *  a provider or a source. An image named by `label`, or hidden when `isDecorative`. */
 export const view = (config, h) => {
-    const { label, letters, isLarge = false, isCurrent = false, isDecorative = false } = config;
+    const { label, letters, drawing, isLarge = false, isCurrent = false, isDecorative = false, } = config;
     return __foldkitBrandViewResult((h.span([
         ...(isDecorative ? [h.AriaHidden(true)] : [h.Role("img"), h.AriaLabel(label)]),
-        h.Class(`monogram${isLarge ? " large" : ""}${isCurrent ? " current" : ""}`),
-    ], [letters ?? initials(label)])), "@gjermundgaraba-designs/pixel-paper/src/monogram/monogram.js#view");
+        h.Class(`monogram${drawing === undefined ? "" : " drawn"}${isLarge ? " large" : ""}${isCurrent ? " current" : ""}`),
+    ], [drawing === undefined ? (letters ?? initials(label)) : drawingView(drawing, isLarge, h)])), "@gjermundgaraba-designs/pixel-paper/src/monogram/monogram.js#view");
 };

package/dist/src/panel/panel.d.ts

@@ -9,6 +9,10 @@ export type ViewConfig = Readonly<{
     id: string;
     /** Pixel caps in the inverted title bar. */
     title: string;
+    /** What screen readers call the panel where its title repeats among its siblings (panels
+     *  titled by a kind, one per account): the title and what tells this one apart. The
+     *  title names it otherwise. */
+    name?: string;
     /** A quiet IconButton before the title, such as the grip a Sortable of panels hands each
      *  panel. On the ink bar it prints as `actions` do. */
     lead?: ReadonlyArray<Html | string>;
@@ -26,6 +30,6 @@ export type ViewConfig = Readonly<{
 /** The id of a panel's title, which names it. */
 export declare const titleId: (id: string) => string;
 /** The unit of the system: paper in a 2px ink box on a 5px print shadow, under a title bar. A
- *  region landmark (`<section>`) named by its `h2` title, keyed by its `id`. */
+ *  region landmark (`<section>`) named by its `h2` title, or by `name`, keyed by its `id`. */
 export declare const view: <Message>(config: ViewConfig, h: HtmlBuilder<Message>) => Html;
 //# sourceMappingURL=panel.d.ts.map

package/dist/src/panel/panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../../src/panel/panel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAMtD,uDAAuD;AACvD,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC;;;;kCAI8B;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd;2DACuD;IACvD,IAAI,CAAC,EAAE,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;IACpC,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;yFACqF;IACrF,OAAO,CAAC,EAAE,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;IACvC,IAAI,EAAE,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;IACnC,2EAA2E;IAC3E,IAAI,CAAC,EAAE,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;IACpC,uFAAuF;IACvF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH,iDAAiD;AACjD,eAAO,MAAM,OAAO,OAAQ,MAAM,KAAG,MAAuB,CAAC;AAE7D;gFACgF;AAChF,eAAO,MAAM,IAAI,GAAI,OAAO,UAAU,UAAU,KAAK,WAAW,CAAC,OAAO,CAAC,KAAG,IAoB3E,CAAC"}
+{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../../src/panel/panel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAMtD,uDAAuD;AACvD,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC;;;;kCAI8B;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd;;oCAEgC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;2DACuD;IACvD,IAAI,CAAC,EAAE,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;IACpC,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;yFACqF;IACrF,OAAO,CAAC,EAAE,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;IACvC,IAAI,EAAE,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;IACnC,2EAA2E;IAC3E,IAAI,CAAC,EAAE,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;IACpC,uFAAuF;IACvF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH,iDAAiD;AACjD,eAAO,MAAM,OAAO,OAAQ,MAAM,KAAG,MAAuB,CAAC;AAE7D;8FAC8F;AAC9F,eAAO,MAAM,IAAI,GAAI,OAAO,UAAU,UAAU,KAAK,WAAW,CAAC,OAAO,CAAC,KAAG,IAkC3E,CAAC"}

package/dist/src/panel/panel.js

@@ -3,10 +3,14 @@ import { slotView } from "../slot/slot.js";
 /** The id of a panel's title, which names it. */
 export const titleId = (id) => __foldkitBrandViewResult((`${id}-title`), "@gjermundgaraba-designs/pixel-paper/src/panel/panel.js#titleId");
 /** The unit of the system: paper in a 2px ink box on a 5px print shadow, under a title bar. A
- *  region landmark (`<section>`) named by its `h2` title, keyed by its `id`. */
+ *  region landmark (`<section>`) named by its `h2` title, or by `name`, keyed by its `id`. */
 export const view = (config, h) => {
-    const { id, title, lead = [], meta, actions = [], body, foot = [], isFlush = false } = config;
-    return __foldkitBrandViewResult((h.keyed("section")(id, [h.Id(id), h.AriaLabelledBy(titleId(id)), h.Class("panel")], [
+    const { id, title, name, lead = [], meta, actions = [], body, foot = [], isFlush = false, } = config;
+    return __foldkitBrandViewResult((h.keyed("section")(id, [
+        h.Id(id),
+        name === undefined ? h.AriaLabelledBy(titleId(id)) : h.AriaLabel(name),
+        h.Class("panel"),
+    ], [
         h.header([h.Class("panel-tb")], [
             ...slotView("span", "panel-lead", lead, h),
             h.h2([h.Id(titleId(id))], [title]),

package/dist/src/reel/index.d.ts

@@ -0,0 +1,4 @@
+export { Layout, OutMessage, Pane, apply } from "./layout.ts";
+export { Action, AnnounceReel, FocusGrip, FocusPane, Message, Model, RestoreFocus, ScrollIntoView, SizeLiftedPane, focusedPaneId, init, perform, reconcile, subscriptions, update, view, } from "./reel.ts";
+export type { InitConfig, PaneRender, UpdateContext, ViewInputs } from "./reel.ts";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/reel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/reel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAC9D,OAAO,EACL,MAAM,EACN,YAAY,EACZ,SAAS,EACT,SAAS,EACT,OAAO,EACP,KAAK,EACL,YAAY,EACZ,cAAc,EACd,cAAc,EACd,aAAa,EACb,IAAI,EACJ,OAAO,EACP,SAAS,EACT,aAAa,EACb,MAAM,EACN,IAAI,GACL,MAAM,WAAW,CAAC;AACnB,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC"}

package/dist/src/reel/index.js

@@ -0,0 +1,2 @@
+export { Layout, OutMessage, Pane, apply } from "./layout.js";
+export { Action, AnnounceReel, FocusGrip, FocusPane, Message, Model, RestoreFocus, ScrollIntoView, SizeLiftedPane, focusedPaneId, init, perform, reconcile, subscriptions, update, view, } from "./reel.js";

package/dist/src/reel/layout.d.ts

@@ -0,0 +1,180 @@
+import { Option, Schema } from "effect";
+/** Schema for one pane as the reel knows it: its id, unique in the reel and the application's
+ *  to keep, its name in words (its grip, its splitter and what screen readers hear), and its
+ *  share of its column's height, a weight against its neighbours'. */
+export declare const Pane: Schema.Struct<{
+    readonly id: Schema.String;
+    readonly label: Schema.String;
+    readonly weight: Schema.Number;
+}>;
+export type Pane = typeof Pane.Type;
+/** Schema for one column: its id, unique among the reel's columns and the application's to
+ *  keep, its width, a fraction of the reel's visible width (1 fills it), and its panes, top
+ *  to bottom. A column `apply` makes for a pane pulled out takes the pane's id (`notes`, or
+ *  `notes/2` where a column has it), so pane and column ids share one namespace. */
+export declare const Column: Schema.Struct<{
+    readonly id: Schema.String;
+    readonly width: Schema.Number;
+    readonly panes: Schema.NonEmptyArray<Schema.Struct<{
+        readonly id: Schema.String;
+        readonly label: Schema.String;
+        readonly weight: Schema.Number;
+    }>>;
+}>;
+export type Column = typeof Column.Type;
+/** Schema for a reel's layout: its columns, left to right. The application's to keep. */
+export declare const Layout: Schema.$Array<Schema.Struct<{
+    readonly id: Schema.String;
+    readonly width: Schema.Number;
+    readonly panes: Schema.NonEmptyArray<Schema.Struct<{
+        readonly id: Schema.String;
+        readonly label: Schema.String;
+        readonly weight: Schema.Number;
+    }>>;
+}>>;
+export type Layout = typeof Layout.Type;
+/** What is held: a pane or a column, by its id. */
+export declare const Subject: import("foldkit/schema").TaggedUnion<{
+    readonly Pane: {
+        paneId: Schema.String;
+    };
+    readonly Column: {
+        columnId: Schema.String;
+    };
+}>;
+export type Subject = typeof Subject.Type;
+/** Where a held pane or column would land: into a column, at a place among its other panes,
+ *  or in the gap before a column (none: after the last), as a column of its own. */
+export declare const Target: import("foldkit/schema").TaggedUnion<{
+    readonly Into: {
+        columnId: Schema.String;
+        index: Schema.Number;
+    };
+    readonly Gap: {
+        maybeBeforeColumnId: Schema.Option<Schema.String>;
+    };
+}>;
+export type Target = typeof Target.Type;
+/** Union of what a reel asks the application to do to its layout, which the application
+ *  applies (`apply` does it) or not, by id, so a request still means what it meant after the
+ *  layout changed under it. `MovedPane`: a pane into a column, at `toIndex` among that
+ *  column's other panes. `PulledOutPane`: a pane into a column of its own, before a column
+ *  (none: after the last). `MovedColumn`: a column to before another (none: last).
+ *  `ResizedColumn`: a column's width. `ResizedPanes`: a column's panes' weights, by pane id. */
+export declare const OutMessage: import("foldkit/message").MessageUnion<{
+    readonly MovedPane: {
+        paneId: Schema.String;
+        toColumnId: Schema.String;
+        toIndex: Schema.Number;
+    };
+    readonly PulledOutPane: {
+        paneId: Schema.String;
+        maybeBeforeColumnId: Schema.Option<Schema.String>;
+    };
+    readonly MovedColumn: {
+        columnId: Schema.String;
+        maybeBeforeColumnId: Schema.Option<Schema.String>;
+    };
+    readonly ResizedColumn: {
+        columnId: Schema.String;
+        width: Schema.Number;
+    };
+    readonly ResizedPanes: {
+        columnId: Schema.String;
+        weights: Schema.$Record<Schema.String, Schema.Number>;
+    };
+}>;
+export type OutMessage = typeof OutMessage.Type;
+/** A splitter: the one after a column, which sizes its width, or the one below a pane, which
+ *  shares the height between it and the pane under it. */
+export declare const Splitter: import("foldkit/schema").TaggedUnion<{
+    readonly Width: {
+        columnId: Schema.String;
+    };
+    readonly Split: {
+        abovePaneId: Schema.String;
+    };
+}>;
+export type Splitter = typeof Splitter.Type;
+/** A resize: a column's width, or its panes' weights. */
+export declare const Resize: Schema.Union<readonly [import("foldkit/schema").CallableTaggedStruct<"ResizedColumn", {
+    readonly columnId: Schema.String;
+    readonly width: Schema.Number;
+}>, import("foldkit/schema").CallableTaggedStruct<"ResizedPanes", {
+    readonly columnId: Schema.String;
+    readonly weights: Schema.$Record<Schema.String, Schema.Number>;
+}>]>;
+export type Resize = typeof Resize.Type;
+/** A pane where it sits: its column (and that column's index) and its row. */
+export type Place = Readonly<{
+    column: Column;
+    columnIndex: number;
+    row: number;
+    pane: Pane;
+}>;
+export declare const placeOf: (layout: Layout, paneId: string) => Option.Option<Place>;
+export declare const placeAt: (layout: Layout, columnIndex: number, row: number) => Option.Option<Place>;
+export declare const firstPlace: (layout: Layout) => Option.Option<Place>;
+export declare const columnIndexOf: (layout: Layout, columnId: string) => Option.Option<number>;
+export declare const columnOf: (layout: Layout, columnId: string) => Option.Option<Column>;
+/**
+ * The layout once `request` is applied: what the reel asked, done the way every client does
+ * it. A pane that leaves its column takes the mean weight of the column it joins; a column
+ * left without panes goes; a pane pulled out keeps its old column's width, in a column named
+ * for it. A request naming a pane or column the layout no longer has changes nothing.
+ */
+export declare const apply: (layout: Layout, request: OutMessage) => Layout;
+export declare const widthWords: (width: number) => string;
+export declare const widthMark: (width: number) => string;
+/** The next preset wider than `width`, or the narrowest past the widest. */
+export declare const nextPreset: (width: number) => number;
+/** What a place is called when a drop would leave the pane or column where it is. */
+export declare const WHERE_IT_WAS = "where it was";
+export declare const fill: (template: string, fields: Readonly<Record<string, string | number>>) => string;
+export declare const subjectWords: (layout: Layout, subject: Subject) => Option.Option<string>;
+export declare const placeWords: (layout: Layout, place: Place) => string;
+/** Where `subject` sits in `layout`, in words. */
+export declare const whereWords: (layout: Layout, subject: Subject) => Option.Option<string>;
+/** Where `subject` is now, as a target: a pane at its place, a column in the gap before
+ *  itself. */
+export declare const originOf: (layout: Layout, subject: Subject) => Option.Option<Target>;
+export declare const isPresent: (layout: Layout, subject: Subject) => boolean;
+/** What dropping `subject` at `target` asks of the layout: none where it would change
+ *  nothing (where it is, or a target whose column is gone). */
+export declare const requestOf: (layout: Layout, subject: Subject, target: Target) => Option.Option<OutMessage>;
+/** Where `subject` would be once dropped at `target`, in words. */
+export declare const landingWords: (layout: Layout, subject: Subject, target: Target) => string;
+/** The column a target sits in or before (the last, for the gap after it), which a keyboard
+ *  step scrolls to. */
+export declare const columnOfTarget: (layout: Layout, target: Target) => Option.Option<string>;
+export declare const Step: Schema.Literals<readonly ["Up", "Down", "Left", "Right"]>;
+export type Step = typeof Step.Type;
+/** Whether the column `target` names (into it, or the gap before it) is still in `layout`. */
+export declare const isTargetPresent: (layout: Layout, target: Target) => boolean;
+/** A keyboard step from `target`: left and right cross from a column to the gap beside it and
+ *  on to the next column, up and down move among a column's panes. A stop where the drop would
+ *  change nothing is passed over, but for where `subject` started; with nothing further that
+ *  way, it stays (where `subject` started, if the target's column has gone). */
+export declare const steppedTarget: (layout: Layout, subject: Subject, target: Target, step: Step) => Target;
+/** A column as a pointer reads it: its id, its left and right edges, and the vertical middles
+ *  of its slots, the held pane's left out. */
+export type ColumnBox = Readonly<{
+    id: string;
+    left: number;
+    right: number;
+    slotMiddles: ReadonlyArray<number>;
+}>;
+/** Where a pointer at (`clientX`, `clientY`) over a reel whose columns sit at `columns`, left
+ *  to right, would drop `subject`. A column lands in the gap nearest the pointer, counted by
+ *  the columns whose middle it has passed. A pane over a column's edge band (or over a gap, or
+ *  past the last column) lands in that gap, as a column of its own; over the rest of a column
+ *  it lands among that column's other panes, after each whose middle is above the pointer. */
+export declare const targetAtPoint: (subject: Subject, columns: ReadonlyArray<ColumnBox>, clientX: number, clientY: number) => Target;
+/** What moving `splitter` by `share` asks of the layout, from the sizes the layout holds (not
+ *  the sizes printed, which the stylesheet may hold at a minimum): a width splitter adds
+ *  `share` to its column's width; a pane splitter moves `share` of its column's height from
+ *  the pane below it to the pane above. None when what it sizes is gone. */
+export declare const resizeOf: (layout: Layout, splitter: Splitter, share: number) => Option.Option<Resize>;
+/** Whether what `splitter` sizes is still in `layout`. */
+export declare const isSplitterPresent: (layout: Layout, splitter: Splitter) => boolean;
+//# sourceMappingURL=layout.d.ts.map

package/dist/src/reel/layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../src/reel/layout.ts"],"names":[],"mappings":"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"}