add scheme primitive representation to cse machine

Author: s-kybound

src/features/cseMachine/CseMachineUtils.ts

@@ -45,6 +45,7 @@ import {
   Primitive,
   ReferenceType
 } from './CseMachineTypes';
+import { isCustomPrimitive } from './utils/altLangs';
 
 // TODO: can make use of lodash
 /** Returns `true` if `x` is an object */
@@ -142,7 +143,14 @@ export function isBoolean(data: Data): data is boolean {
 
 /** Returns `true` if `data` is a primitive, defined as a null | data | number */
 export function isPrimitiveData(data: Data): data is Primitive {
-  return isUndefined(data) || isNull(data) || isString(data) || isNumber(data) || isBoolean(data);
+  return (
+    isUndefined(data) ||
+    isNull(data) ||
+    isString(data) ||
+    isNumber(data) ||
+    isBoolean(data) ||
+    isCustomPrimitive(data)
+  );
 }
 
 // TODO: remove this in the future once ES typings are updated to contain the new set functions

src/features/cseMachine/components/Text.tsx

@@ -6,6 +6,7 @@ import { Config, ShapeDefaultProps } from '../CseMachineConfig';
 import { Layout } from '../CseMachineLayout';
 import { Data, IHoverable } from '../CseMachineTypes';
 import { getTextWidth, setHoveredCursor, setUnhoveredCursor } from '../CseMachineUtils';
+import { isCustomPrimitive } from '../utils/altLangs';
 import { Visible } from './Visible';
 
 export interface TextOptions {
@@ -48,9 +49,13 @@ export class Text extends Visible implements IHoverable {
 
     const { fontSize, fontStyle, fontFamily, maxWidth, isStringIdentifiable } = this.options;
 
-    this.fullStr = this.partialStr = isStringIdentifiable
-      ? JSON.stringify(data) || String(data)
-      : String(data);
+    this.fullStr = this.partialStr =
+      // if the data is a custom primitive, use its toString method
+      isCustomPrimitive(data)
+        ? String(data)
+        : isStringIdentifiable
+        ? JSON.stringify(data) || String(data)
+        : String(data);
     this._height = fontSize;
     const widthOf = (s: string) => getTextWidth(s, `${fontStyle} ${fontSize}px ${fontFamily}`);
     if (widthOf(this.partialStr) > maxWidth) {