@graphysdk/theme-bauhaus 0.0.0-stage → 0.1.0

package/dist/palette.d.ts

@@ -0,0 +1,19 @@
+export declare const BAUHAUS_COLORS: {
+    readonly paper: "#F3EEE1";
+    readonly black: "#141414";
+    readonly secondary: "#4A4640";
+    readonly rule: "#C9C2B1";
+};
+export declare const BAUHAUS_HUES: {
+    readonly red: "#D62718";
+    readonly blue: "#1B4FA3";
+    readonly yellow: "#E9A800";
+    readonly black: "#141414";
+    readonly green: "#1F7A4D";
+    readonly orange: "#CF4F14";
+    readonly violet: "#6A3D9A";
+};
+/** The order groups take their colours in: the primaries and black, then the secondaries. */
+export declare const BAUHAUS_PALETTE: readonly string[];
+/** For a colour that stands for a number: from yellow through red to black, each darker than the last. */
+export declare const BAUHAUS_COLORMAP: readonly string[];

package/dist/renderer/bar-frame.d.ts

@@ -0,0 +1,18 @@
+import { MainAxis, Observation, XYPoint } from '@graphysdk/react';
+import { PixelSize } from './utils/projections';
+export interface BarFrame {
+    /** Across the band. */
+    breadth: number;
+    /** Along the value, from the foot. */
+    length: number;
+    /** Whether the bar ends its stack, so its value's end is its own to shape. */
+    endsStack: boolean;
+    /** Whether the bar stands alone, with no neighbour in a stack at either end. */
+    isSolo: boolean;
+    /** A point across and along the bar, in panel pixels. */
+    at: (across: number, along: number) => XYPoint;
+}
+/** A bar's frame in panel pixels, drawn in from any edge it shares with a neighbour in its stack. */
+export declare const readBarFrame: (observation: Observation, mainAxis: MainAxis, panel: PixelSize, stackGap: number) => BarFrame | null;
+/** A path through local points: `M` at the first, `L` to each plain point, `C` through each triple. */
+export declare const toBarPath: (frame: BarFrame, segments: ReadonlyArray<ReadonlyArray<[number, number]>>) => string;

package/dist/renderer/bar.d.ts

@@ -0,0 +1,9 @@
+import { ResolvedGeomRenderer } from '@graphysdk/react';
+import { BarFrame } from './bar-frame';
+/** The plane from the foot to the value, square at both ends. */
+export declare const buildPlane: (frame: BarFrame) => string;
+/**
+ * Each bar as a flat plane of its group's ink, square at both ends. A stack is planes laid end to end
+ * with the paper showing between them. The hovered bar is drawn again, ruled round in black.
+ */
+export declare const bauhausBar: ResolvedGeomRenderer;

package/dist/renderer/forms.d.ts

@@ -0,0 +1,40 @@
+import { ReactNode } from 'react';
+import { XYPoint } from '@graphysdk/react';
+/**
+ * The forms a group is drawn in. Kandinsky's questionnaire, sent round the Bauhaus workshops in 1923,
+ * asked which of the three primary forms each primary colour belonged in; the school's answer, the one
+ * its posters and teaching repeated, was the yellow triangle, the red square and the blue circle. The
+ * theme gives each group that form as well as its colour, so two groups stay apart for a reader who
+ * cannot tell the colours apart, and on paper printed in one ink.
+ *
+ * Each name is also one of the engine's point symbols, so the stylesheet can hand it to the legend.
+ */
+export type BauhausForm = 'square' | 'circle' | 'triangle' | 'diamond' | 'cross';
+/**
+ * The form of each colour in the palette. Black, the fourth ink, takes the square turned on its point.
+ * The secondaries are rarer, so they repeat the primary forms in new colours, except the green, which
+ * takes a cross so it never shares a form with the red it is most often confused with.
+ */
+export declare const BAUHAUS_FORMS: ReadonlyArray<readonly [color: string, form: BauhausForm]>;
+/** The form a colour is drawn in. A colour from outside the palette is drawn as a circle. */
+export declare const readForm: (color: string) => BauhausForm;
+/**
+ * The outline of a form centred on `centre`, covering the area of a circle `size` wide, as the engine's
+ * symbols do, so a square reads as heavy as a circle of the same size and a bubble keeps its area. A
+ * triangle is centred on its centroid, so its point of balance is the reading.
+ */
+export declare const buildFormPath: (form: BauhausForm, centre: XYPoint, size: number) => string;
+interface FormProps {
+    form: BauhausForm;
+    centre: XYPoint;
+    size: number;
+    color: string;
+    opacity?: number;
+    fillOpacity?: number;
+    /** The edge drawn round the form: the paper's colour to part it from the line it sits on, or black when hovered. */
+    edge?: string;
+    edgeWidth?: number;
+}
+/** One form in flat ink. Its centre, or a triangle's centroid, is the reading, exactly. */
+export declare const Form: ({ form, centre, size, color, opacity, fillOpacity, edge, edgeWidth, }: FormProps) => ReactNode;
+export {};

package/dist/renderer/line.d.ts

@@ -0,0 +1,9 @@
+import { ResolvedGeomRenderer } from '@graphysdk/react';
+/**
+ * A line as a heavy rule in its group's ink with its group's form, the red square, the blue circle or
+ * the yellow triangle, at each reading, centred on it. A line with too many readings to give each a
+ * form is left to its rule. The hovered reading's form grows and is ruled round in black.
+ */
+export declare const bauhausLine: ResolvedGeomRenderer;
+/** A radar's outline as a closed heavy rule, with a form at each reading. */
+export declare const bauhausRadarLine: ResolvedGeomRenderer;

package/dist/renderer/overprint.d.ts

@@ -0,0 +1,5 @@
+import { CSSProperties } from 'react';
+/** For the group of marks that overprint one another. */
+export declare const OVERPRINT_GROUP_STYLE: CSSProperties;
+/** For each mark in that group. */
+export declare const OVERPRINT_STYLE: CSSProperties;

package/dist/renderer/paint.d.ts

@@ -0,0 +1,21 @@
+import { Observation, SceneLayerFor, StyleState } from '@graphysdk/react';
+/** What a filled shape is drawn with. */
+export interface ShapePaint {
+    color: string;
+    opacity: number;
+    fillOpacity: number;
+    /** The edge that parts it from its neighbours in the paper's colour, or rules it in black when hovered. */
+    edge: string;
+    edgeWidth: number;
+}
+/** What a line is drawn with: one heavy rule of `color`. */
+export interface LinePaint {
+    color: string;
+    opacity: number;
+    width: number;
+    dashArray: string | undefined;
+}
+export type ReadShapePaint = (observation: Observation, state?: StyleState) => ShapePaint;
+export type ReadLinePaint = (observation: Observation, state?: StyleState) => LinePaint;
+export declare const useShapePaint: (layer: SceneLayerFor<"bar" | "point" | "tile" | "area">) => ReadShapePaint;
+export declare const useLinePaint: (layer: SceneLayerFor<"line">) => ReadLinePaint;

package/dist/renderer/plugins.d.ts

@@ -0,0 +1,7 @@
+import { ResolvedGeomRenderer } from '@graphysdk/react';
+/**
+ * Every built-in geom the theme repaints, under each coordinate system it is drawn in. Positions,
+ * scales and axes come from the compiled layer unchanged, and colour, opacity, edge and form come from
+ * the stylesheet, so `style.geom.*` still decides what a shape is printed in.
+ */
+export declare const bauhausPlugins: readonly ResolvedGeomRenderer[];

package/dist/renderer/point.d.ts

@@ -0,0 +1,9 @@
+import { ResolvedGeomRenderer } from '@graphysdk/react';
+/**
+ * Scatter and bubble: each point a flat form in its group's ink, the red square, the blue circle or the
+ * yellow triangle, as large in area as the point's size, its centre the reading. Forms that overlap
+ * overprint. The hovered point is drawn again, larger and ruled round in black.
+ */
+export declare const bauhausPoint: ResolvedGeomRenderer;
+/** A radar's points, as forms at its readings. */
+export declare const bauhausRadarPoint: ResolvedGeomRenderer;

package/dist/renderer/slice.d.ts

@@ -0,0 +1,8 @@
+import { ResolvedGeomRenderer } from '@graphysdk/react';
+/**
+ * Pie, donut, rose and radial bar as flat fields of ink parted by the paper. A rose's or a radial bar's
+ * slice reaches out by its value and ends in the bar's heavy black rule along its outer arc, whose
+ * outer edge is the value; a pie's or a donut's slices carry their value in their angle, kept exactly,
+ * and are left unruled. The hovered slice is drawn again, ruled round in black.
+ */
+export declare const bauhausSlice: ResolvedGeomRenderer;

package/dist/renderer/trace.d.ts

@@ -0,0 +1,22 @@
+import { Observation, SceneLayer, XYPoint } from '@graphysdk/react';
+import { PixelSize, Projection } from './utils/projections';
+/** One group's path in panel pixels, with the observation its paint is read for and its readings. */
+export interface Trace {
+    key: string;
+    path: string;
+    observation: Observation;
+    /** Each reading of the group, in panel pixels, in the order the path passes through them. */
+    readings: Reading[];
+}
+export interface Reading {
+    key: string;
+    observation: Observation;
+    point: XYPoint;
+}
+/**
+ * One trace per group, from whatever turns a group's observations into its path, with each reading
+ * placed by `project`.
+ */
+export declare const readTraces: (layer: SceneLayer, panel: PixelSize, project: Projection, buildPath: (observations: Observation[]) => string | null) => Trace[];
+/** A radar group's closed outline in panel pixels, its vertices in angular order so it never crosses itself. */
+export declare const buildRadarPath: (observations: Observation[], panel: PixelSize) => string | null;

package/dist/renderer/utils/paths.d.ts

@@ -0,0 +1,7 @@
+import { PixelSize } from './projections';
+/**
+ * A path written in the unit square, in the panel's pixels. A keyline is measured in pixels on every
+ * side, which a path stretched by a transform is not. Reads the commands a line or an area is written
+ * in; an arc is not one of them.
+ */
+export declare const scalePathToPanel: (path: string, panel: PixelSize) => string;

package/dist/renderer/utils/projections.d.ts

@@ -0,0 +1,14 @@
+import { Observation, XYPoint } from '@graphysdk/react';
+export interface PixelSize {
+    width: number;
+    height: number;
+}
+export interface PixelRect extends PixelSize {
+    x: number;
+    y: number;
+}
+/** Where an observation is drawn in the panel, in pixels; `null` for one missing a position. */
+export type Projection = (observation: Observation, panel: PixelSize) => XYPoint | null;
+export declare const projectCartesian: Projection;
+export declare const projectPolar: Projection;
+export declare const toClosedPath: (points: XYPoint[]) => string;

package/dist/styles.d.ts

@@ -0,0 +1,9 @@
+import { Stylesheet } from '@graphysdk/react';
+export { BAUHAUS_COLORMAP, BAUHAUS_COLORS, BAUHAUS_HUES, BAUHAUS_PALETTE } from './palette';
+/**
+ * The poster look: off-white paper with no frame but the poster's black bar along its head, heavy
+ * black axes on the left and along the bottom with no rules across the plot, and flat shapes with
+ * square corners parted by the paper. Nothing casts a shadow. The renderer draws bars, slices, lines
+ * and points; the stylesheet hands it their colour, edge, size and form.
+ */
+export declare const bauhausStyles: Stylesheet;

package/fonts.css

@@ -0,0 +1,2 @@
+/* Jost, the face the theme's stylesheet names. Import this once, before the first graph is measured. */
+@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;700&display=swap');

package/licenses/PolyForm-Free-Trial-1.0.0.md

@@ -0,0 +1,93 @@
+# PolyForm Free Trial License 1.0.0
+
+<https://polyformproject.org/licenses/free-trial/1.0.0>
+
+## Acceptance
+
+In order to get any license under these terms, you must agree
+to them as both strict obligations and conditions to all
+your licenses.
+
+## Copyright License
+
+The licensor grants you a copyright license for the software
+to do everything you might do with the software that would
+otherwise infringe the licensor's copyright in it for any
+permitted purpose. However, you may only make changes or
+new works based on the software according to [Changes and New
+Works License](#changes-and-new-works-license), and you may
+not distribute copies of the software.
+
+## Changes and New Works License
+
+The licensor grants you an additional copyright license to
+make changes and new works based on the software for any
+permitted purpose.
+
+## Patent License
+
+The licensor grants you a patent license for the software that
+covers patent claims the licensor can license, or becomes able
+to license, that you would infringe by using the software.
+
+## Fair Use
+
+You may have "fair use" rights for the software under the
+law. These terms do not limit them.
+
+## Free Trial
+
+Use to evaluate whether the software suits a particular
+application for less than 32 consecutive calendar days, on
+behalf of you or your company, is use for a permitted purpose.
+
+## No Other Rights
+
+These terms do not allow you to sublicense or transfer any of
+your licenses to anyone else, or prevent the licensor from
+granting licenses to anyone else. These terms do not imply
+any other licenses.
+
+## Patent Defense
+
+If you make any written claim that the software infringes or
+contributes to infringement of any patent, your patent license
+for the software granted under these terms ends immediately. If
+your company makes such a claim, your patent license ends
+immediately for work on behalf of your company.
+
+## Violations
+
+If you violate any of these terms, or do anything with the
+software not covered by your licenses, all your licenses
+end immediately.
+
+## No Liability
+
+_**As far as the law allows, the software comes as is, without
+any warranty or condition, and the licensor will not be liable
+to you for any damages arising out of these terms or the use
+or nature of the software, under any kind of legal claim.**_
+
+## Definitions
+
+The **licensor** is the individual or entity offering these
+terms, and the **software** is the software the licensor makes
+available under these terms.
+
+**You** refers to the individual or entity agreeing to these
+terms.
+
+**Your company** is any legal entity, sole proprietorship,
+or other kind of organization that you work for, plus all
+organizations that have control over, are under the control of,
+or are under common control with that organization. **Control**
+means ownership of substantially all the assets of an entity,
+or the power to direct its management and policies by vote,
+contract, or otherwise. Control can be direct or indirect.
+
+**Your licenses** are all the licenses granted to you for the
+software under these terms.
+
+**Use** means anything you do with the software requiring one
+of your licenses.

package/licenses/PolyForm-NonCommercial-1.0.0.md

@@ -0,0 +1,131 @@
+# PolyForm Noncommercial License 1.0.0
+
+<https://polyformproject.org/licenses/noncommercial/1.0.0>
+
+## Acceptance
+
+In order to get any license under these terms, you must agree
+to them as both strict obligations and conditions to all
+your licenses.
+
+## Copyright License
+
+The licensor grants you a copyright license for the
+software to do everything you might do with the software
+that would otherwise infringe the licensor's copyright
+in it for any permitted purpose. However, you may
+only distribute the software according to [Distribution
+License](#distribution-license) and make changes or new works
+based on the software according to [Changes and New Works
+License](#changes-and-new-works-license).
+
+## Distribution License
+
+The licensor grants you an additional copyright license
+to distribute copies of the software. Your license
+to distribute covers distributing the software with
+changes and new works permitted by [Changes and New Works
+License](#changes-and-new-works-license).
+
+## Notices
+
+You must ensure that anyone who gets a copy of any part of
+the software from you also gets a copy of these terms or the
+URL for them above, as well as copies of any plain-text lines
+beginning with `Required Notice:` that the licensor provided
+with the software. For example:
+
+> Required Notice: Copyright Graphy Technologies Ltd. (https://graphy.dev)
+
+## Changes and New Works License
+
+The licensor grants you an additional copyright license to
+make changes and new works based on the software for any
+permitted purpose.
+
+## Patent License
+
+The licensor grants you a patent license for the software that
+covers patent claims the licensor can license, or becomes able
+to license, that you would infringe by using the software.
+
+## Noncommercial Purposes
+
+Any noncommercial purpose is a permitted purpose.
+
+## Personal Uses
+
+Personal use for research, experiment, and testing for
+the benefit of public knowledge, personal study, private
+entertainment, hobby projects, amateur pursuits, or religious
+observance, without any anticipated commercial application,
+is use for a permitted purpose.
+
+## Noncommercial Organizations
+
+Use by any charitable organization, educational institution,
+public research organization, public safety or health
+organization, environmental protection organization,
+or government institution is use for a permitted purpose
+regardless of the source of funding or obligations resulting
+from the funding.
+
+## Fair Use
+
+You may have "fair use" rights for the software under the
+law. These terms do not limit them.
+
+## No Other Rights
+
+These terms do not allow you to sublicense or transfer any of
+your licenses to anyone else, or prevent the licensor from
+granting licenses to anyone else. These terms do not imply
+any other licenses.
+
+## Patent Defense
+
+If you make any written claim that the software infringes or
+contributes to infringement of any patent, your patent license
+for the software granted under these terms ends immediately. If
+your company makes such a claim, your patent license ends
+immediately for work on behalf of your company.
+
+## Violations
+
+The first time you are notified in writing that you have
+violated any of these terms, or done anything with the software
+not covered by your licenses, your licenses can nonetheless
+continue if you come into full compliance with these terms,
+and take practical steps to correct past violations, within
+32 days of receiving notice. Otherwise, all your licenses
+end immediately.
+
+## No Liability
+
+_**As far as the law allows, the software comes as is, without
+any warranty or condition, and the licensor will not be liable
+to you for any damages arising out of these terms or the use
+or nature of the software, under any kind of legal claim.**_
+
+## Definitions
+
+The **licensor** is the individual or entity offering these
+terms, and the **software** is the software the licensor makes
+available under these terms.
+
+**You** refers to the individual or entity agreeing to these
+terms.
+
+**Your company** is any legal entity, sole proprietorship,
+or other kind of organization that you work for, plus all
+organizations that have control over, are under the control of,
+or are under common control with that organization. **Control**
+means ownership of substantially all the assets of an entity,
+or the power to direct its management and policies by vote,
+contract, or otherwise. Control can be direct or indirect.
+
+**Your licenses** are all the licenses granted to you for the
+software under these terms.
+
+**Use** means anything you do with the software requiring one
+of your licenses.

package/licenses/PolyForm-Small-Business-1.0.0.md

@@ -0,0 +1,121 @@
+# PolyForm Small Business License 1.0.0
+
+<https://polyformproject.org/licenses/small-business/1.0.0>
+
+## Acceptance
+
+In order to get any license under these terms, you must agree
+to them as both strict obligations and conditions to all
+your licenses.
+
+## Copyright License
+
+The licensor grants you a copyright license for the
+software to do everything you might do with the software
+that would otherwise infringe the licensor's copyright
+in it for any permitted purpose. However, you may
+only distribute the software according to [Distribution
+License](#distribution-license) and make changes or new works
+based on the software according to [Changes and New Works
+License](#changes-and-new-works-license).
+
+## Distribution License
+
+The licensor grants you an additional copyright license
+to distribute copies of the software. Your license
+to distribute covers distributing the software with
+changes and new works permitted by [Changes and New Works
+License](#changes-and-new-works-license).
+
+## Notices
+
+You must ensure that anyone who gets a copy of any part of
+the software from you also gets a copy of these terms or the
+URL for them above, as well as copies of any plain-text lines
+beginning with `Required Notice:` that the licensor provided
+with the software. For example:
+
+> Required Notice: Copyright Graphy Technologies Ltd. (https://graphy.dev)
+
+## Changes and New Works License
+
+The licensor grants you an additional copyright license to
+make changes and new works based on the software for any
+permitted purpose.
+
+## Patent License
+
+The licensor grants you a patent license for the software that
+covers patent claims the licensor can license, or becomes able
+to license, that you would infringe by using the software.
+
+## Fair Use
+
+You may have "fair use" rights for the software under the
+law. These terms do not limit them.
+
+## Small Business
+
+Use of the software for the benefit of your company is use for
+a permitted purpose if your company has fewer than 100 total
+individuals working as employees and independent contractors,
+and less than 1,000,000 USD (2019) total revenue in the prior
+tax year. Adjust this revenue threshold for inflation according
+to the United States Bureau of Labor Statistics' consumer price
+index for all urban consumers, U.S. city average, for all items,
+not seasonally adjusted, with 1982–1984=100 reference base.
+
+## No Other Rights
+
+These terms do not allow you to sublicense or transfer any of
+your licenses to anyone else, or prevent the licensor from
+granting licenses to anyone else. These terms do not imply
+any other licenses.
+
+## Patent Defense
+
+If you make any written claim that the software infringes or
+contributes to infringement of any patent, your patent license
+for the software granted under these terms ends immediately. If
+your company makes such a claim, your patent license ends
+immediately for work on behalf of your company.
+
+## Violations
+
+The first time you are notified in writing that you have
+violated any of these terms, or done anything with the software
+not covered by your licenses, your licenses can nonetheless
+continue if you come into full compliance with these terms,
+and take practical steps to correct past violations, within
+32 days of receiving notice. Otherwise, all your licenses
+end immediately.
+
+## No Liability
+
+_**As far as the law allows, the software comes as is, without
+any warranty or condition, and the licensor will not be liable
+to you for any damages arising out of these terms or the use
+or nature of the software, under any kind of legal claim.**_
+
+## Definitions
+
+The **licensor** is the individual or entity offering these
+terms, and the **software** is the software the licensor makes
+available under these terms.
+
+**You** refers to the individual or entity agreeing to these
+terms.
+
+**Your company** is any legal entity, sole proprietorship,
+or other kind of organization that you work for, plus all
+organizations that have control over, are under the control of,
+or are under common control with that organization. **Control**
+means ownership of substantially all the assets of an entity,
+or the power to direct its management and policies by vote,
+contract, or otherwise. Control can be direct or indirect.
+
+**Your licenses** are all the licenses granted to you for the
+software under these terms.
+
+**Use** means anything you do with the software requiring one
+of your licenses.

package/package.json

@@ -1,6 +1,82 @@
 {
   "name": "@graphysdk/theme-bauhaus",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "author": "Graphy",
+  "description": "Bauhaus theme for the Graphy charting SDK (beta)",
+  "homepage": "https://docs.graphy.dev/sdk-next/themes/bauhaus",
+  "license": "SEE LICENSE IN LICENSE.md",
+  "keywords": [
+    "graphy",
+    "chart",
+    "react",
+    "visualization",
+    "grammar-of-graphics",
+    "theme",
+    "bauhaus"
+  ],
+  "version": "0.1.0",
+  "type": "module",
+  "sideEffects": [
+    "*.css"
+  ],
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "fonts.css",
+    "src/fonts.css.d.ts",
+    "LICENSE.md",
+    "licenses",
+    "README.md"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    },
+    "./fonts.css": {
+      "types": "./src/fonts.css.d.ts",
+      "default": "./fonts.css"
+    }
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "@graphysdk/react": "^1.9.0-beta.1791447671234"
+  },
+  "devDependencies": {
+    "@testing-library/react": "^16.3.1",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "rollup-plugin-node-externals": "^8.1.1",
+    "vite": "^8.1.5",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^4.1.11",
+    "@graphysdk/react": "1.9.0-beta.1791447671234",
+    "@graphytools/typescript-config": "0.0.1",
+    "@graphytools/vitest-config": "1.0.0",
+    "@graphysdk/viz-engine": "1.8.0",
+    "@graphytools/eslint-config": "0.0.1"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "lint-staged": {
+    "*.{ts,tsx,js,jsx,json,css,md}": [
+      "prettier --write"
+    ],
+    "*.{ts,tsx}": [
+      "eslint --max-warnings=0 --fix"
+    ]
+  },
+  "scripts": {
+    "build": "vite build",
+    "test": "vitest run",
+    "test:watch": "TZ=utc vitest",
+    "lint": "eslint . --max-warnings 0",
+    "lint:fix": "eslint . --fix",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
+    "typecheck": "tsc --noEmit"
+  }
 }

package/src/fonts.css.d.ts

@@ -0,0 +1,2 @@
+// Loads the fonts when imported; it exports nothing.
+export {};