likec4 0.56.0 → 0.57.1

package/dist/__app__/src/components/CopyToClipboard.jsx

@@ -12,17 +12,18 @@ export function CopyToClipboard({ text }) {
         setCopied(false);
     }, [text]);
     useEffect(() => {
-        if (copied) {
-            const timeout = setTimeout(() => {
-                setCopied(false);
-            }, 800);
-            return () => clearTimeout(timeout);
+        if (!copied) {
+            return;
         }
+        const timeout = setTimeout(() => {
+            setCopied(false);
+        }, 800);
+        return () => clearTimeout(timeout);
     }, [copied]);
-    return (<Box position='absolute' top={'0'} right={'0'} p={'4'}>
+    return (<Box position="absolute" top={'0'} right={'0'} p={'4'}>
       <Tooltip content={copied ? 'Copied!' : 'Copy to clipboard'} {...(copied ? { open: true } : {})}>
-        <IconButton variant='soft' color={copied ? 'green' : undefined} size={'2'} radius='large' onClick={copy} data-copied={copied} className={styles.copyButton}>
-          {copied ? (<CheckCircledIcon width={16} height={16}/>) : (<CopyIcon width={16} height={16}/>)}
+        <IconButton variant="soft" color={copied ? 'green' : undefined} size={'2'} radius="large" onClick={copy} data-copied={copied} className={styles.copyButton}>
+          {copied ? <CheckCircledIcon width={16} height={16}/> : <CopyIcon width={16} height={16}/>}
         </IconButton>
       </Tooltip>
     </Box>);

package/dist/__app__/src/components/sidebar/DiagramsTree.jsx

@@ -1,6 +1,6 @@
 import { DashboardIcon, TriangleRightIcon } from '@radix-ui/react-icons';
 import { Box, Flex, Text } from '@radix-ui/themes';
-import TreeView from 'react-accessible-treeview';
+import TreeView, {} from 'react-accessible-treeview';
 import { useDiagramsTree } from '../../data';
 import { $pages, useRoute } from '../../router';
 import { cn } from '../../utils';

package/dist/__app__/src/components/view-page/ViewActions.jsx

@@ -1,3 +1,4 @@
+import {} from '@likec4/diagrams';
 import { CaretDownIcon, Share1Icon as ShareIcon } from '@radix-ui/react-icons';
 import { Button, Dialog, DropdownMenu, Flex, Text } from '@radix-ui/themes';
 import React, { useState } from 'react';

package/dist/__app__/src/pages/view-page/other-formats/ViewAsD2.jsx

@@ -1,4 +1,4 @@
-import { Box, Button, Code, ScrollArea } from '@radix-ui/themes';
+import { Box, Button, Code, Flex, ScrollArea } from '@radix-ui/themes';
 import { useAsync } from '@react-hookz/web';
 import { d2Source } from 'virtual:likec4/d2-sources';
 import { CopyToClipboard } from '../../../components';

package/dist/__app__/src/pages/view-page/other-formats/ViewAsDot.jsx

@@ -1,4 +1,4 @@
-import { Box, Code, ScrollArea } from '@radix-ui/themes';
+import { Box, Code, Grid, ScrollArea } from '@radix-ui/themes';
 import { dotSource, svgSource } from 'virtual:likec4/dot-sources';
 import { CopyToClipboard } from '../../../components';
 import { Panel, PanelGroup, PanelResizeHandle } from 'react-resizable-panels';

package/dist/__app__/src/pages/view-page/other-formats/ViewAsMmd.jsx

@@ -1,4 +1,4 @@
-import { Box, Code, ScrollArea } from '@radix-ui/themes';
+import { Box, Code, Flex, ScrollArea } from '@radix-ui/themes';
 import { useAsync } from '@react-hookz/web';
 import { useEffect } from 'react';
 import { mmdSource } from 'virtual:likec4/mmd-sources';

package/dist/__app__/src/pages/view.page.jsx

@@ -1,7 +1,8 @@
-import { Suspense } from 'react';
+import { Fragment, Suspense } from 'react';
 import { DiagramNotFound } from '../components';
 import { Header } from '../components/view-page/Header';
 import { useLikeC4View } from '../data';
+import { useSearchParams } from '../router';
 import { ViewAs, ViewAsReact } from './view-page';
 export function ViewPage({ viewId, viewMode, showUI = true }) {
     const diagram = useLikeC4View(viewId);