elit 3.5.6 → 3.5.7

package/src/native-types.ts

@@ -1,439 +0,0 @@
-import { type NativeStyleResolveOptions } from './style';
-
-export type NativePlatform = 'generic' | 'android' | 'ios';
-
-export type NativePropScalar = string | number | boolean | null;
-export interface NativePropObject {
-    [key: string]: NativePropValue;
-}
-export type NativePropValue = NativePropScalar | NativePropObject | NativePropValue[];
-
-export interface NativeTextNode {
-    kind: 'text';
-    value: string;
-    stateId?: string;
-}
-
-export interface NativeElementNode {
-    kind: 'element';
-    component: string;
-    sourceTag: string;
-    props: Record<string, NativePropValue>;
-    events: string[];
-    children: NativeNode[];
-}
-
-export type NativeNode = NativeTextNode | NativeElementNode;
-
-export interface NativeTree {
-    platform: NativePlatform;
-    roots: NativeNode[];
-    stateDescriptors?: NativeStateDescriptor[];
-}
-
-export interface NativeTransformOptions {
-    platform?: NativePlatform;
-    tagMap?: Record<string, string>;
-    wrapTextNodes?: boolean;
-    preserveUnknownTags?: boolean;
-}
-
-export interface AndroidComposeOptions {
-    packageName?: string;
-    functionName?: string;
-    includePackage?: boolean;
-    includeImports?: boolean;
-    includePreview?: boolean;
-}
-
-export interface SwiftUIOptions {
-    structName?: string;
-    includeImports?: boolean;
-    includePreview?: boolean;
-}
-
-export type NativeHelperFlag = 'imagePlaceholder' | 'unsupportedPlaceholder' | 'uriHandler' | 'openUrlHandler' | 'downloadHandler' | 'bridge' | 'webViewSurface' | 'mediaSurface' | 'interactivePressState' | 'backgroundImage';
-export type NativeResolvedStyleMap = WeakMap<NativeElementNode, Record<string, NativePropValue>>;
-export interface NativeStyleContextEntry {
-    scope: NativeStyleScope;
-    ancestors: NativeStyleScope[];
-    inheritedTextStyles: Record<string, NativePropValue>;
-}
-export type NativeStyleContextMap = WeakMap<NativeElementNode, NativeStyleContextEntry>;
-
-export interface NativeStyleScope {
-    tagName: string;
-    classNames: string[];
-    attributes: Record<string, string>;
-    pseudoStates: string[];
-    previousSiblings?: NativeStyleScope[];
-    nextSiblings?: NativeStyleScope[];
-    children?: NativeStyleScope[];
-    childIndex?: number;
-    siblingCount?: number;
-    sameTypeIndex?: number;
-    sameTypeCount?: number;
-    containerNames?: string[];
-    containerWidth?: number;
-    isContainer?: boolean;
-}
-
-export interface NativeRenderHints {
-    fillWidth?: boolean;
-    fillHeight?: boolean;
-    availableWidth?: number;
-    availableHeight?: number;
-    negotiatedMaxWidth?: number;
-    negotiatedMaxHeight?: number;
-    parentFlexLayout?: 'Row' | 'Column';
-    parentRowBaselineAlignment?: 'first' | 'last';
-    absoluteOverlay?: boolean;
-}
-
-export interface NativeChunkedRow {
-    items: NativeNode[];
-    weights?: Array<number | undefined>;
-    columnSizes?: Array<NativeGridColumnTrackSizeSpec | undefined>;
-    minHeight?: number;
-    height?: number;
-    maxHeight?: number;
-    trackWeight?: number;
-    stretchEligible?: boolean;
-}
-
-export interface NativeGridTrackSizeSpec {
-    minHeight?: number;
-    height?: number;
-    maxHeight?: number;
-    trackWeight?: number;
-    stretchEligible?: boolean;
-    intrinsicHeight?: boolean;
-    intrinsicMinHeight?: boolean;
-    intrinsicMaxHeight?: boolean;
-}
-
-export interface NativeGridColumnTrackSizeSpec {
-    minWidth?: number;
-    width?: number;
-    maxWidth?: number;
-    trackWeight?: number;
-    intrinsicWidth?: boolean;
-    intrinsicMinWidth?: boolean;
-    intrinsicMaxWidth?: boolean;
-}
-
-export type NativeVideoPosterFit = 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
-export type NativeVideoPosterPosition = 'center' | 'top' | 'bottom' | 'leading' | 'trailing' | 'top-leading' | 'top-trailing' | 'bottom-leading' | 'bottom-trailing';
-export type NativeBackgroundRepeat = 'no-repeat' | 'repeat' | 'repeat-x' | 'repeat-y';
-export type NativeContentStackAlignment = 'start' | 'center' | 'end' | 'stretch' | 'space-between' | 'space-around' | 'space-evenly';
-export type NativeGridItemAlignment = 'start' | 'center' | 'end' | 'stretch';
-
-export interface NativeBackgroundLayerMetadata {
-    source?: string;
-    gradient?: NativeGradientValue;
-    color?: NativeColorValue;
-    repeat?: NativeBackgroundRepeat;
-    size?: string;
-    position?: string;
-}
-
-export interface NativeBackgroundImageSpec {
-    kind: 'image';
-    source: string;
-    fit: NativeVideoPosterFit;
-    position: NativeVideoPosterPosition;
-    repeat: NativeBackgroundRepeat;
-}
-
-export type NativeBackgroundLayerSpec =
-    | NativeBackgroundImageSpec
-    | { kind: 'gradient'; gradient: NativeGradientValue }
-    | { kind: 'color'; color: NativeColorValue };
-
-export interface NativeGridTemplateAreaPlacement {
-    rowPlacement: { start?: number; span: number };
-    columnPlacement: { start?: number; span: number };
-}
-
-export interface NativeGridTrackDefinition {
-    tracks: string[];
-    lineNames: Map<string, number[]>;
-    lineCount: number;
-}
-
-export interface NativeChunkedLayout {
-    kind: 'grid' | 'wrap';
-    rows: NativeChunkedRow[];
-    rowGap?: number;
-    columnGap?: number;
-    contentAlignment?: NativeContentStackAlignment;
-}
-
-export interface NativeAutoMarginFlags {
-    top: boolean;
-    right: boolean;
-    bottom: boolean;
-    left: boolean;
-}
-
-export interface StateLike<T = unknown> {
-    value: T;
-    subscribe: (listener: (value: T) => void) => () => void;
-}
-
-export type NativeStateValueType = 'string' | 'number' | 'boolean' | 'string-array';
-
-export interface NativeStateDescriptor {
-    id: string;
-    type: NativeStateValueType;
-    initialValue: string | number | boolean | string[];
-}
-
-export interface NativeBindingReference extends NativePropObject {
-    id: string;
-    kind: 'value' | 'checked';
-    valueType: NativeStateValueType;
-}
-
-export interface NativePickerOption {
-    label: string;
-    value: string;
-    selected?: boolean;
-    disabled?: boolean;
-}
-
-export interface NativeControlEventExpressionOptions {
-    valueExpression?: string;
-    valuesExpression?: string;
-    checkedExpression?: string;
-}
-
-export interface NativeTransformContext {
-    nextStateIndex: number;
-    stateIds: WeakMap<object, string>;
-    stateDescriptors: Map<string, NativeStateDescriptor>;
-}
-
-export interface AndroidComposeContext {
-    textFieldIndex: number;
-    sliderIndex: number;
-    toggleIndex: number;
-    pickerIndex: number;
-    interactionIndex: number;
-    stateDeclarations: string[];
-    declaredStateIds: Set<string>;
-    helperFlags: Set<NativeHelperFlag>;
-    resolvedStyles: NativeResolvedStyleMap;
-    styleContexts: NativeStyleContextMap;
-    styleResolveOptions: NativeStyleResolveOptions;
-    stateDescriptors: Map<string, NativeStateDescriptor>;
-}
-
-export interface SwiftUIContext {
-    textFieldIndex: number;
-    sliderIndex: number;
-    toggleIndex: number;
-    pickerIndex: number;
-    interactionIndex: number;
-    stateDeclarations: string[];
-    declaredStateIds: Set<string>;
-    helperFlags: Set<NativeHelperFlag>;
-    resolvedStyles: NativeResolvedStyleMap;
-    styleContexts: NativeStyleContextMap;
-    styleResolveOptions: NativeStyleResolveOptions;
-    stateDescriptors: Map<string, NativeStateDescriptor>;
-}
-
-export interface NativeColorValue {
-    red: number;
-    green: number;
-    blue: number;
-    alpha: number;
-}
-
-export type NativeGradientDirection =
-    | 'topToBottom'
-    | 'bottomToTop'
-    | 'leadingToTrailing'
-    | 'trailingToLeading'
-    | 'topLeadingToBottomTrailing'
-    | 'bottomTrailingToTopLeading';
-
-export interface NativeGradientValue {
-    colors: NativeColorValue[];
-    direction: NativeGradientDirection;
-}
-
-export type NativeVectorPathCommand =
-    | { kind: 'moveTo' | 'lineTo'; x: number; y: number }
-    | { kind: 'cubicTo'; control1X: number; control1Y: number; control2X: number; control2Y: number; x: number; y: number }
-    | { kind: 'close' };
-
-export interface NativeIntrinsicSizeSpec {
-    intrinsicWidth: number;
-    intrinsicHeight: number;
-}
-
-export interface NativeCanvasPoint {
-    x: number;
-    y: number;
-}
-
-export type NativeCanvasDrawOperation =
-    | {
-        kind: 'rect';
-        x?: number;
-        y?: number;
-        width: number;
-        height: number;
-        rx?: number;
-        ry?: number;
-        fill?: string;
-        fillStyle?: string;
-        stroke?: string;
-        strokeStyle?: string;
-        strokeWidth?: number;
-        lineWidth?: number;
-    }
-    | {
-        kind: 'circle';
-        cx: number;
-        cy: number;
-        r: number;
-        fill?: string;
-        fillStyle?: string;
-        stroke?: string;
-        strokeStyle?: string;
-        strokeWidth?: number;
-        lineWidth?: number;
-    }
-    | {
-        kind: 'ellipse';
-        cx: number;
-        cy: number;
-        rx: number;
-        ry: number;
-        fill?: string;
-        fillStyle?: string;
-        stroke?: string;
-        strokeStyle?: string;
-        strokeWidth?: number;
-        lineWidth?: number;
-    }
-    | {
-        kind: 'line';
-        x1: number;
-        y1: number;
-        x2: number;
-        y2: number;
-        stroke?: string;
-        strokeStyle?: string;
-        strokeWidth?: number;
-        lineWidth?: number;
-    }
-    | {
-        kind: 'polyline' | 'polygon';
-        points: string | NativeCanvasPoint[];
-        fill?: string;
-        fillStyle?: string;
-        stroke?: string;
-        strokeStyle?: string;
-        strokeWidth?: number;
-        lineWidth?: number;
-    }
-    | {
-        kind: 'path';
-        d: string;
-        fill?: string;
-        fillStyle?: string;
-        stroke?: string;
-        strokeStyle?: string;
-        strokeWidth?: number;
-        lineWidth?: number;
-    };
-
-export type NativeVectorShape =
-    | {
-        kind: 'circle';
-        cx: number;
-        cy: number;
-        r: number;
-        fill?: NativeColorValue;
-        stroke?: NativeColorValue;
-        strokeWidth?: number;
-    }
-    | {
-        kind: 'rect';
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-        rx?: number;
-        ry?: number;
-        fill?: NativeColorValue;
-        stroke?: NativeColorValue;
-        strokeWidth?: number;
-    }
-    | {
-        kind: 'ellipse';
-        cx: number;
-        cy: number;
-        rx: number;
-        ry: number;
-        fill?: NativeColorValue;
-        stroke?: NativeColorValue;
-        strokeWidth?: number;
-    }
-    | {
-        kind: 'path';
-        commands: NativeVectorPathCommand[];
-        fill?: NativeColorValue;
-        stroke?: NativeColorValue;
-        strokeWidth?: number;
-    };
-
-export interface NativeVectorViewport {
-    minX: number;
-    minY: number;
-    width: number;
-    height: number;
-}
-
-export interface NativeVectorSpec extends NativeIntrinsicSizeSpec {
-    viewport: NativeVectorViewport;
-    shapes: NativeVectorShape[];
-}
-
-export interface NativeCanvasSpec extends NativeIntrinsicSizeSpec {
-}
-
-export interface NativeFlexStyleValues {
-    grow?: number;
-    shrink?: number;
-    basis?: NativePropValue;
-}
-
-export interface NativeShadowValue {
-    offsetX: number;
-    offsetY: number;
-    blur: number;
-    color: NativeColorValue;
-}
-
-export type NativeBorderStyleKeyword = 'solid' | 'dashed' | 'dotted' | 'none' | 'unsupported';
-
-export interface NativeBorderSideValue {
-    width: string;
-    color: NativeColorValue;
-    style?: NativeBorderStyleKeyword;
-}
-
-export interface NativeBorderValue {
-    width?: string;
-    color?: NativeColorValue;
-    style?: NativeBorderStyleKeyword;
-    top?: NativeBorderSideValue;
-    right?: NativeBorderSideValue;
-    bottom?: NativeBorderSideValue;
-    left?: NativeBorderSideValue;
-}

package/src/native-typography.ts

@@ -1,254 +0,0 @@
-import { type NativeStyleResolveOptions } from './style';
-import type { NativePropValue } from './native-types';
-import { formatFloat, getNativeStyleResolveOptions, parseCssUnitValue, toScaledUnitNumber } from './native-units';
-import { parseCssColor, toComposeColorLiteral } from './native-color';
-import { quoteKotlinString } from './native-strings';
-import { applyComposeTextTransformExpression } from './native-state';
-
-export function resolveComposeFontFamily(value: NativePropValue | undefined): string | undefined {
-    if (typeof value !== 'string') {
-        return undefined;
-    }
-
-    const normalized = value.toLowerCase();
-    if (normalized.includes('sans-serif') || normalized.includes('sans') || normalized.includes('avenir') || normalized.includes('trebuchet') || normalized.includes('arial')) {
-        return 'FontFamily.SansSerif';
-    }
-    if (normalized.includes('serif') || normalized.includes('georgia') || normalized.includes('times new roman')) {
-        return 'FontFamily.Serif';
-    }
-    if (normalized.includes('monospace') || normalized.includes('courier') || normalized.includes('mono')) {
-        return 'FontFamily.Monospace';
-    }
-    if (normalized.includes('cursive')) {
-        return 'FontFamily.Cursive';
-    }
-
-    return undefined;
-}
-
-export function resolveSwiftFontDesign(value: NativePropValue | undefined): string | undefined {
-    if (typeof value !== 'string') {
-        return undefined;
-    }
-
-    const normalized = value.toLowerCase();
-    if (normalized.includes('sans-serif') || normalized.includes('sans') || normalized.includes('avenir') || normalized.includes('trebuchet') || normalized.includes('arial')) {
-        return undefined;
-    }
-    if (normalized.includes('serif') || normalized.includes('georgia') || normalized.includes('times new roman')) {
-        return '.serif';
-    }
-    if (normalized.includes('monospace') || normalized.includes('courier') || normalized.includes('mono')) {
-        return '.monospaced';
-    }
-    if (normalized.includes('rounded')) {
-        return '.rounded';
-    }
-
-    return undefined;
-}
-
-export function resolveComposeLineHeight(
-    value: NativePropValue | undefined,
-    fontSize: NativePropValue | undefined,
-    styleResolveOptions: NativeStyleResolveOptions = getNativeStyleResolveOptions('generic'),
-): string | undefined {
-    const parsed = parseCssUnitValue(value);
-    const baseFontSize = toScaledUnitNumber(fontSize, styleResolveOptions) ?? 16;
-    const lineHeight = parsed?.unit === '' && parsed.value > 0 && parsed.value <= 4
-        ? baseFontSize * parsed.value
-        : toScaledUnitNumber(value, styleResolveOptions);
-
-    return lineHeight !== undefined ? `${formatFloat(lineHeight)}.sp` : undefined;
-}
-
-export function resolveSwiftLineSpacing(
-    value: NativePropValue | undefined,
-    fontSize: NativePropValue | undefined,
-    styleResolveOptions: NativeStyleResolveOptions = getNativeStyleResolveOptions('generic'),
-): string | undefined {
-    const parsed = parseCssUnitValue(value);
-    const baseFontSize = toScaledUnitNumber(fontSize, styleResolveOptions) ?? 17;
-    const lineHeight = parsed?.unit === '' && parsed.value > 0 && parsed.value <= 4
-        ? baseFontSize * parsed.value
-        : toScaledUnitNumber(value, styleResolveOptions);
-    if (lineHeight === undefined) {
-        return undefined;
-    }
-
-    const spacing = lineHeight - baseFontSize;
-    return spacing > 0 ? formatFloat(spacing) : undefined;
-}
-
-export function resolveTextTransform(value: NativePropValue | undefined): 'uppercase' | 'lowercase' | 'capitalize' | undefined {
-    if (typeof value !== 'string') return undefined;
-    const normalized = value.trim().toLowerCase();
-    if (normalized === 'uppercase' || normalized === 'lowercase' || normalized === 'capitalize') {
-        return normalized;
-    }
-
-    return undefined;
-}
-
-export function resolveComposeTextDecoration(value: NativePropValue | undefined): string | undefined {
-    if (typeof value !== 'string') {
-        return undefined;
-    }
-
-    const normalized = value.trim().toLowerCase();
-    if (normalized.includes('underline') && normalized.includes('line-through')) {
-        return 'TextDecoration.combine(listOf(TextDecoration.Underline, TextDecoration.LineThrough))';
-    }
-    if (normalized.includes('underline')) {
-        return 'TextDecoration.Underline';
-    }
-    if (normalized.includes('line-through')) {
-        return 'TextDecoration.LineThrough';
-    }
-
-    return undefined;
-}
-
-export function resolveSwiftTextDecoration(value: NativePropValue | undefined): { underline: boolean; strikethrough: boolean } | undefined {
-    if (typeof value !== 'string') {
-        return undefined;
-    }
-
-    const normalized = value.trim().toLowerCase();
-    const underline = normalized.includes('underline');
-    const strikethrough = normalized.includes('line-through');
-    return underline || strikethrough ? { underline, strikethrough } : undefined;
-}
-
-export function applyTextTransform(text: string, transform: 'uppercase' | 'lowercase' | 'capitalize' | undefined): string {
-    if (!transform) return text;
-    if (transform === 'uppercase') return text.toUpperCase();
-    if (transform === 'lowercase') return text.toLowerCase();
-    return text.replace(/\b\p{L}/gu, (char) => char.toUpperCase());
-}
-
-export function resolveComposeFontWeight(value: NativePropValue | undefined): string | undefined {
-    if (typeof value === 'number' && Number.isFinite(value)) {
-        return `FontWeight.W${Math.min(900, Math.max(100, Math.round(value / 100) * 100))}`;
-    }
-
-    if (typeof value === 'string') {
-        const trimmed = value.trim().toLowerCase();
-        if (/^\d+$/.test(trimmed)) {
-            return `FontWeight.W${Math.min(900, Math.max(100, Math.round(Number(trimmed) / 100) * 100))}`;
-        }
-        if (trimmed === 'bold') return 'FontWeight.Bold';
-        if (trimmed === 'semibold') return 'FontWeight.SemiBold';
-        if (trimmed === 'medium') return 'FontWeight.Medium';
-        if (trimmed === 'normal') return 'FontWeight.Normal';
-    }
-
-    return undefined;
-}
-
-export function resolveSwiftFontWeight(value: NativePropValue | undefined): string | undefined {
-    if (typeof value === 'number' && Number.isFinite(value)) {
-        if (value >= 700) return '.bold';
-        if (value >= 600) return '.semibold';
-        if (value >= 500) return '.medium';
-        return '.regular';
-    }
-
-    if (typeof value === 'string') {
-        const trimmed = value.trim().toLowerCase();
-        if (/^\d+$/.test(trimmed)) {
-            return resolveSwiftFontWeight(Number(trimmed));
-        }
-        if (trimmed === 'bold') return '.bold';
-        if (trimmed === 'semibold') return '.semibold';
-        if (trimmed === 'medium') return '.medium';
-        if (trimmed === 'normal') return '.regular';
-    }
-
-    return undefined;
-}
-
-export function resolveComposeTextAlign(value: NativePropValue | undefined): string | undefined {
-    if (typeof value !== 'string') return undefined;
-    switch (value.trim().toLowerCase()) {
-        case 'center':
-            return 'TextAlign.Center';
-        case 'right':
-        case 'end':
-            return 'TextAlign.End';
-        case 'left':
-        case 'start':
-            return 'TextAlign.Start';
-        default:
-            return undefined;
-    }
-}
-
-export function resolveSwiftTextAlign(value: NativePropValue | undefined): string | undefined {
-    if (typeof value !== 'string') return undefined;
-    switch (value.trim().toLowerCase()) {
-        case 'center':
-            return '.center';
-        case 'right':
-        case 'end':
-            return '.trailing';
-        case 'left':
-        case 'start':
-            return '.leading';
-        default:
-            return undefined;
-    }
-}
-
-export function buildComposeTextStyleArgsFromStyle(
-    style: Record<string, NativePropValue> | undefined,
-    styleResolveOptions: NativeStyleResolveOptions = getNativeStyleResolveOptions('generic'),
-): string[] {
-    if (!style) {
-        return [];
-    }
-
-    const args: string[] = [];
-    const color = parseCssColor(style.color);
-    const fontSize = toScaledUnitNumber(style.fontSize, styleResolveOptions);
-    const fontWeight = resolveComposeFontWeight(style.fontWeight);
-    const fontFamily = resolveComposeFontFamily(style.fontFamily);
-    const letterSpacing = toScaledUnitNumber(style.letterSpacing, styleResolveOptions);
-    const lineHeight = resolveComposeLineHeight(style.lineHeight, style.fontSize, styleResolveOptions);
-    const textAlign = resolveComposeTextAlign(style.textAlign);
-    const textDecoration = resolveComposeTextDecoration(style.textDecoration);
-
-    if (color) args.push(`color = ${toComposeColorLiteral(color)}`);
-    if (fontSize !== undefined) args.push(`fontSize = ${formatFloat(fontSize)}.sp`);
-    if (fontWeight) args.push(`fontWeight = ${fontWeight}`);
-    if (fontFamily) args.push(`fontFamily = ${fontFamily}`);
-    if (letterSpacing !== undefined) args.push(`letterSpacing = ${formatFloat(letterSpacing)}.sp`);
-    if (lineHeight) args.push(`lineHeight = ${lineHeight}`);
-    if (textAlign) args.push(`textAlign = ${textAlign}`);
-    if (textDecoration) args.push(`textDecoration = ${textDecoration}`);
-
-    return args;
-}
-
-export function buildComposeLabelTextFromStyle(
-    label: string,
-    style: Record<string, NativePropValue> | undefined,
-    expression?: string,
-    styleResolveOptions: NativeStyleResolveOptions = getNativeStyleResolveOptions('generic'),
-): string {
-    const transform = resolveTextTransform(style?.textTransform);
-    const textValue = expression
-        ? applyComposeTextTransformExpression(expression, transform)
-        : quoteKotlinString(applyTextTransform(label, transform));
-    const args = [`text = ${textValue}`, ...buildComposeTextStyleArgsFromStyle(style, styleResolveOptions)];
-    return `Text(${args.join(', ')})`;
-}
-
-export function buildComposeTextStyleLiteralFromStyle(
-    style: Record<string, NativePropValue> | undefined,
-    styleResolveOptions: NativeStyleResolveOptions = getNativeStyleResolveOptions('generic'),
-): string | undefined {
-    const args = buildComposeTextStyleArgsFromStyle(style, styleResolveOptions);
-    return args.length > 0 ? `androidx.compose.ui.text.TextStyle(${args.join(', ')})` : undefined;
-}