@pixel-point/toolcraft 0.0.17 → 0.0.19

package/templates/ui/components/controls/file-drop/file-drop-types.ts

@@ -1,4 +1,4 @@
-import type { ReactElement } from "react";
+import type { ReactElement, ReactNode } from "react";
 
 import type {
   ActionControlIconName,
@@ -75,7 +75,20 @@ export type FileDropPresentation<
   status?: Status;
 };
 
+export type FileDropCollectionActions = {
+  addLabel?: string;
+  canAdd?: boolean;
+  itemLabel?: string;
+  name: string;
+  removeLabel?: string;
+  renderItemContent?: (
+    item: FileDropPresentationItem,
+    index: number,
+  ) => ReactNode;
+};
+
 type FileDropControlSharedProps<AssetKind extends string> = {
+  collectionActions?: FileDropCollectionActions;
   onClear?: () => void;
   onItemRemove?: (
     item: FileDropPresentationItem<AssetKind>,
@@ -108,27 +121,28 @@ type FileDropPresentationControlProps<
   previews?: never;
 };
 
-type FileDropLegacyControlProps = FileDropControlSharedProps<FileDropAssetKind> & {
-  accept?: string;
-  assetKind?: FileDropAssetKind;
-  multiple?: boolean;
-  onFileSelect?: (file: File) => void;
-  onFilesSelect?: (files: File[]) => void;
-  onFolderSelect?: never;
-  onAction?: never;
-  onItemRemove?: never;
-  onItemSelect?: never;
-  onItemsReorder?: never;
-  onPreviewRemove?: (preview: FileDropPreview, index: number) => void;
-  onPreviewReorder?: (orderedPreviews: FileDropPreview[]) => void;
-  onPreviewTransform?: (
-    preview: FileDropPreview,
-    operation: FileDropImageTransformOperation,
-  ) => void;
-  presentation?: undefined;
-  preview?: FileDropPreview;
-  previews?: readonly FileDropPreview[];
-};
+type FileDropLegacyControlProps =
+  FileDropControlSharedProps<FileDropAssetKind> & {
+    accept?: string;
+    assetKind?: FileDropAssetKind;
+    multiple?: boolean;
+    onFileSelect?: (file: File) => void;
+    onFilesSelect?: (files: File[]) => void;
+    onFolderSelect?: never;
+    onAction?: never;
+    onItemRemove?: never;
+    onItemSelect?: never;
+    onItemsReorder?: never;
+    onPreviewRemove?: (preview: FileDropPreview, index: number) => void;
+    onPreviewReorder?: (orderedPreviews: FileDropPreview[]) => void;
+    onPreviewTransform?: (
+      preview: FileDropPreview,
+      operation: FileDropImageTransformOperation,
+    ) => void;
+    presentation?: undefined;
+    preview?: FileDropPreview;
+    previews?: readonly FileDropPreview[];
+  };
 
 export type FileDropControlProps<
   AssetKind extends string = FileDropAssetKind,

package/templates/ui/components/controls/file-drop/index.ts

@@ -3,6 +3,7 @@
 export { FileDropControl } from "./file-drop-control";
 export type {
   FileDropAssetKind,
+  FileDropCollectionActions,
   FileDropControlProps,
   FileDropImageSize,
   FileDropImageTransform,

package/templates/ui/components/controls/index.ts

@@ -89,10 +89,12 @@ export type {
 export {
   CollectionActionsControl,
   CollectionActionsControl as CollectionActions,
+  CollectionItemGroups,
 } from "./collection-actions";
 export type {
   CollectionActionsControlProps,
   CollectionActionsControlProps as CollectionActionsProps,
+  CollectionItemGroupsProps,
 } from "./collection-actions";
 export { createControlHistoryGroupId } from "./control-types";
 export type {
@@ -118,6 +120,7 @@ export type {
 export { FileDropControl, FileDropControl as FileDrop } from "./file-drop";
 export type {
   FileDropAssetKind,
+  FileDropCollectionActions,
   FileDropControlProps,
   FileDropControlProps as FileDropProps,
   FileDropImageSize,

package/templates/ui/components/controls/range-slider/range-slider-control.tsx

@@ -52,7 +52,7 @@ export function RangeSliderControl({
   const liveHistoryGroupRef = React.useRef<string | null>(null);
   const resolvedValueLabel = valueLabel
     ? applySliderValueLabelUnit(valueLabel, unit)
-    : formatRangeSliderValue(rangeValue, unit);
+    : formatRangeSliderValue(rangeValue, step, unit);
 
   React.useEffect(() => {
     setRangeValue(value);

package/templates/ui/components/controls/range-slider/range-slider-value.test.ts

@@ -0,0 +1,14 @@
+import { describe, expect, it } from "vitest";
+
+import { formatRangeSliderValue } from "./range-slider-value";
+
+describe("formatRangeSliderValue", () => {
+  it("preserves the precision declared by the slider step", () => {
+    expect(formatRangeSliderValue([0.25, 0.77], 0.01)).toBe("0.25 – 0.77");
+    expect(formatRangeSliderValue([2.5, 7.5], 0.1, "%")).toBe("2.5% – 7.5%");
+  });
+
+  it("keeps integer ranges compact", () => {
+    expect(formatRangeSliderValue([20, 80], 1)).toBe("20 – 80");
+  });
+});

package/templates/ui/components/controls/range-slider/range-slider-value.ts

@@ -1,4 +1,4 @@
-import { applySliderValueLabelUnit } from "../slider/slider-value";
+import { formatSliderValueWithUnit } from "../slider/slider-value";
 
 const signedNumberPattern = "[-−]?\\d+(?:[.,]\\d+)?";
 const rangePairPattern = new RegExp(
@@ -8,10 +8,11 @@ const rangePairPattern = new RegExp(
 
 export function formatRangeSliderValue(
   value: readonly number[],
+  step: number,
   unit?: string,
 ): string {
   const formatValue = (item: number): string =>
-    applySliderValueLabelUnit(String(Math.round(item)), unit);
+    formatSliderValueWithUnit(item, step, unit);
 
   if (value.length >= 2 && value[0] === value[1]) {
     return formatValue(value[0] ?? 0);

package/templates/starter/scripts/toolcraft-browser-impact-selection.mjs

@@ -1,26 +0,0 @@
-const toRepoTestFile = (file) =>
-  file.startsWith("e2e/") ? file : `e2e/${file}`;
-
-export function selectToolcraftCurrentBrowserImpact({
-  files,
-  model,
-  semanticAcceptanceIds,
-}) {
-  const fileSet = new Set(files);
-  const rows = model.acceptance.filter(({ file }) =>
-    fileSet.has(toRepoTestFile(file)),
-  );
-  const exact =
-    rows.length > 0 &&
-    rows.every(({ acceptanceId }) =>
-      semanticAcceptanceIds.has(acceptanceId),
-    );
-  return Object.freeze({
-    acceptanceIds: Object.freeze(
-      exact ? rows.map(({ acceptanceId }) => acceptanceId) : [],
-    ),
-    domainIds: Object.freeze(
-      exact ? [] : [...new Set(rows.map(({ domainId }) => domainId))],
-    ),
-  });
-}

package/templates/starter/scripts/toolcraft-delivery-framework-refresh.test.mjs

@@ -1,141 +0,0 @@
-import assert from "node:assert/strict";
-import { readFileSync, writeFileSync } from "node:fs";
-import path from "node:path";
-import test from "node:test";
-
-import {
-  evaluateToolcraftIntegrity,
-} from "./check-toolcraft-integrity.mjs";
-import {
-  collectToolcraftDeliveryFunctionalContext,
-} from "./toolcraft-delivery-functional-context.mjs";
-import {
-  loadToolcraftDeliveryPlanningInputs,
-} from "./toolcraft-delivery-lifecycle.mjs";
-import {
-  EMPTY_TOOLCRAFT_DELIVERY_LIFECYCLE_STATE,
-} from "./toolcraft-delivery-lifecycle-state.mjs";
-import {
-  createToolcraftDeliveryPlan,
-} from "./toolcraft-delivery-plan.mjs";
-import {
-  createToolcraftFunctionalProofModelHash,
-} from "./toolcraft-functional-proof-model.mjs";
-import {
-  installToolcraftIntegrityFixture,
-} from "./toolcraft-integrity-test-utils.mjs";
-import {
-  TOOLCRAFT_DELIVERY_VERIFICATION_NARRATIVE,
-} from "./toolcraft-performance-authority-policy.mjs";
-import {
-  collectToolcraftVerificationInputs,
-} from "./toolcraft-verification-inventory.mjs";
-import {
-  createDeliveryFixture,
-  removeDeliveryFixture,
-} from "./run-delivery-verification-test-helpers.mjs";
-
-test("signed framework refresh preserves exact changed product proof", async (t) => {
-  const rootDir = createDeliveryFixture();
-  t.after(() => removeDeliveryFixture(rootDir));
-  await installToolcraftIntegrityFixture(rootDir);
-  writeFileSync(
-    path.join(rootDir, "docs", "toolcraft", "agent-worklog.md"),
-    `# Agent Worklog
-
-## Decision Trail
-
-### Framework refresh
-- Request: Update one product setting after regenerating Toolcraft.
-- Performance intent: ordinary-product-work
-- Verification: ${TOOLCRAFT_DELIVERY_VERIFICATION_NARRATIVE}
-
-## Verification
-Protected receipts own checks and evidence.
-`,
-  );
-  const manifestPath = path.join(
-    rootDir,
-    "src",
-    "toolcraft",
-    ".toolcraft-manifest.json",
-  );
-  const manifest = JSON.parse(readFileSync(manifestPath, "utf8"));
-  writeFileSync(
-    manifestPath,
-    `${JSON.stringify({
-      ...manifest,
-      description: "Previous signed generated framework.",
-    }, null, 2)}\n`,
-  );
-  const comparisonInventory =
-    await collectToolcraftVerificationInputs(rootDir);
-  const previousIntegrity = await evaluateToolcraftIntegrity({
-    inventory: comparisonInventory,
-    rootDir,
-  });
-  writeFileSync(
-    manifestPath,
-    `${JSON.stringify({
-      ...manifest,
-      description: "Current signed generated framework.",
-    }, null, 2)}\n`,
-  );
-  writeFileSync(
-    path.join(rootDir, "src", "app", "schema.ts"),
-    "export const schema = 2;\n",
-  );
-  const currentInventory =
-    await collectToolcraftVerificationInputs(rootDir);
-  const integrity = await evaluateToolcraftIntegrity({
-    inventory: currentInventory,
-    rootDir,
-  });
-  const functionalContext =
-    await collectToolcraftDeliveryFunctionalContext(rootDir);
-  const currentModel = functionalContext.currentFunctionalProofModel;
-  const inputs = await loadToolcraftDeliveryPlanningInputs({
-    currentInventory,
-    functionalContext,
-    integrity,
-    previous: {
-      anchor: {
-        files: comparisonInventory.entries,
-        functionalProofModel: currentModel,
-        functionalProofModelHash:
-          createToolcraftFunctionalProofModelHash(currentModel),
-        lifecycle: EMPTY_TOOLCRAFT_DELIVERY_LIFECYCLE_STATE,
-        performance: { kind: "none" },
-        sourceHash: comparisonInventory.sourceHash,
-      },
-      receipt: { version: 7 },
-    },
-    projectDir: rootDir,
-  });
-
-  assert.notEqual(integrity.manifestHash, previousIntegrity.manifestHash);
-  assert.equal(
-    functionalContext.frameworkOwnedPaths.includes(
-      "scripts/run-delivery-verification.mjs",
-    ),
-    true,
-  );
-  assert.equal(inputs.changeSet.frameworkChanged, true);
-  assert.equal(inputs.changeSet.platformChanged, false);
-  assert.deepEqual(
-    inputs.changeSet.impact.browserTestNames,
-    ["browser: focused acceptance"],
-  );
-  const plan = createToolcraftDeliveryPlan(inputs);
-  assert.deepEqual(
-    plan.steps.find(({ kind }) => kind === "browser-functional"),
-    {
-      kind: "browser-functional",
-      testNames: ["browser: focused acceptance"],
-    },
-  );
-  assert.equal(
-    plan.steps.filter(({ kind }) => kind === "browser-functional").length,
-    1,
-  );
-});