[minor changes] Trims jsx text childrens of visual ui elements

Protofy-xyz · Jul 5, 2024 · ecf12c5 · ecf12c5
1 parent b7d2c1e
commit ecf12c5
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 18 deletions.
diff --git a/packages/app/bundles/custom/pages/home.tsx b/packages/app/bundles/custom/pages/home.tsx
@@ -1,21 +1,21 @@
 import React, { useState } from "react";
 import { Theme } from "@my/ui";
-import {Page} from 'protolib/components/Page'
-import {Text} from 'protolib/components/Text'
-import {Pressable} from 'protolib/components/Pressable'
-import {Icon} from 'protolib/components/Icon'
-import VStack from 'protolib/components/VStack'
-import HStack from 'protolib/components/HStack'
-import Image from 'protolib/components/Image'
-import {useComposedState} from 'protolib/lib/useComposedState'
-import {withSession } from "protolib/lib/Session"
-import {useEditor} from 'protolib/visualui/useEdit'
-import {SSR} from 'protolib/lib/SSR'
-import {UIWrapLib, UIWrap} from 'protolib/visualui/visualuiWrapper'
+import { Page } from "protolib/components/Page";
+import { Text } from "protolib/components/Text";
+import { Pressable } from "protolib/components/Pressable";
+import { Icon } from "protolib/components/Icon";
+import VStack from "protolib/components/VStack";
+import HStack from "protolib/components/HStack";
+import Image from "protolib/components/Image";
+import { useComposedState } from "protolib/lib/useComposedState";
+import { withSession } from "protolib/lib/Session";
+import { useEditor } from "protolib/visualui/useEdit";
+import { SSR } from "protolib/lib/SSR";
+import { UIWrapLib, UIWrap } from "protolib/visualui/visualuiWrapper";
 import { DefaultLayout } from "../../../layout/DefaultLayout";
 import { Protofy } from "protolib/base";
 import { context } from "app/bundles/uiContext";
-import { useRouter } from 'solito/navigation';
+import { useRouter } from "solito/navigation";
 import { Objects } from "app/bundles/objects";
 
 const isProtected = Protofy("protected", false);
@@ -24,7 +24,7 @@ const Home = ({ currentView, setCurrentView, props }: any) => {
   const { cs, states } = useComposedState();
 
   const router = useRouter();
-  context.onRender(async () => { });
+  context.onRender(async () => {});
   return (
     <Page height="99vh">
       <DefaultLayout footer={<></>}>
@@ -73,7 +73,7 @@ const Home = ({ currentView, setCurrentView, props }: any) => {
   );
 };
 
-const cw = UIWrapLib('@my/ui')
+const cw = UIWrapLib("@my/ui");
 
 export default {
   route: Protofy("route", "/"),
@@ -84,12 +84,12 @@ export default {
       path: "/packages/app/bundles/custom/pages/home.tsx",
       components: {
         ...UIWrap("DefaultLayout", DefaultLayout, "../../../layout/DefaultLayout"),
-        ...cw("Theme", Theme)
+        ...cw("Theme", Theme),
       },
       context: {
         currentView: currentView,
         setCurrentView: setCurrentView,
-        Objects: Objects
+        Objects: Objects,
       },
     });
   },

diff --git a/packages/visualui/src/models/Source.ts b/packages/visualui/src/models/Source.ts
@@ -188,7 +188,7 @@ export class Source {
         // GET JsxText Children
         const jsxText = this.getJsxTextOfJsxElement(node)
         if (jsxText && jsxText.getText()) {
-            props = { ...props, "children": jsxText.getText() }
+            props = { ...props, "children": jsxText.getText()?.trim() }
             custom = { ...custom, "children": "StringLiteral" }
         }