onejs-core 0.3.5 → 0.3.7

package/3rdparty/preact/style.d.ts

@@ -1,205 +0,0 @@
-
-
-
-declare module "preact/jsx" {
-    import { Color, Font, Texture, Texture2D, FontStyle, ScaleMode, TextAnchor, Sprite } from "UnityEngine"
-    import { float2, float3, float4 } from "Unity/Mathematics"
-    import { Align, BackgroundRepeat, DisplayStyle, EasingFunction, EasingMode, FlexDirection, FontDefinition, Justify, Overflow, OverflowClipBox, Position, TextOverflow, TextOverflowPosition, Visibility, WhiteSpace, Wrap } from "UnityEngine/UIElements"
-
-    export type ColorInfo = float4 | number[] | string | Color
-    type TextShadowInfo = { offset: float2 | number[], blurRadius: number, color: ColorInfo }
-    type CursorInfo = { hotspot: float2 | number[], texture: Texture2D }
-
-    export type Style = {
-        alignContent?: keyof typeof Align
-        alignItems?: keyof typeof Align
-        alignSelf?: keyof typeof Align
-        backgroundColor?: ColorInfo    // StyleColor
-        backgroundImage?: Sprite | Texture | string   // StyleBackground
-        backgroundSize?: BackgroundSize | string   // StyleBackgroundSize
-        backgroundRepeat?: BackgroundRepeat | string   // StyleBackgroundRepeat
-        // backgroundPosition?: string   // TODO StyleBackgroundPosition (Custom)
-        backgroundPositionX?: BackgroundPosition | string   // StyleBackgroundPosition
-        backgroundPositionY?: BackgroundPosition | string   // StyleBackgroundPosition
-
-        borderColor?: ColorInfo // StyleBorderColor (Custom)
-        borderWidth?: number | number[] // StyleBorderWidth (Custom)
-        borderRadius?: number | number[] // StyleBorderRadius (Custom)
-        borderBottomColor?: ColorInfo   // StyleColor
-        borderBottomLeftRadius?: number | string // StyleLength
-        borderBottomRightRadius?: number | string // StyleLength
-        borderBottomWidth?: number // StyleFloat
-        borderLeftColor?: ColorInfo   // StyleColor
-        borderLeftWidth?: number // StyleFloat
-        borderRightColor?: ColorInfo   // StyleColor
-        borderRightWidth?: number // StyleFloat
-        borderTopColor?: ColorInfo   // StyleColor
-        borderTopLeftRadius?: number | string // StyleLength
-        borderTopRightRadius?: number | string // StyleLength
-        borderTopWidth?: number // StyleFloat
-
-        bottom?: number | string // StyleLength
-        color?: ColorInfo  // StyleColor
-        cursor?: CursorInfo    // StyleCursor
-        display?: keyof typeof DisplayStyle
-        flexBasis?: number | string  // StyleLength
-        flexDirection?: keyof typeof FlexDirection
-        flexGrow?: number   // StyleFloat
-        flexShrink?: number   // StyleFloat
-        flexWrap?: keyof typeof Wrap
-        fontSize?: number | string // StyleLength
-        height?: number | string // StyleLength
-
-        justifyContent?: keyof typeof Justify
-        left?: number | string  // StyleLength
-        letterSpacing?: number | string  // StyleLength
-        margin?: number | number[] // StyleMargin (Custom)
-        marginBottom?: number | string  // StyleLength
-        marginLeft?: number | string  // StyleLength
-        marginRight?: number | string  // StyleLength
-        marginTop?: number | string  // StyleLength
-        maxHeight?: number | string  // StyleLength
-        maxWidth?: number | string  // StyleLength
-        minHeight?: number | string  // StyleLength
-        minWidth?: number | string  // StyleLength
-        opacity?: number   // StyleFloat
-        overflow?: keyof typeof Overflow
-        padding?: number | number[] // StylePadding (Custom)
-        paddingBottom?: number | string  // StyleLength
-        paddingLeft?: number | string  // StyleLength
-        paddingRight?: number | string  // StyleLength
-        paddingTop?: number | string  // StyleLength
-        position?: keyof typeof Position
-        right?: number | string  // StyleLength
-        rotate?: number | string // StyleRotate
-        scale?: float2 | number[]  // StyleScale
-        textOverflow?: keyof typeof TextOverflow
-        textShadow?: TextShadowInfo // StyleTextShadow
-
-        top?: number | string  // StyleLength
-        transformOrigin?: float2 | number[] | string[] // StyleTransformOrigin
-        transitionDelay?: number[]  // StyleList<TimeValue>
-        transitionDuration?: number[]  // StyleList<TimeValue>
-        transitionProperty?: (keyof StyleKeys)[]   // StyleList<StylePropertyName>
-        transitionTimingFunction?: (keyof typeof EasingMode)[]  // StyleList<EasingFunction>
-        translate?: float2 | number[] | string // StyleTranslate
-        unityBackgroundImageTintColor?: ColorInfo   // StyleColor
-        unityBackgroundScaleMode?: keyof typeof ScaleMode
-
-        unityFont?: Font | string  // StyleFont
-        unityFontDefinition?: FontDefinition | string   // StyleFontDefinition
-        unityFontStyleAndWeight?: keyof typeof FontStyle
-        unityOverflowClipBox?: keyof typeof OverflowClipBox
-        unityParagraphSpacing?: number | string  // StyleLength
-        unitySliceBottom?: number   // StyleInt
-        unitySliceLeft?: number   // StyleInt
-        unitySliceRight?: number   // StyleInt
-        unitySliceTop?: number   // StyleInt
-        unitySliceScale?: number   // StyleFloat
-
-        unityTextAlign?: keyof typeof TextAnchor
-        unityTextOutlineColor?: ColorInfo   // StyleColor
-        unityTextOutlineWidth?: number   // StyleFloat
-        unityTextOverflowPosition?: keyof typeof TextOverflowPosition
-        visibility?: keyof typeof Visibility
-        whiteSpace?: keyof typeof WhiteSpace
-        width?: number | string  // StyleLength
-        wordSpacing?: number | string  // StyleLength
-    }
-
-    // UnityEngine.UIElements.StyleSheets.StylePropertyUtil
-    export type StyleKeys = {
-        "align-content": any,
-        "align-items": any,
-        "align-self": any,
-        "all": any,
-        "background-color": any,
-        "background-image": any,
-        "background-size": any,
-        "background-repeat": any,
-        "background-position-x": any,
-        "background-position-y": any,
-        "border-bottom-color": any,
-        "border-bottom-left-radius": any,
-        "border-bottom-right-radius": any,
-        "border-bottom-width": any,
-        "border-color": any,
-        "border-left-color": any,
-        "border-left-width": any,
-        "border-radius": any,
-        "border-right-color": any,
-        "border-right-width": any,
-        "border-top-color": any,
-        "border-top-left-radius": any,
-        "border-top-right-radius": any,
-        "border-top-width": any,
-        "border-width": any,
-        "bottom": any,
-        "color": any,
-        "cursor": any,
-        "display": any,
-        "flex": any,
-        "flex-basis": any,
-        "flex-direction": any,
-        "flex-grow": any,
-        "flex-shrink": any,
-        "flex-wrap": any,
-        "font-size": any,
-        "height": any,
-        "justify-content": any,
-        "left": any,
-        "letter-spacing": any,
-        "margin": any,
-        "margin-bottom": any,
-        "margin-left": any,
-        "margin-right": any,
-        "margin-top": any,
-        "max-height": any,
-        "max-width": any,
-        "min-height": any,
-        "min-width": any,
-        "opacity": any,
-        "overflow": any,
-        "padding": any,
-        "padding-bottom": any,
-        "padding-left": any,
-        "padding-right": any,
-        "padding-top": any,
-        "position": any,
-        "right": any,
-        "rotate": any,
-        "scale": any,
-        "text-overflow": any,
-        "text-shadow": any,
-        "top": any,
-        "transform-origin": any,
-        "transition": any,
-        "transition-delay": any,
-        "transition-duration": any,
-        "transition-property": any,
-        "transition-timing-function": any,
-        "translate": any,
-        "-unity-background-image-tint-color": any,
-        "-unity-background-scale-mode": any,
-        "-unity-font": any,
-        "-unity-font-definition": any,
-        "-unity-font-style": any,
-        "-unity-overflow-clip-box": any,
-        "-unity-paragraph-spacing": any,
-        "-unity-slice-bottom": any,
-        "-unity-slice-left": any,
-        "-unity-slice-right": any,
-        "-unity-slice-top": any,
-        "-unity-slice-scale": any,
-        "-unity-text-align": any,
-        "-unity-text-outline": any,
-        "-unity-text-outline-color": any,
-        "-unity-text-outline-width": any,
-        "-unity-text-overflow-position": any,
-        "visibility": any,
-        "white-space": any,
-        "width": any,
-        "word-spacing": any,
-    }
-
-}

package/3rdparty/preact/util.ts

@@ -1,29 +0,0 @@
-import { EMPTY_ARR } from "./constants";
-
-export const isArray = Array.isArray;
-
-/**
- * Assign properties from `props` to `obj`
- * @template O, P The obj and props types
- * @param {O} obj The object to copy properties to
- * @param {P} props The object to copy properties from
- * @returns {O & P}
- */
-export function assign(obj, props) {
-	// @ts-ignore We change the type of `obj` to be `O & P`
-	for (let i in props) obj[i] = props[i];
-	return /** @type {O & P} */ (obj);
-}
-
-/**
- * Remove a child node from its parent if attached. This is a workaround for
- * IE11 which doesn't support `Element.prototype.remove()`. Using this function
- * is smaller than including a dedicated polyfill.
- * @param {Node} node The node to remove
- */
-export function removeNode(node) {
-	let parentNode = node.parentNode;
-	if (parentNode) parentNode.removeChild(node);
-}
-
-export const slice = EMPTY_ARR.slice;

package/hooks/eventful.ts

@@ -1,56 +0,0 @@
-import { Dom } from "OneJS/Dom"
-import { VisualElement } from "UnityEngine/UIElements"
-import { MutableRef, StateUpdater, useCallback, useEffect, useState } from "preact/hooks"
-
-/**
- * A convenience hook that, like useState(), returns a stateful value and a function to update it.
- * This one ties the value to a property on a C# object.
- * It takes care of setting up and cleaning up the C# value changed event automatically.
- * Refer here for more info: https://onejs.com/docs/uiworkflow#reducing-boilerplates
- *
- * @param obj The C# object containing the property to be observed
- * @param propertyName The name of the property to be observed
- * @param eventName The name of the event to be observed. If not specified, it defaults to "On{propertyName}Changed"
- * @returns
- */
-export function useEventfulState<
-    T extends { [k in `On${K}Changed`]: OneJS.Event<(value: T[K]) => void> },
-    K extends string & keyof T
->(obj: T, propertyName: K): [T[K], StateUpdater<T[K]>]
-export function useEventfulState<T, K extends string & keyof T, E extends OneJS.EventKeys<T>>(
-    obj: T,
-    propertyName: K,
-    eventName: E
-): [T[K], StateUpdater<T[K]>]
-export function useEventfulState<
-    T extends { [k in keyof T]: k extends E ? OneJS.Event<(value: T[K]) => void> : any },
-    K extends string & keyof T,
-    E extends OneJS.EventKeys<T>
->(obj: T, propertyName: K, eventName?: E): [T[K], StateUpdater<T[K]>] {
-    // Guarantee the component is re-rendered on changed event,
-    //  by ensuring that the state is always updated with a different identity
-    //  to handle the case where the object property is an array
-    //  and the changed event is raised with the same array instance.
-    const [state, setState] = useState({ value: obj?.[propertyName] })
-    const setValue = useCallback((value) => setState({ value }), [])
-
-    useEffect(() => {
-        if (obj == null) return
-
-        eventName ??= `On${propertyName}Changed` as E
-        setValue(obj[propertyName])
-        return onejs.subscribe(obj, eventName, setValue as OneJS.EventGenericType<T[E]>)
-    }, [obj])
-
-    const setValWrapper = useCallback(
-        (v: T[K]) => {
-            if (obj == null) return
-
-            obj[propertyName] = v
-            // setVal(v) // No need to set the state here in JS. The event handling stuff above will do.
-        },
-        [obj]
-    )
-
-    return [state.value as T[K], setValWrapper]
-}