allow setContentStateFromText to be immediate

We have a use-case for content-state to be updated immediately when switching to a full-screen behavior. This should allow that to be possible
digirati-co-uk · Jul 3, 2024 · e74229e · e74229e
1 parent 05780c2
commit e74229e
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/packages/canvas-panel/src/helpers/content-state/content-state.ts b/packages/canvas-panel/src/helpers/content-state/content-state.ts
@@ -26,6 +26,7 @@ export type NormalisedContentState = {
   motivation: ['contentState', ...string[]];
   target: Array<SupportedTarget>;
   extensions: Record<string, any>;
+  immediate?: boolean;
 };
 
 /**

diff --git a/packages/canvas-panel/src/web-components/canvas-panel.tsx b/packages/canvas-panel/src/web-components/canvas-panel.tsx
@@ -219,11 +219,12 @@ export const CanvasPanel: FC<CanvasPanelProps> = (props) => {
         contentStateStack.current = [];
       },
 
-      setContentStateFromText(text: string) {
+      setContentStateFromText(text: string, immediate = false) {
         if (text == undefined || text.trim() === '') {
           return;
         }
         const contentState = normaliseContentState(parseContentState(text));
+        contentState.immediate = immediate;
         const firstTarget = contentState.target[0];
 
         if (canvasIdRef.current === firstTarget.source.id) {
@@ -234,7 +235,7 @@ export const CanvasPanel: FC<CanvasPanelProps> = (props) => {
             contentState.target[0].selector &&
             contentState.target[0].selector.type === 'BoxSelector'
           ) {
-            runtime.current.world.gotoRegion(contentState.target[0].selector.spatial);
+            runtime.current.world.gotoRegion({ ...contentState.target[0].selector.spatial, immediate });
           }
         } else {
           setParsedContentState(contentState);
@@ -275,6 +276,7 @@ export const CanvasPanel: FC<CanvasPanelProps> = (props) => {
                 y,
                 width,
                 height,
+                immediate: contentState.immediate,
               });
             } else {
               setParsedTarget(firstTarget);

diff --git a/packages/canvas-panel/src/web-components/sequence-panel.tsx b/packages/canvas-panel/src/web-components/sequence-panel.tsx
@@ -120,11 +120,12 @@ export function SequencePanel(props: SequencePanelProps) {
         return ContentStateEvent;
       },
 
-      setContentStateFromText(text: string) {
+      setContentStateFromText(text: string, immediate = false) {
         if (text == undefined || text.trim() === '') {
           return;
         }
         const contentState = normaliseContentState(parseContentState(text));
+        contentState.immediate = immediate;
         setParsedContentState(contentState);
       },
 
@@ -185,6 +186,7 @@ export function SequencePanel(props: SequencePanelProps) {
               y,
               width,
               height,
+              immediate: contentState.immediate,
             });
           }
         }