example app shows complex test shapes

sdk/js/examples/multi-framework-signals/src/frontends/react/HelloWorld.tsx

@@ -72,7 +72,7 @@ INSERT DATA {
         `;
 
 export function HelloWorldReact() {
-    const state = useShape(BasicShapeType);
+    const state = useShape(TestObjectShapeType);
     const objects = [...(state || [])];
 
     // @ts-expect-error

sdk/js/examples/multi-framework-signals/src/frontends/svelte/HelloWorld.svelte

@@ -2,8 +2,9 @@
   import { useShape } from "@ng-org/signals/svelte";
   import flattenObject from "../utils/flattenObject";
   import { BasicShapeType } from "../../shapes/orm/basic.shapeTypes";
+  import { TestObjectShapeType } from "../../shapes/orm/testShape.shapeTypes";
 
-  const shapeObjects = useShape(BasicShapeType);
+  const shapeObjects = useShape(TestObjectShapeType);
 
   function getNestedValue(obj: any, path: string) {
     return path

sdk/js/examples/multi-framework-signals/src/frontends/vue/HelloWorld.vue

@@ -6,7 +6,7 @@ import { TestObjectShapeType } from "../../shapes/orm/testShape.shapeTypes";
 import { BasicShapeType } from "../../shapes/orm/basic.shapeTypes";
 
 // Acquire deep signal object (proxy) for a shape; scope second arg left empty string for parity
-const shapeObjects = useShape(BasicShapeType);
+const shapeObjects = useShape(TestObjectShapeType);
 
 // Expose for devtools exploration
 // @ts-ignore

sdk/js/examples/multi-framework-signals/src/shapes/orm/testShape.schema.ts

@@ -110,7 +110,11 @@ export const testShapeSchema: Schema = {
         dataTypes: [
           {
             valType: "literal",
-            literals: ["lit1", "lit2"],
+            literals: ["lit1"],
+          },
+          {
+            valType: "literal",
+            literals: ["lit2"],
           },
         ],
         maxCardinality: 1,

sdk/js/examples/multi-framework-signals/src/shapes/orm/testShape.typings.ts

@@ -73,5 +73,5 @@ export interface TestObject {
   /**
    * Original IRI: http://example.org/lit1Or2
    */
-  lit1Or2: "lit1" | "lit2";
+  lit1Or2: string | string;
 }

sdk/js/examples/multi-framework-signals/src/shapes/shex/testShape.shex

@@ -17,5 +17,5 @@ ex:TestObjectShape EXTRA a {
     ex:prop2 xsd:integer ;
   } * ;
   ex:numOrStr xsd:string OR xsd:integer ;
-  ex:lit1Or2 ["lit1" "lit2"] ;
+  ex:lit1Or2 ["lit1"] OR ["lit2"] ;
 }