Merge branch 'master' into flip-curve

packages/graph-editor/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @tokens-studio/graph-editor
 
+## 4.3.0
+
+### Minor Changes
+
+- 9fed81e: Removes tsup completely to prevent bundling, and rather to use raw typescript compilation
+- fb46f15: Upgrade mafs library to latest & remove mathjax
+
+### Patch Changes
+
+- 02c859b: Fix an issue where create subgraph did not make the create inputs deletable
+- Updated dependencies [02c859b]
+- Updated dependencies [9fed81e]
+- Updated dependencies [64d2acd]
+- Updated dependencies [02c859b]
+- Updated dependencies [02c859b]
+- Updated dependencies [02c859b]
+- Updated dependencies [7b4a564]
+- Updated dependencies [02c859b]
+- Updated dependencies [02c859b]
+- Updated dependencies [fb46f15]
+  - @tokens-studio/graph-engine@4.0.0
+
 ## 4.2.0
 
 ### Minor Changes

packages/graph-editor/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tokens-studio/graph-editor",
-  "version": "4.2.0",
+  "version": "4.3.0",
   "description": "UI for the graph engine",
   "author": "[email protected]",
   "type": "module",
@@ -59,7 +59,6 @@
     "@tokens-studio/ui": "^0.6.9",
     "@xzdarcy/react-timeline-editor": "^0.1.9",
     "array-move": "^4.0.0",
-    "better-react-mathjax": "^2.0.3",
     "classnames": "^2.3.2",
     "cmdk": "^0.2.0",
     "copy-to-clipboard": "^3.3.3",
@@ -70,7 +69,7 @@
     "iconoir-react": "^7.6.0",
     "json5": "^2.2.3",
     "jszip": "^3.10.1",
-    "mafs": "^0.17.1",
+    "mafs": "^0.20.0",
     "mdn-data": "^2.3.2",
     "mobx-react-lite": "^4.0.5",
     "rc-dock": "^3.3.0",
@@ -108,7 +107,6 @@
     "@storybook/addon-mdx-gfm": "^8.0.9",
     "@storybook/react": "^8.0.9",
     "@storybook/react-vite": "^8.0.9",
-    "postcss-scss": "^4.0.9",
     "@tokens-studio/eslint-config-custom": "*",
     "@tokens-studio/prettier-config-custom": "*",
     "@types/graphlib": "^2.1.8",
@@ -126,6 +124,7 @@
     "postcss-import": "^16.1.0",
     "postcss-nested": "^6.2.0",
     "postcss-preset-env": "^10.0.5",
+    "postcss-scss": "^4.0.9",
     "resp": "^0.1.1",
     "resq": "^1.11.0",
     "start-server-and-test": "^2.0.4",
@@ -138,4 +137,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}

packages/graph-editor/src/components/preview/mathExpression.tsx

@@ -1,18 +1,13 @@
-import { MathJax, MathJaxContext } from 'better-react-mathjax';
 import { Text } from '@tokens-studio/ui';
 import React from 'react';
 
 export const MathExpression = ({ value }) => {
   return (
     <>
       {value && (
-        <MathJaxContext>
-          <Text
-            css={{ fontFamily: '$mono', fontSize: 'x-large', padding: '$5' }}
-          >
-            <MathJax>$${value}$$</MathJax>
-          </Text>
-        </MathJaxContext>
+        <Text css={{ fontFamily: '$mono', fontSize: 'x-large', padding: '$5' }}>
+          {value}
+        </Text>
       )}
     </>
   );

packages/graph-engine/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @tokens-studio/graph-engine
 
+## 4.0.0
+
+### Major Changes
+
+- 02c859b: Removed .getInput and .getRawInput from the Node. Direct access to the underlying ports are preferred over these utility methods
+- 02c859b: Removed .setOutput from the Node class, this should be replaced with direct port manipulation
+- 02c859b: Removed .getOutput from the node. This was never used and can rather be implemented as a utility method
+- 02c859b: Removed getAllOutputs from the Node definition, this was never used and can rather be implemented as a utility
+
+### Minor Changes
+
+- 9fed81e: Removes tsup completely to prevent bundling, and rather to use raw typescript compilation
+- 64d2acd: Add Replace Item node which lets you replace a specific item of an array.
+- 02c859b: Add typing/hasValue node that lets you check if a value is present
+- 02c859b: Add pad node that lets you fill a string to a certain lenght with a given character, like 25 to 025
+- 7b4a564: Add support for all colorjs color spaces in the color nodes like color to string
+- fb46f15: Upgrade mafs library to latest & remove mathjax
+
 ## 3.1.0
 
 ### Minor Changes

packages/graph-engine/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tokens-studio/graph-engine",
-  "version": "3.1.0",
+  "version": "4.0.0",
   "description": "An execution engine to handle Token Studios generators and resolvers",
   "license": "MPL-2.0",
   "author": "[email protected]",

packages/graph-engine/src/nodes/array/index.ts

@@ -7,6 +7,7 @@ import flatten from './flatten.js';
 import indexArray from './indexArray.js';
 import inject from './inject.js';
 import push from './push.js';
+import replace from './replace.js';
 import reverse from './reverse.js';
 import slice from './slice.js';
 import sort from './sort.js';
@@ -21,6 +22,7 @@ export const nodes = [
 	indexArray,
 	inject,
 	push,
+	replace,
 	reverse,
 	slice,
 	sort

packages/graph-engine/src/nodes/array/replace.ts

@@ -0,0 +1,59 @@
+import {
+	AnyArraySchema,
+	AnySchema,
+	NumberSchema
+} from '../../schemas/index.js';
+import { INodeDefinition, ToInput, ToOutput } from '../../index.js';
+import { Node } from '../../programmatic/node.js';
+
+export default class NodeDefinition<T> extends Node {
+	static title = 'Replace Item';
+	static type = 'studio.tokens.array.replace';
+	static description = 'Replaces an item in an array at a specified index.';
+
+	declare inputs: ToInput<{
+		array: T[];
+		item: T;
+		index: number;
+	}>;
+
+	declare outputs: ToOutput<{
+		array: T[];
+	}>;
+
+	constructor(props: INodeDefinition) {
+		super(props);
+		this.addInput('array', {
+			type: AnyArraySchema
+		});
+		this.addInput('item', {
+			type: AnySchema
+		});
+		this.addInput('index', {
+			type: NumberSchema
+		});
+		this.addOutput('array', {
+			type: AnyArraySchema
+		});
+	}
+
+	execute(): void | Promise<void> {
+		const { item, index, array } = this.getAllInputs();
+		const arrayType = this.inputs.array.type;
+		this.inputs.item.setType(arrayType.items);
+
+		// Create a copy of the array value
+		const result = [...array];
+
+		if (index >= 0 && index < result.length) {
+			result[index] = item;
+		} else if (index < 0 && Math.abs(index) <= result.length) {
+			// Handle negative indices by counting from the end
+			const actualIndex = result.length + index;
+			result[actualIndex] = item;
+		}
+
+		// Set the output using the modified result and the original array type
+		this.outputs.array.set(result, arrayType);
+	}
+}

packages/graph-engine/src/nodes/preview/mathExpression.ts

@@ -5,7 +5,11 @@ export default class NodeDefinition extends Node {
 	static title = 'Math Expression';
 	static type = 'studio.tokens.preview.mathExpression';
 
-	static description = 'Visuaize a math expression';
+	static description = 'Visualize a math expression';
+
+	static annotations: Record<string, unknown> = {
+		deprecated: true
+	};
 
 	constructor(props) {
 		super(props);

packages/graph-engine/tests/suites/nodes/array/replace.test.ts

@@ -0,0 +1,58 @@
+import { Graph } from '../../../../src/graph/graph.js';
+import { describe, expect, test } from 'vitest';
+import Node from '../../../../src/nodes/array/replace.js';
+
+describe('array/replace', () => {
+	test('replaces an item at a positive index', async () => {
+		const graph = new Graph();
+		const node = new Node({ graph });
+
+		node.inputs.array.setValue([1, 2, 3]);
+		node.inputs.item.setValue(4);
+		node.inputs.index.setValue(1);
+
+		await node.execute();
+
+		expect(node.outputs.array.value).to.eql([1, 4, 3]);
+	});
+
+	test('replaces an item at a negative index', async () => {
+		const graph = new Graph();
+		const node = new Node({ graph });
+
+		node.inputs.array.setValue([1, 2, 3]);
+		node.inputs.item.setValue(4);
+		node.inputs.index.setValue(-2);
+
+		await node.execute();
+
+		expect(node.outputs.array.value).to.eql([1, 4, 3]);
+	});
+
+	test('does not modify array when index is out of bounds', async () => {
+		const graph = new Graph();
+		const node = new Node({ graph });
+
+		node.inputs.array.setValue([1, 2, 3]);
+		node.inputs.item.setValue(4);
+		node.inputs.index.setValue(5);
+
+		await node.execute();
+
+		expect(node.outputs.array.value).to.eql([1, 2, 3]);
+	});
+
+	test('does not mutate the original array', async () => {
+		const graph = new Graph();
+		const node = new Node({ graph });
+
+		const originalArray = [1, 2, 3];
+		node.inputs.array.setValue(originalArray);
+		node.inputs.item.setValue(4);
+		node.inputs.index.setValue(1);
+
+		await node.execute();
+
+		expect(originalArray).to.eql([1, 2, 3]);
+	});
+});

packages/migrations/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @tokens-studio/graph-engine
 
+## 0.14.0
+
+### Minor Changes
+
+- 9fed81e: Removes tsup completely to prevent bundling, and rather to use raw typescript compilation
+
+### Patch Changes
+
+- Updated dependencies [02c859b]
+- Updated dependencies [9fed81e]
+- Updated dependencies [64d2acd]
+- Updated dependencies [02c859b]
+- Updated dependencies [02c859b]
+- Updated dependencies [02c859b]
+- Updated dependencies [7b4a564]
+- Updated dependencies [02c859b]
+- Updated dependencies [02c859b]
+- Updated dependencies [fb46f15]
+  - @tokens-studio/graph-engine@4.0.0
+
 ## 0.13.0
 
 ### Minor Changes

packages/migrations/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tokens-studio/graph-engine-migration",
-  "version": "0.13.0",
+  "version": "0.14.0",
   "description": "A package to upgrade old graph engine files to the new format",
   "license": "MPL-2.0",
   "author": "[email protected]",