format: format with biome

2025-11-24 22:20:40 -05:00
parent 01edded95a
commit 6fd531d9c3
41 changed files with 1025 additions and 667 deletions
--- a/packages/react-native-opentui/index.tsx
+++ b/packages/react-native-opentui/index.tsx
@@ -5,10 +5,8 @@ import type {
  PressableProps,
  ScrollViewProps,
  ModalProps,
-
  StyleProp,
  ViewStyle,
-
  LinkingImpl,
 } from "react-native";
 import { useTerminalDimensions } from "@opentui/react";
@@ -22,187 +20,205 @@ const RATIO_HEIGHT = 17;
 function attr<K extends keyof ViewStyle>(
  style: StyleProp<ViewStyle>,
  name: K,
-  type: "string"
+  type: "string",
 ): Extract<ViewStyle[K], string> | undefined;

 function attr<K extends keyof ViewStyle>(
  style: StyleProp<ViewStyle>,
  name: K,
-  type: "number"
+  type: "number",
 ): Extract<ViewStyle[K], number> | undefined;

 function attr<K extends keyof ViewStyle>(
  style: StyleProp<ViewStyle>,
  name: K,
-  type: "boolean"
+  type: "boolean",
 ): Extract<ViewStyle[K], boolean> | undefined;

 function attr<K extends keyof ViewStyle>(
  style: StyleProp<ViewStyle>,
  name: K,
-  type: "string" | "number" | "boolean"
+  type: "string" | "number" | "boolean",
 ) {
  if (!style) return undefined;

-  const obj: ViewStyle =
-    Array.isArray(style)
-      ? Object.assign({}, ...style.filter(Boolean))
-      : (style as ViewStyle);
+  const obj: ViewStyle = Array.isArray(style)
+    ? Object.assign({}, ...style.filter(Boolean))
+    : (style as ViewStyle);

  const v = obj[name];
  return typeof v === type ? v : undefined;
 }

 export function View({ children, style }: ViewProps) {
-  const bg = style &&
-    'backgroundColor' in style
-    ? typeof style.backgroundColor == 'string'
-    ? style.backgroundColor.startsWith('rgba(')
-    ? (() => {
-        const parts = style.backgroundColor.split("(")[1].split(")")[0];
-        const [r, g, b, a] = parts.split(",").map(parseFloat);
-        return RGBA.fromInts(r, g, b, a * 255);
-      })()
-    : style.backgroundColor
-    : undefined
-    : undefined;
+  const bg =
+    style && "backgroundColor" in style
+      ? typeof style.backgroundColor == "string"
+        ? style.backgroundColor.startsWith("rgba(")
+          ? (() => {
+              const parts = style.backgroundColor.split("(")[1].split(")")[0];
+              const [r, g, b, a] = parts.split(",").map(parseFloat);
+              return RGBA.fromInts(r, g, b, a * 255);
+            })()
+          : style.backgroundColor
+        : undefined
+      : undefined;

-  const padding = attr(style, 'padding', 'number');
+  const padding = attr(style, "padding", "number");

  const props = {
-    overflow: attr(style, 'overflow', 'string'),
-    position: attr(style, 'position', 'string'),
-    alignSelf: attr(style, 'alignSelf', 'string'),
-    alignItems: attr(style, 'alignItems', 'string'),
-    justifyContent: attr(style, 'justifyContent', 'string'),
-    flexShrink: attr(style, 'flexShrink', 'number'),
-    flexDirection: attr(style, 'flexDirection', 'string'),
-    flexGrow: attr(style, 'flex', 'number') || attr(style, 'flexGrow', 'number'),
+    overflow: attr(style, "overflow", "string"),
+    position: attr(style, "position", "string"),
+    alignSelf: attr(style, "alignSelf", "string"),
+    alignItems: attr(style, "alignItems", "string"),
+    justifyContent: attr(style, "justifyContent", "string"),
+    flexShrink: attr(style, "flexShrink", "number"),
+    flexDirection: attr(style, "flexDirection", "string"),
+    flexGrow:
+      attr(style, "flex", "number") || attr(style, "flexGrow", "number"),
  };

-  return <box
-    backgroundColor={bg}
-    paddingTop={padding && Math.round(padding / RATIO_HEIGHT)}
-    paddingBottom={padding && Math.round(padding / RATIO_HEIGHT)}
-    paddingLeft={padding && Math.round(padding / RATIO_WIDTH)}
-    paddingRight={padding && Math.round(padding / RATIO_WIDTH)}
-    {...props}
-  >{children}</box>
+  return (
+    <box
+      backgroundColor={bg}
+      paddingTop={padding && Math.round(padding / RATIO_HEIGHT)}
+      paddingBottom={padding && Math.round(padding / RATIO_HEIGHT)}
+      paddingLeft={padding && Math.round(padding / RATIO_WIDTH)}
+      paddingRight={padding && Math.round(padding / RATIO_WIDTH)}
+      {...props}
+    >
+      {children}
+    </box>
+  );
 }

-export function Pressable({ children: childrenRaw, style, onPress }: PressableProps) {
-  const bg = style &&
-    'backgroundColor' in style
-    ? typeof style.backgroundColor == 'string'
-    ? style.backgroundColor.startsWith('rgba(')
-    ? (() => {
-        const parts = style.backgroundColor.split("(")[1].split(")")[0];
-        const [r, g, b, a] = parts.split(",").map(parseFloat);
-        return RGBA.fromInts(r, g, b, a * 255);
-      })()
-    : style.backgroundColor
-    : undefined
-    : undefined;
-  const flexDirection = style &&
-    'flexDirection' in style
-    ? typeof style.flexDirection == 'string'
-    ? style.flexDirection
-    : undefined
-    : undefined;
-  const flex = style &&
-    'flex' in style
-    ? typeof style.flex == 'number'
-    ? style.flex
-    : undefined
-    : undefined;
-  const flexShrink = style &&
-    'flexShrink' in style
-    ? typeof style.flexShrink == 'number'
-    ? style.flexShrink
-    : undefined
-    : undefined;
-  const overflow = style &&
-    'overflow' in style
-    ? typeof style.overflow == 'string'
-    ? style.overflow
-    : undefined
-    : undefined;
-  const position = style &&
-    'position' in style
-    ? typeof style.position == 'string'
-    ? style.position
-    : undefined
-    : undefined;
-  const justifyContent = style &&
-    'justifyContent' in style
-    ? typeof style.justifyContent == 'string'
-    ? style.justifyContent
-    : undefined
-    : undefined;
-  const alignItems = style &&
-    'alignItems' in style
-    ? typeof style.alignItems == 'string'
-    ? style.alignItems
-    : undefined
-    : undefined;
+export function Pressable({
+  children: childrenRaw,
+  style,
+  onPress,
+}: PressableProps) {
+  const bg =
+    style && "backgroundColor" in style
+      ? typeof style.backgroundColor == "string"
+        ? style.backgroundColor.startsWith("rgba(")
+          ? (() => {
+              const parts = style.backgroundColor.split("(")[1].split(")")[0];
+              const [r, g, b, a] = parts.split(",").map(parseFloat);
+              return RGBA.fromInts(r, g, b, a * 255);
+            })()
+          : style.backgroundColor
+        : undefined
+      : undefined;
+  const flexDirection =
+    style && "flexDirection" in style
+      ? typeof style.flexDirection == "string"
+        ? style.flexDirection
+        : undefined
+      : undefined;
+  const flex =
+    style && "flex" in style
+      ? typeof style.flex == "number"
+        ? style.flex
+        : undefined
+      : undefined;
+  const flexShrink =
+    style && "flexShrink" in style
+      ? typeof style.flexShrink == "number"
+        ? style.flexShrink
+        : undefined
+      : undefined;
+  const overflow =
+    style && "overflow" in style
+      ? typeof style.overflow == "string"
+        ? style.overflow
+        : undefined
+      : undefined;
+  const position =
+    style && "position" in style
+      ? typeof style.position == "string"
+        ? style.position
+        : undefined
+      : undefined;
+  const justifyContent =
+    style && "justifyContent" in style
+      ? typeof style.justifyContent == "string"
+        ? style.justifyContent
+        : undefined
+      : undefined;
+  const alignItems =
+    style && "alignItems" in style
+      ? typeof style.alignItems == "string"
+        ? style.alignItems
+        : undefined
+      : undefined;

-  const padding = style &&
-    'padding' in style
-    ? typeof style.padding == 'number'
-    ? style.padding
-    : undefined
-    : undefined;
+  const padding =
+    style && "padding" in style
+      ? typeof style.padding == "number"
+        ? style.padding
+        : undefined
+      : undefined;

-  const children = childrenRaw instanceof Function ? childrenRaw({ pressed: true }) : childrenRaw;
+  const children =
+    childrenRaw instanceof Function
+      ? childrenRaw({ pressed: true })
+      : childrenRaw;

-  return <box
-    onMouseDown={onPress ? ((_event) => {
-      // @ts-ignore
-      onPress();
-    }) : undefined}
-
-    backgroundColor={bg}
-    flexDirection={flexDirection}
-    flexGrow={flex}
-    overflow={overflow}
-    flexShrink={flexShrink}
-    position={position}
-    justifyContent={justifyContent}
-    alignItems={alignItems}
-    paddingTop={padding && Math.round(padding / RATIO_HEIGHT)}
-    paddingBottom={padding && Math.round(padding / RATIO_HEIGHT)}
-    paddingLeft={padding && Math.round(padding / RATIO_WIDTH)}
-    paddingRight={padding && Math.round(padding / RATIO_WIDTH)}
-  >{children}</box>
+  return (
+    <box
+      onMouseDown={
+        onPress
+          ? (_event) => {
+              // @ts-ignore
+              onPress();
+            }
+          : undefined
+      }
+      backgroundColor={bg}
+      flexDirection={flexDirection}
+      flexGrow={flex}
+      overflow={overflow}
+      flexShrink={flexShrink}
+      position={position}
+      justifyContent={justifyContent}
+      alignItems={alignItems}
+      paddingTop={padding && Math.round(padding / RATIO_HEIGHT)}
+      paddingBottom={padding && Math.round(padding / RATIO_HEIGHT)}
+      paddingLeft={padding && Math.round(padding / RATIO_WIDTH)}
+      paddingRight={padding && Math.round(padding / RATIO_WIDTH)}
+    >
+      {children}
+    </box>
+  );
 }

-
 export function Text({ style, children }: TextProps) {
-  const fg = style &&
-    'color' in style
-    ? typeof style.color == 'string'
-    ? style.color
-    : undefined
-    : undefined;
-  return <text fg={fg || "black"}>{children}</text>
-
+  const fg =
+    style && "color" in style
+      ? typeof style.color == "string"
+        ? style.color
+        : undefined
+      : undefined;
+  return <text fg={fg || "black"}>{children}</text>;
 }

 export function ScrollView({ children }: ScrollViewProps) {
-  return <scrollbox >{children}</scrollbox>
+  return <scrollbox>{children}</scrollbox>;
 }

 export function Modal({ children, visible }: ModalProps) {
  const { width, height } = useTerminalDimensions();
-  return <box
-    visible={visible}
-    position="absolute"
-    width={width}
-    height={height}
-    zIndex={10}
-  >
-    {children}
-  </box>
+  return (
+    <box
+      visible={visible}
+      position="absolute"
+      width={width}
+      height={height}
+      zIndex={10}
+    >
+      {children}
+    </box>
+  );
 }

 export const Platform = {
@@ -215,13 +231,13 @@ export const Linking = {
      platform() == "darwin"
        ? `open ${url}`
        : platform() == "win32"
-        ? `start "" "${url}"`
-        : `xdg-open "${url}"`;
+          ? `start "" "${url}"`
+          : `xdg-open "${url}"`;
    exec(cmd);
-  }
+  },
 } satisfies Partial<LinkingImpl>;

 export default {
  View,
  Text,
-}
+};