likec4 0.53.0 → 0.56.0

package/dist/@likec4/core/errors/index.js

@@ -44,28 +44,13 @@ export class RelationRefError extends BaseError {
   }
 }
 export function normalizeError(e) {
-  if (e instanceof BaseError) {
+  if (e instanceof BaseError || e instanceof Error) {
     return e;
   }
-  if (e instanceof Error) {
-    return new UnknownError(e.message, { cause: e });
-  }
-  if (e === null || e === void 0) {
-    return new UnknownError("Undefined error");
-  }
   const message = isString(e) ? e : stringify(e);
-  return new UnknownError(message);
-}
-export function serializeError(e) {
-  const error = normalizeError(e);
-  return {
-    name: error.name,
-    message: error.stack ? error.stack : `${error.name}: ${error.message}`,
-    error
-  };
-}
-export function throwNormalizedError(e) {
-  throw normalizeError(e);
+  const error = new UnknownError(message);
+  Error.captureStackTrace(error, normalizeError);
+  return error;
 }
 export function invariant(condition, message) {
   if (condition) {

package/dist/@likec4/diagrams/components/FullscreenDiagramBrowser.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { invariant } from "@likec4/core";
-import { useSyncedRef } from "@react-hookz/web/esm";
+import { useSyncedRef } from "@react-hookz/web";
 import { useCallback } from "react";
 import { createPortal } from "react-dom";
 import { useViewIdFromHash } from "../hooks/useViewIdFromHash.js";

package/dist/@likec4/diagrams/components/primitives/fullscreen/FullscreenDiagram.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { invariant } from "@likec4/core";
-import { useKeyboardEvent, useMeasure } from "@react-hookz/web/esm";
+import { useKeyboardEvent, useMeasure } from "@react-hookz/web";
 import { disableBodyScroll, enableBodyScroll } from "body-scroll-lock-upgrade";
 import { useEffect, useRef } from "react";
 import { Diagram } from "../../../diagram/Diagram.js";

package/dist/@likec4/diagrams/components/primitives/responsive/ResponsiveDiagram.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { useMeasure } from "@react-hookz/web/esm";
+import { useMeasure } from "@react-hookz/web";
 import { forwardRef } from "react";
 import { Diagram } from "../../../diagram/index.js";
 export const ResponsiveDiagram = /* @__PURE__ */ forwardRef(

package/dist/@likec4/diagrams/diagram/Diagram.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { nonNullable, defaultTheme as theme } from "@likec4/core";
-import { useHookableRef, useUpdateEffect } from "@react-hookz/web/esm";
+import { useHookableRef, useUpdateEffect } from "@react-hookz/web";
 import { useSpring } from "@react-spring/konva";
 import { clamp, isNil } from "rambdax";
 import { forwardRef, useEffect, useImperativeHandle, useRef } from "react";

package/dist/@likec4/diagrams/diagram/nodes/NodeLinkBtn.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { invariant } from "@likec4/core";
 import { isEqualSimple } from "@react-hookz/deep-equal/esnext";
-import { useToggle } from "@react-hookz/web/esm";
+import { useToggle } from "@react-hookz/web";
 import { useSpring } from "@react-spring/konva";
 import { mix, toHex } from "khroma";
 import { memo } from "react";

package/dist/@likec4/diagrams/diagram/nodes/NodeZoomBtn.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { isEqualSimple } from "@react-hookz/deep-equal/esnext";
-import { useToggle } from "@react-hookz/web/esm";
+import { useToggle } from "@react-hookz/web";
 import { useSpring } from "@react-spring/konva";
 import { lighten, mix, toHex } from "khroma";
 import { memo } from "react";

package/dist/@likec4/diagrams/hooks/useImageLoader.js

@@ -1,5 +1,5 @@
 import { useLayoutEffect, useRef, useState } from "react";
-import { useIsMounted } from "@react-hookz/web/esm";
+import { useIsMounted } from "@react-hookz/web";
 import { invariant } from "@likec4/core";
 const imageElements = /* @__PURE__ */ new Map();
 export default function useImageLoader(url, crossOrigin, referrerpolicy) {

package/dist/@likec4/diagrams/hooks/usePrefersLightMode.js

@@ -1,4 +1,4 @@
-import { useMediaQuery } from "@react-hookz/web/esm";
+import { useMediaQuery } from "@react-hookz/web";
 const COLOR_SCHEME_QUERY = "(prefers-color-scheme: light)";
 export function usePrefersLightMode() {
   return useMediaQuery(COLOR_SCHEME_QUERY);

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

@@ -1,6 +1,6 @@
 import { MoonIcon } from '@radix-ui/react-icons';
 import { IconButton, ThemePanel } from '@radix-ui/themes';
-import { useToggle } from '@react-hookz/web/esm';
+import { useToggle } from '@react-hookz/web';
 export const ThemePanelToggle = import.meta.env.PROD
     ? () => null
     : () => {

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

@@ -1,5 +1,5 @@
 import { Box, Button, Flex, IconButton, ScrollArea, Separator } from '@radix-ui/themes';
-import { useClickOutside, useToggle } from '@react-hookz/web/esm';
+import { useClickOutside, useToggle } from '@react-hookz/web';
 import { HamburgerMenuIcon, ArrowLeftIcon } from '@radix-ui/react-icons';
 import { useRef } from 'react';
 import { cn } from '../../utils';

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

@@ -1,6 +1,6 @@
 import { Diagram, useDiagramApi } from '@likec4/diagrams';
 import { Box, Portal } from '@radix-ui/themes';
-import { useDebouncedEffect } from '@react-hookz/web/esm';
+import { useDebouncedEffect } from '@react-hookz/web';
 import { memo, useRef } from 'react';
 function downloadBlob(blob, name) {
     // Convert your blob into a Blob URL (a special url that points to an object in the browser's memory)

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

@@ -1,5 +1,5 @@
 import { Diagram } from '@likec4/diagrams';
-import { useWindowSize } from '@react-hookz/web/esm';
+import { useWindowSize } from '@react-hookz/web';
 import { DiagramNotFound } from '../components';
 import { useLikeC4View } from '../data';
 import { useTransparentBackground } from './useTransparentBackground';

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

@@ -1,5 +1,5 @@
 import { Diagram } from '@likec4/diagrams';
-import { useWindowSize } from '@react-hookz/web/esm';
+import { useWindowSize } from '@react-hookz/web';
 import { DiagramNotFound } from '../components';
 import { useLikeC4View } from '../data';
 import { useTransparentBackground } from './useTransparentBackground';

package/dist/__app__/src/pages/index-page/index.jsx

@@ -1,6 +1,6 @@
 import { Diagram } from '@likec4/diagrams';
 import { Box, Card, Container, Flex, Heading, IconButton, Inset, Section, Separator, Text } from '@radix-ui/themes';
-import { useDebouncedEffect } from '@react-hookz/web/esm';
+import { useDebouncedEffect } from '@react-hookz/web';
 import { useAtomValue } from 'jotai';
 import { memo, useState } from 'react';
 import { isEmpty } from 'remeda';

package/dist/__app__/src/pages/useTransparentBackground.js

@@ -1,4 +1,4 @@
-import { useIsomorphicLayoutEffect } from '@react-hookz/web/esm';
+import { useIsomorphicLayoutEffect } from '@react-hookz/web';
 // To get the transparent background
 // We need to add a class to the HTML element
 export function useTransparentBackground(enabled = true) {

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

@@ -1,6 +1,6 @@
 import { Diagram, useDiagramApi } from '@likec4/diagrams';
 import { Box } from '@radix-ui/themes';
-import { useWindowSize } from '@react-hookz/web/esm';
+import { useWindowSize } from '@react-hookz/web';
 import { useCallback, useEffect, useRef } from 'react';
 import { $pages } from '../../router';
 import { cn } from '../../utils';

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

@@ -1,5 +1,5 @@
 import { Box, Button, Code, ScrollArea } from '@radix-ui/themes';
-import { useAsync } from '@react-hookz/web/esm';
+import { useAsync } from '@react-hookz/web';
 import { d2Source } from 'virtual:likec4/d2-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,5 +1,5 @@
 import { Box, Code, ScrollArea } from '@radix-ui/themes';
-import { useAsync } from '@react-hookz/web/esm';
+import { useAsync } from '@react-hookz/web';
 import { useEffect } from 'react';
 import { mmdSource } from 'virtual:likec4/mmd-sources';
 import { CopyToClipboard } from '../../../components';