@unityevolv/ofiskit-ui-builder 0.1.0

package/dist/panel/ToolBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolBar.js","sourceRoot":"","sources":["../../src/panel/ToolBar.tsx"],"names":[],"mappings":"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"}

package/dist/prompt/PromptStep.d.ts

@@ -0,0 +1,23 @@
+import { type CanvasShape } from '@unityevolv/ofiskit-template';
+import { type PromptDocument } from './prompt.js';
+/**
+ * Step one, before a single room is drawn: the prompt for the picture.
+ *
+ * An author who opens a drawing tool with no background has nothing to draw on,
+ * and "find a top-down floor plan" is not a task most people can do. So this
+ * step hands them a prompt that already works, with the shape and resolution
+ * filled in and the parts worth changing exposed as fields.
+ *
+ * The canvas shape is chosen here because it cannot change afterwards: every
+ * room is placed relative to it. The step says so rather than letting somebody
+ * find out after an hour of drawing.
+ */
+export interface PromptStepProps {
+    document: PromptDocument;
+    shape: CanvasShape;
+    onShapeChange(shape: CanvasShape): void;
+    /** What choosing a different shape would undo, said before it happens. */
+    shapeChangeWarning?: string;
+}
+export declare function PromptStep(props: PromptStepProps): import("react").JSX.Element;
+//# sourceMappingURL=PromptStep.d.ts.map

package/dist/prompt/PromptStep.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromptStep.d.ts","sourceRoot":"","sources":["../../src/prompt/PromptStep.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAG9E,OAAO,EAIL,KAAK,cAAc,EAEpB,MAAM,aAAa,CAAA;AAEpB;;;;;;;;;;;GAWG;AAEH,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,cAAc,CAAA;IACxB,KAAK,EAAE,WAAW,CAAA;IAClB,aAAa,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI,CAAA;IACvC,0EAA0E;IAC1E,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,+BAkIhD"}

package/dist/prompt/PromptStep.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Alert, Button, Icon, Input, Textarea } from '@unityevolv/unitykit';
+import { CANVAS_SHAPES } from '@unityevolv/ofiskit-template';
+import { useMemo, useState } from 'react';
+import { applyPreset, defaultSlots, renderPrompt, } from './prompt.js';
+export function PromptStep(props) {
+    const { document: prompt, shape } = props;
+    const [values, setValues] = useState(() => defaultSlots(prompt));
+    const [copied, setCopied] = useState(false);
+    const text = useMemo(() => renderPrompt(prompt, shape, values), [prompt, shape, values]);
+    return (_jsxs("div", { className: "mx-auto grid max-w-5xl gap-6 p-4 lg:grid-cols-[1fr_20rem]", children: [_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold", children: "Choose the shape of your office" }), _jsx("p", { className: "mt-1 text-sm text-base-content/75", children: "This cannot change once rooms are placed, because every room is positioned against it." }), _jsx("div", { className: "mt-3 flex flex-wrap gap-2", children: CANVAS_SHAPES.map((candidate) => (_jsxs("button", { type: "button", onClick: () => props.onShapeChange(candidate), "aria-pressed": shape === candidate, className: [
+                                        'rounded-lg border px-3 py-2 text-sm',
+                                        'focus-visible:outline-2 focus-visible:outline-primary',
+                                        shape === candidate
+                                            ? 'border-primary bg-primary/10 font-medium'
+                                            : 'border-base-300 hover:bg-base-200',
+                                    ].join(' '), children: [prompt.canvases[candidate].label, _jsx("span", { className: "block text-xs text-base-content", children: prompt.canvases[candidate].resolution })] }, candidate))) }), props.shapeChangeWarning && (_jsx(Alert, { variant: "warn", className: "mt-3", children: props.shapeChangeWarning }))] }), _jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("h2", { className: "text-lg font-semibold", children: "The prompt" }), _jsxs(Button, { size: "sm", variant: "ghost", onClick: () => {
+                                            void navigator.clipboard.writeText(text).then(() => {
+                                                setCopied(true);
+                                                setTimeout(() => setCopied(false), 2000);
+                                            });
+                                        }, children: [_jsx(Icon, { name: copied ? 'check' : 'copy', size: "sm" }), copied ? 'Copied' : 'Copy'] })] }), _jsx(Textarea, { readOnly: true, value: text, rows: 16, className: "mt-2 font-mono text-xs", "aria-label": "The prompt" })] })] }), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-sm font-semibold", children: "Start from a theme" }), _jsx("p", { className: "mt-1 text-xs text-base-content/70", children: "Each one fills in every field below. A good place to start if you have no idea what you want." }), _jsx("div", { className: "mt-2 flex flex-wrap gap-1", children: Object.entries(prompt.presets).map(([id, preset]) => (_jsx("button", { type: "button", onClick: () => setValues(applyPreset(preset)), className: "rounded-full bg-base-200 px-2 py-1 text-xs hover:bg-base-300 focus-visible:outline-2 focus-visible:outline-primary", children: preset.label }, id))) })] }), _jsx("div", { className: "space-y-2", children: Object.entries(prompt.slots).map(([key, slot]) => (_jsx(Input, { label: slot.label, help: slot.help, value: values[key] ?? '', onChange: (event) => setValues({ ...values, [key]: event.target.value }) }, key))) }), _jsxs("div", { className: "rounded-lg bg-base-200 p-3", children: [_jsx("h3", { className: "text-sm font-semibold", children: "Worth knowing" }), _jsx("ul", { className: "mt-1 list-disc space-y-1 pl-4 text-xs text-base-content/75", children: prompt.guidance.map((line) => (_jsx("li", { children: line }, line))) })] })] })] }));
+}
+//# sourceMappingURL=PromptStep.js.map

package/dist/prompt/PromptStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromptStep.js","sourceRoot":"","sources":["../../src/prompt/PromptStep.tsx"],"names":[],"mappings":"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"}

package/dist/prompt/prompt.d.ts

@@ -0,0 +1,59 @@
+import type { CanvasShape } from '@unityevolv/ofiskit-template';
+/**
+ * The background-image prompt, as data.
+ *
+ * The prompt itself lives in the repository as a versioned document that the
+ * builder fetches and renders, rather than being compiled into this package.
+ * That is deliberate: improving the prompt should reach every author and every
+ * host immediately, without releasing the builder, and the prompt is the thing
+ * most likely to be improved after a few people have used it.
+ */
+export interface PromptSlot {
+    label: string;
+    help: string;
+    default: string;
+}
+export interface PromptPreset {
+    label: string;
+    theme: string;
+    style: string;
+    palette: string;
+    lighting: string;
+    areaNames: string;
+    entryEdge: string;
+}
+export interface PromptDocument {
+    version: number;
+    canvases: Record<CanvasShape, {
+        label: string;
+        ratio: string;
+        resolution: string;
+    }>;
+    slots: Record<string, PromptSlot>;
+    /** The rules an author may not edit, because they are what make it usable. */
+    fixed: string[];
+    template: string;
+    guidance: string[];
+    presets: Record<string, PromptPreset>;
+}
+export type SlotValues = Record<string, string>;
+/** Every slot at its default, which is what the form opens with. */
+export declare function defaultSlots(document: PromptDocument): SlotValues;
+/**
+ * Fill the prompt in.
+ *
+ * The shape and resolution come from the canvas the author picked, so they can
+ * never disagree with the template being built — which is the mistake that
+ * produces an image that has to be regenerated after the rooms are drawn.
+ */
+export declare function renderPrompt(document: PromptDocument, shape: CanvasShape, values: SlotValues): string;
+/** Fill every slot from a preset, so an author with no idea still gets a good image. */
+export declare function applyPreset(preset: PromptPreset): SlotValues;
+/**
+ * Load the prompt document.
+ *
+ * A path rather than a URL: the app serves it from its own origin, and no
+ * hostname is ever written down in the product.
+ */
+export declare function loadPromptDocument(path: string): Promise<PromptDocument>;
+//# sourceMappingURL=prompt.d.ts.map

package/dist/prompt/prompt.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prompt.d.ts","sourceRoot":"","sources":["../../src/prompt/prompt.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAE/D;;;;;;;;GAQG;AAEH,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAC,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACnF,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;IACjC,8EAA8E;IAC9E,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAA;CACtC;AAED,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;AAE/C,oEAAoE;AACpE,wBAAgB,YAAY,CAAC,QAAQ,EAAE,cAAc,GAAG,UAAU,CAIjE;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAC1B,QAAQ,EAAE,cAAc,EACxB,KAAK,EAAE,WAAW,EAClB,MAAM,EAAE,UAAU,GACjB,MAAM,CAcR;AAED,wFAAwF;AACxF,wBAAgB,WAAW,CAAC,MAAM,EAAE,YAAY,GAAG,UAAU,CAG5D;AAED;;;;;GAKG;AACH,wBAAsB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,cAAc,CAAC,CAI9E"}

package/dist/prompt/prompt.js

@@ -0,0 +1,40 @@
+/** Every slot at its default, which is what the form opens with. */
+export function defaultSlots(document) {
+    return Object.fromEntries(Object.entries(document.slots).map(([key, slot]) => [key, slot.default]));
+}
+/**
+ * Fill the prompt in.
+ *
+ * The shape and resolution come from the canvas the author picked, so they can
+ * never disagree with the template being built — which is the mistake that
+ * produces an image that has to be regenerated after the rooms are drawn.
+ */
+export function renderPrompt(document, shape, values) {
+    const canvas = document.canvases[shape];
+    const substitutions = {
+        ...values,
+        shape: canvas.label.toLocaleLowerCase(),
+        ratio: canvas.ratio,
+        resolution: canvas.resolution,
+        fixed: document.fixed.map((rule) => `- ${rule}`).join('\n'),
+    };
+    return document.template.replace(/\{\{(\w+)\}\}/g, (whole, key) => Object.hasOwn(substitutions, key) ? (substitutions[key] ?? whole) : whole);
+}
+/** Fill every slot from a preset, so an author with no idea still gets a good image. */
+export function applyPreset(preset) {
+    const { label: _label, ...slots } = preset;
+    return slots;
+}
+/**
+ * Load the prompt document.
+ *
+ * A path rather than a URL: the app serves it from its own origin, and no
+ * hostname is ever written down in the product.
+ */
+export async function loadPromptDocument(path) {
+    const response = await fetch(path);
+    if (!response.ok)
+        throw new Error(`The background prompt could not be loaded (${response.status}).`);
+    return (await response.json());
+}
+//# sourceMappingURL=prompt.js.map

package/dist/prompt/prompt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prompt.js","sourceRoot":"","sources":["../../src/prompt/prompt.ts"],"names":[],"mappings":"AAyCA,oEAAoE;AACpE,MAAM,UAAU,YAAY,CAAC,QAAwB;IACnD,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CACzE,CAAA;AACH,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,YAAY,CAC1B,QAAwB,EACxB,KAAkB,EAClB,MAAkB;IAElB,MAAM,MAAM,GAAG,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvC,MAAM,aAAa,GAA2B;QAC5C,GAAG,MAAM;QACT,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,iBAAiB,EAAE;QACvC,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,UAAU,EAAE,MAAM,CAAC,UAAU;QAC7B,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;KAC5D,CAAA;IAED,OAAO,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,gBAAgB,EAAE,CAAC,KAAK,EAAE,GAAW,EAAE,EAAE,CACxE,MAAM,CAAC,MAAM,CAAC,aAAa,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAC1E,CAAA;AACH,CAAC;AAED,wFAAwF;AACxF,MAAM,UAAU,WAAW,CAAC,MAAoB;IAC9C,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,GAAG,MAAM,CAAA;IAC1C,OAAO,KAAK,CAAA;AACd,CAAC;AAED;;;;;GAKG;AACH,MAAM,CAAC,KAAK,UAAU,kBAAkB,CAAC,IAAY;IACnD,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,IAAI,CAAC,CAAA;IAClC,IAAI,CAAC,QAAQ,CAAC,EAAE;QAAE,MAAM,IAAI,KAAK,CAAC,8CAA8C,QAAQ,CAAC,MAAM,IAAI,CAAC,CAAA;IACpG,OAAO,CAAC,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAmB,CAAA;AAClD,CAAC"}

package/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "@unityevolv/ofiskit-ui-builder",
+  "version": "0.1.0",
+  "description": "The office builder: draw rooms and user areas on a background image and emit a template. Takes a layout, emits a layout; the host decides what to do with it.",
+  "license": "AGPL-3.0-only",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": { ".": { "types": "./dist/index.d.ts", "import": "./dist/index.js" } },
+  "files": ["dist"],
+  "sideEffects": false,
+  "publishConfig": { "access": "public" },
+  "repository": { "type": "git", "url": "git+https://github.com/UnityEvolv/ofis-kit.git", "directory": "packages/ui-builder" },
+  "scripts": { "build": "tsc -p tsconfig.json", "typecheck": "tsc -p tsconfig.json --noEmit" },
+  "dependencies": {
+    "@unityevolv/ofiskit-template": "0.1.0"
+  },
+  "peerDependencies": {
+    "@unityevolv/unitykit": ">=0.1.0",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  }
+}