Expose context in BaseValue (#66)

packages/libs/designer-decisions/src/primitives/base/createBaseValue.ts

@@ -0,0 +1,5 @@
+import type { BaseValueAbstract, DecisionValueContext } from '../../types';
+
+export const createBaseValue = (context: DecisionValueContext): BaseValueAbstract => ({
+    context: () => context,
+});

packages/libs/designer-decisions/src/primitives/base/index.ts

@@ -0,0 +1,2 @@
+// @index(['./*.{ts,tsx}', './!(private|parts|functions)*/index.{ts,tsx}'], f => `export * from '${f.path.replace(/\/index$/, '')}';`)
+export * from './createBaseValue';

packages/libs/designer-decisions/src/primitives/color/oklab-chroma-scale/createOklabChromaScale.ts

@@ -1,4 +1,5 @@
 import type { DecisionValueContext, OklabChromaScale, OklabChromaValue } from '../../../types';
+import { createBaseValue } from '../../base';
 import { createItemSet } from '../../set';
 
 export const createOklabChromaScale = (
@@ -10,6 +11,7 @@ export const createOklabChromaScale = (
     const items = createItemSet(input);
 
     return {
+        ...createBaseValue(context),
         get: () => items,
     };
 };

packages/libs/designer-decisions/src/primitives/color/oklab-chroma-value/createOklabChromaValue.ts

@@ -1,4 +1,5 @@
 import type { ColorOklabChroma, DecisionValueContext, OklabChromaValue } from '../../../types';
+import { createBaseValue } from '../../base';
 import { createColorValue } from '../value';
 
 import { resolveOklabChromaValue } from './resolveOklabChromaValue';
@@ -12,6 +13,7 @@ export const createOklabChromaValue = (
     const value = resolveOklabChromaValue(context, input);
 
     return {
+        ...createBaseValue(context),
         get: () => value,
         toColor: components => {
             const { h, l } = components;

packages/libs/designer-decisions/src/primitives/color/oklab-hue-set/createOklabHueSet.ts

@@ -1,4 +1,5 @@
 import type { DecisionValueContext, OklabHueSet, OklabHueValue } from '../../../types';
+import { createBaseValue } from '../../base';
 import { createItemSet } from '../../set';
 
 export const createOklabHueSet = (
@@ -10,6 +11,7 @@ export const createOklabHueSet = (
     const items = createItemSet(input);
 
     return {
+        ...createBaseValue(context),
         get: () => items,
     };
 };

packages/libs/designer-decisions/src/primitives/color/oklab-hue-value/createOklabHueValue.ts

@@ -1,4 +1,5 @@
 import type { ColorOklabHue, DecisionValueContext, OklabHueValue } from '../../../types';
+import { createBaseValue } from '../../base';
 import { createColorValue } from '../value';
 
 import { resolveOklabHueValue } from './resolveOklabHueValue';
@@ -12,6 +13,7 @@ export const createOklabHueValue = (
     const value = resolveOklabHueValue(context, input);
 
     return {
+        ...createBaseValue(context),
         get: () => value,
         toColor: components => {
             const { l, c } = components;

packages/libs/designer-decisions/src/primitives/color/oklab-lightness-scale/createOklabLightnessScale.ts

@@ -3,6 +3,7 @@ import type {
     OklabLightnessScale,
     OklabLightnessValue,
 } from '../../../types';
+import { createBaseValue } from '../../base';
 import { createItemSet } from '../../set';
 
 export const createOklabLightnessScale = (
@@ -14,6 +15,7 @@ export const createOklabLightnessScale = (
     const items = createItemSet(input);
 
     return {
+        ...createBaseValue(context),
         get: () => items,
     };
 };

packages/libs/designer-decisions/src/primitives/color/oklab-lightness-value/createOklabLightnessValue.ts

@@ -3,6 +3,7 @@ import type {
     DecisionValueContext,
     OklabLightnessValue,
 } from '../../../types';
+import { createBaseValue } from '../../base';
 import { createColorValue } from '../value';
 
 import { resolveOklabLightnessValue } from './resolveOklabLightnessValue';
@@ -16,6 +17,7 @@ export const createOklabLightnessValue = (
     const value = resolveOklabLightnessValue(context, input);
 
     return {
+        ...createBaseValue(context),
         get: () => value,
         toColor: components => {
             const { c, h } = components;

packages/libs/designer-decisions/src/primitives/color/set/createColorSet.ts

@@ -1,4 +1,5 @@
 import type { ColorSet, ColorValue, DecisionValueContext } from '../../../types';
+import { createBaseValue } from '../../base';
 import { createItemSet } from '../../set';
 
 export const createColorSet = (context: DecisionValueContext, input: ColorValue[]): ColorSet => {
@@ -7,6 +8,7 @@ export const createColorSet = (context: DecisionValueContext, input: ColorValue[
     const items = createItemSet(input);
 
     return {
+        ...createBaseValue(context),
         get: () => items,
     };
 };

packages/libs/designer-decisions/src/primitives/color/srgb-hue-set/createSRGBHueSet.ts

@@ -1,4 +1,5 @@
 import type { DecisionValueContext, SRGBHueSet, SRGBHueValue } from '../../../types';
+import { createBaseValue } from '../../base';
 import { createItemSet } from '../../set';
 
 export const createSRGBHueSet = (
@@ -10,6 +11,7 @@ export const createSRGBHueSet = (
     const items = createItemSet(input);
 
     return {
+        ...createBaseValue(context),
         get: () => items,
     };
 };

packages/libs/designer-decisions/src/primitives/color/srgb-hue-value/createSRGBHueValue.ts

@@ -1,4 +1,5 @@
 import type { ColorSRGBHue, DecisionValueContext, SRGBHueValue } from '../../../types';
+import { createBaseValue } from '../../base';
 import { createColorValue } from '../value';
 
 import { resolveSRGBHueValue } from './resolveSRGBHueValue';
@@ -12,6 +13,7 @@ export const createSRGBHueValue = (
     const value = resolveSRGBHueValue(context, input);
 
     return {
+        ...createBaseValue(context),
         get: () => value,
         toColor: components => {
             const { s, l } = components;

packages/libs/designer-decisions/src/primitives/color/srgb-lightness-scale/createSRGBLightnessScale.ts

@@ -1,4 +1,5 @@
 import type { DecisionValueContext, SRGBLightnessScale, SRGBLightnessValue } from '../../../types';
+import { createBaseValue } from '../../base';
 import { createItemSet } from '../../set';
 
 export const createSRGBLightnessScale = (
@@ -10,6 +11,7 @@ export const createSRGBLightnessScale = (
     const items = createItemSet(input);
 
     return {
+        ...createBaseValue(context),
         get: () => items,
     };
 };

packages/libs/designer-decisions/src/primitives/color/srgb-lightness-value/createSRGBLightnessValue.ts

@@ -1,4 +1,5 @@
 import type { ColorSRGBLightness, DecisionValueContext, SRGBLightnessValue } from '../../../types';
+import { createBaseValue } from '../../base';
 import { createColorValue } from '../value';
 
 import { resolveSRGBLightnessValue } from './resolveSRGBLightnessValue';
@@ -12,6 +13,7 @@ export const createSRGBLightnessValue = (
     const value = resolveSRGBLightnessValue(context, input);
 
     return {
+        ...createBaseValue(context),
         get: () => value,
         toColor: components => {
             const { h, s } = components;

packages/libs/designer-decisions/src/primitives/color/srgb-saturation-scale/createSRGBSaturationScale.ts

@@ -3,6 +3,7 @@ import type {
     SRGBSaturationScale,
     SRGBSaturationValue,
 } from '../../../types';
+import { createBaseValue } from '../../base';
 import { createItemSet } from '../../set';
 
 export const createSRGBSaturationScale = (
@@ -14,6 +15,7 @@ export const createSRGBSaturationScale = (
     const items = createItemSet(input);
 
     return {
+        ...createBaseValue(context),
         get: () => items,
     };
 };

packages/libs/designer-decisions/src/primitives/color/srgb-saturation-value/createSRGBSaturationValue.ts

@@ -3,6 +3,7 @@ import type {
     DecisionValueContext,
     SRGBSaturationValue,
 } from '../../../types';
+import { createBaseValue } from '../../base';
 import { createColorValue } from '../value';
 
 import { resolveSRGBSaturationValue } from './resolveSRGBSaturationValue';
@@ -16,6 +17,7 @@ export const createSRGBSaturationValue = (
     const value = resolveSRGBSaturationValue(context, input);
 
     return {
+        ...createBaseValue(context),
         get: () => value,
         toColor: components => {
             const { h, l } = components;

packages/libs/designer-decisions/src/primitives/color/value/createColorValue.ts

@@ -7,6 +7,7 @@ import type {
     ColorValue,
     DecisionValueContext,
 } from '../../../types';
+import { createBaseValue } from '../../base';
 
 import { resolveColorValue } from './resolveColorValue';
 
@@ -53,6 +54,7 @@ export const createColorValue = (
     };
 
     return {
+        ...createBaseValue(context),
         get: () => value,
         toObject,
         toString,

packages/libs/designer-decisions/src/primitives/space/scale/createSpaceScale.ts

@@ -1,4 +1,5 @@
 import type { DecisionValueContext, SpaceScale, SpaceValue } from '../../../types';
+import { createBaseValue } from '../../base';
 import { createItemSet } from '../../set';
 
 export const createSpaceScale = (
@@ -10,6 +11,7 @@ export const createSpaceScale = (
     const items = createItemSet(input);
 
     return {
+        ...createBaseValue(context),
         get: () => items,
     };
 };

packages/libs/designer-decisions/src/primitives/space/value/createSpaceValue.ts

@@ -1,4 +1,5 @@
 import type { DecisionValueContext, SpaceInputValue, SpaceValue } from '../../../types';
+import { createBaseValue } from '../../base';
 
 import { resolveSpaceValue } from './resolveSpaceValue';
 
@@ -11,6 +12,7 @@ export const createSpaceValue = (
     const value = resolveSpaceValue(context, input);
 
     return {
+        ...createBaseValue(context),
         get: () => String(value.value) + value.units,
         getValueWithUnits: () => value,
     };

packages/libs/designer-decisions/src/types/primitive-values/base.ts

@@ -1,4 +1,10 @@
-export type BaseValue<T> = {
+import type { DecisionValueContext } from '../decision-values';
+
+export type BaseValueAbstract = {
+    context(): DecisionValueContext;
+};
+
+export type BaseValue<T> = BaseValueAbstract & {
     get(): T;
 };