fix: creating box shape persist issue

tldraw/apps/tldraw-logseq/src/lib/shapes/LogseqPortalShape.tsx

@@ -125,7 +125,7 @@ export class LogseqPortalShape extends TLBoxShape<LogseqPortalShapeProps> {
     const logseqLink = this.props.logseqLink
     if (logseqLink) {
       const f = () => app.pubEvent('whiteboard-go-to-link', logseqLink)
-      linkButton = <a class='ml-2' onMouseDown={f}>🔗 {logseqLink}</a>
+      linkButton = <a className='ml-2' onMouseDown={f}>🔗 {logseqLink}</a>
     }
 
     return (
@@ -141,7 +141,7 @@ export class LogseqPortalShape extends TLBoxShape<LogseqPortalShapeProps> {
       >
         {pageId && (
           <div
-            class='ls-whiteboard-card-header'
+            className="ls-whiteboard-card-header"
             style={{
               height: '32px',
               width: '100%',
@@ -152,7 +152,6 @@ export class LogseqPortalShape extends TLBoxShape<LogseqPortalShapeProps> {
             }}
           >
             {pageId}
-
             {linkButton}
           </div>
         )}

tldraw/demo/src/App.jsx

@@ -4,11 +4,11 @@ import { App as TldrawApp } from 'tldraw-logseq'
 const storingKey = 'playground.index'
 
 const onPersist = app => {
-  sessionStorage.setItem(storingKey, JSON.stringify(app.serialized))
+  window.sessionStorage.setItem(storingKey, JSON.stringify(app.serialized))
 }
 
 const onLoad = () => {
-  return JSON.parse(sessionStorage.getItem(storingKey))
+  return JSON.parse(window.sessionStorage.getItem(storingKey))
 }
 
 const documentModel = onLoad() ?? {
@@ -49,8 +49,6 @@ const Page = props => {
 }
 
 export default function App() {
-  const [app, setApp] = React.useState();
-  console.log(app) // demos how to get the Tldraw app instance
   return (
     <div className="h-screen w-screen">
       <TldrawApp
@@ -58,7 +56,6 @@ export default function App() {
         searchHandler={q => (q ? list : [])}
         model={documentModel}
         onPersist={onPersist}
-        onApp={setApp}
       />
     </div>
   )

tldraw/package.json

@@ -24,6 +24,7 @@
     "start:shapes": "lerna run start:shapes --stream",
     "start:tools": "lerna run start:tools --stream",
     "start": "lerna run start --stream --parallel",
+    "start:packages": "lerna run start:packages --parallel",
     "fix:style": "yarn run pretty-quick",
     "lerna": "lerna",
     "test": "lerna run test --stream",

tldraw/packages/core/src/lib/tools/TLBoxTool/states/CreatingState.tsx

@@ -87,6 +87,7 @@ export class CreatingState<
     if (!this.app.settings.isToolLocked) {
       this.app.transition('select')
     }
+    this.app.persist()
   }
 
   onWheel: TLStateEvents<S, K>['onWheel'] = (info, e) => {