onejs-core 0.3.5

package/definitions/onejs.d.ts

@@ -0,0 +1,164 @@
+/**
+ * If this throws tsc error, you need to remove some lines from index.d.ts that's
+ * generated by puerts. The lines are:
+ *
+ * public get alignContent(): any;
+ * public set alignContent(value: any);
+ * public get alignItems(): any;
+ * public set alignItems(value: any);
+ * ...
+ * public get wordSpacing(): any;
+ * public set wordSpacing(value: any);
+ */
+
+// Don't do any import here, just declare the types
+
+type VisualElement = CS.UnityEngine.UIElements.VisualElement;
+type float2 = CS.Unity.Mathematics.float2;
+type float3 = CS.Unity.Mathematics.float3;
+type float4 = CS.Unity.Mathematics.float4;
+
+
+type StyleEnum<T> = CS.UnityEngine.UIElements.StyleEnum$1<T>;
+type Align = CS.UnityEngine.UIElements.Align;
+type StyleColor = CS.UnityEngine.UIElements.StyleColor;
+type Color = CS.UnityEngine.Color;
+type StyleBackground = CS.UnityEngine.UIElements.StyleBackground;
+type Background = CS.UnityEngine.UIElements.Background;
+type StyleBackgroundSize = CS.UnityEngine.UIElements.StyleBackgroundSize;
+type BackgroundSize = CS.UnityEngine.UIElements.BackgroundSize;
+type StyleBackgroundRepeat = CS.UnityEngine.UIElements.StyleBackgroundRepeat;
+type BackgroundRepeat = CS.UnityEngine.UIElements.BackgroundRepeat;
+type StyleBackgroundPosition = CS.UnityEngine.UIElements.StyleBackgroundPosition;
+type BackgroundPosition = CS.UnityEngine.UIElements.BackgroundPosition;
+type StyleFloat = CS.UnityEngine.UIElements.StyleFloat;
+type StyleLength = CS.UnityEngine.UIElements.StyleLength;
+type Length = CS.UnityEngine.UIElements.Length;
+type StyleCursor = CS.UnityEngine.UIElements.StyleCursor;
+type StyleFont = CS.UnityEngine.UIElements.StyleFont;
+type StyleFontDefinition = CS.UnityEngine.UIElements.StyleFontDefinition;
+type StyleTextShadow = CS.UnityEngine.UIElements.StyleTextShadow;
+type StyleTransformOrigin = CS.UnityEngine.UIElements.StyleTransformOrigin;
+type StyleList<T> = CS.UnityEngine.UIElements.StyleList$1<T>;
+type StylePropertyName = CS.UnityEngine.UIElements.StylePropertyName;
+type EasingFunction = CS.UnityEngine.UIElements.EasingFunction;
+type StyleTranslate = CS.UnityEngine.UIElements.StyleTranslate;
+type StyleScale = CS.UnityEngine.UIElements.StyleScale;
+type StyleInt = CS.UnityEngine.UIElements.StyleInt;
+type Cursor = CS.UnityEngine.UIElements.Cursor;
+type DisplayStyle = CS.UnityEngine.UIElements.DisplayStyle;
+type Overflow = CS.UnityEngine.UIElements.Overflow;
+type Position = CS.UnityEngine.UIElements.Position;
+type Rotate = CS.UnityEngine.UIElements.Rotate;
+type Scale = CS.UnityEngine.UIElements.Scale;
+type TimeValue = CS.UnityEngine.UIElements.TimeValue;
+type StyleRotate = CS.UnityEngine.UIElements.StyleRotate;
+type Wrap = CS.UnityEngine.UIElements.Wrap;
+type Justify = CS.UnityEngine.UIElements.Justify;
+type FlexDirection = CS.UnityEngine.UIElements.FlexDirection;
+type TextOverflow = CS.UnityEngine.UIElements.TextOverflow;
+type TextShadow = CS.UnityEngine.UIElements.TextShadow;
+type TransformOrigin = CS.UnityEngine.UIElements.TransformOrigin;
+type Time = CS.UnityEngine.Time;
+type StyleFontStyle = CS.UnityEngine.FontStyle;
+type Translate = CS.UnityEngine.UIElements.Translate;
+type FontDefinition = CS.UnityEngine.UIElements.FontDefinition;
+type ScaleMode = CS.UnityEngine.ScaleMode;
+type OverflowClipBox = CS.UnityEngine.UIElements.OverflowClipBox;
+type Visibility = CS.UnityEngine.UIElements.Visibility;
+type WhiteSpace = CS.UnityEngine.UIElements.WhiteSpace;
+type TextOverflowPosition = CS.UnityEngine.UIElements.TextOverflowPosition;
+
+declare namespace CS.OneJS.Dom {
+
+    interface DomStyle {
+        alignContent: StyleEnum<Align> | Align | string | null | number;
+        alignItems: StyleEnum<Align> | Align | string | null | number;
+        alignSelf: StyleEnum<Align> | Align | string | null | number;
+        backgroundColor: StyleColor | Color | string | null | number[] | float4;
+        backgroundImage: StyleBackground | Background | string | null | Sprite | Texture;
+        backgroundSize: StyleBackgroundSize | BackgroundSize | string | null;
+        backgroundRepeat: StyleBackgroundRepeat | BackgroundRepeat | string | null;
+        backgroundPosition: StyleBackgroundPosition | BackgroundPosition | string | null;
+        backgroundPositionX: StyleBackgroundPosition | BackgroundPosition | string | null;
+        backgroundPositionY: StyleBackgroundPosition | BackgroundPosition | string | null;
+        borderColor: StyleColor | Color | string | null | Color[] | number[] | float4;
+        borderWidth: StyleFloat | number | string | null | number[];
+        borderRadius: StyleLength | Length | string | null | number | number[];
+        borderBottomColor: StyleColor | Color | string | null | number[] | float4;
+        borderTopColor: StyleColor | Color | string | null | number[] | float4;
+        borderLeftColor: StyleColor | Color | string | null | number[] | float4;
+        borderRightColor: StyleColor | Color | string | null | number[] | float4;
+        borderBottomWidth: StyleFloat | number | string | null;
+        borderTopWidth: StyleFloat | number | string | null;
+        borderLeftWidth: StyleFloat | number | string | null;
+        borderRightWidth: StyleFloat | number | string | null;
+        borderTopLeftRadius: StyleLength | Length | string | null | number;
+        borderTopRightRadius: StyleLength | Length | string | null | number;
+        borderBottomRightRadius: StyleLength | Length | string | null | number;
+        borderBottomLeftRadius: StyleLength | Length | string | null | number;
+        bottom: StyleLength | Length | string | null | number;
+        color: StyleColor | Color | string | null | number[] | float4;
+        cursor: StyleCursor | Cursor | null;
+        display: StyleEnum<DisplayStyle> | DisplayStyle | string | null | number;
+        flexBasis: StyleLength | Length | string | null | number;
+        flexDirection: StyleEnum<FlexDirection> | FlexDirection | string | null | number;
+        flexGrow: StyleFloat | number | string | null;
+        flexShrink: StyleFloat | number | string | null;
+        flexWrap: StyleEnum<Wrap> | Wrap | string | null | number;
+        fontSize: StyleLength | Length | string | null | number;
+        height: StyleLength | Length | string | null | number;
+        justifyContent: StyleEnum<Justify> | Justify | string | null | number;
+        left: StyleLength | Length | string | null | number;
+        letterSpacing: StyleLength | Length | string | null | number;
+        margin: StyleLength | Length | string | null | number[] | number;
+        marginBottom: StyleLength | Length | string | null | number;
+        marginLeft: StyleLength | Length | string | null | number;
+        marginRight: StyleLength | Length | string | null | number;
+        marginTop: StyleLength | Length | string | null | number;
+        maxHeight: StyleLength | Length | string | null | number;
+        maxWidth: StyleLength | Length | string | null | number;
+        minHeight: StyleLength | Length | string | null | number;
+        minWidth: StyleLength | Length | string | null | number;
+        opacity: StyleFloat | number | string | null | number;
+        overflow: StyleEnum<Overflow> | Overflow | string | null | number;
+        padding: StyleLength | Length | string | null | number[] | number;
+        paddingBottom: StyleLength | Length | string | null | number;
+        paddingLeft: StyleLength | Length | string | null | number;
+        paddingRight: StyleLength | Length | string | null | number;
+        paddingTop: StyleLength | Length | string | null | number;
+        position: StyleEnum<Position> | Position | string | null | number;
+        right: StyleLength | Length | string | null | number;
+        rotate: StyleRotate | Rotate | string | null | number;
+        scale: StyleScale | Scale | string | null | number | number[] | float2;
+        textOverflow: StyleEnum<TextOverflow> | TextOverflow | string | null | number;
+        textShadow: StyleTextShadow | TextShadow | string | null;
+        top: StyleLength | Length | string | null | number;
+        transformOrigin: StyleTransformOrigin | TransformOrigin | string | string[] | null | number[] | float2;
+        transitionDelay: StyleList<TimeValue> | TimeValue | string | null | string[] | number | number[];
+        transitionDuration: StyleList<TimeValue> | TimeValue | string | null | string[] | number | number[];
+        transitionProperty: StyleList<StylePropertyName> | StylePropertyName | string | null | string[];
+        transitionTimingFunction: StyleList<EasingFunction> | EasingFunction | string | null | string[];
+        translate: StyleTranslate | Translate | string | null | number[];
+        unityBackgroundImageTintColor: StyleColor | Color | string | null | number[] | float4;
+        unityBackgroundScaleMode: StyleEnum<ScaleMode> | ScaleMode | string | null | number;
+        unityFont: StyleFont | UnityEngine.Font | string | null;
+        unityFontDefinition: StyleFontDefinition | FontDefinition | string | null;
+        unityFontStyleAndWeight: StyleEnum<UnityEngine.FontStyle> | UnityEngine.FontStyle | string | null | number;
+        unityOverflowClipBox: StyleEnum<OverflowClipBox> | OverflowClipBox | string | null | number;
+        unityParagraphSpacing: StyleLength | Length | string | null | number;
+        unitySliceBottom: StyleInt | number | string | null;
+        unitySliceLeft: StyleInt | number | string | null;
+        unitySliceRight: StyleInt | number | string | null;
+        unitySliceTop: StyleInt | number | string | null;
+        unitySliceScale: StyleFloat | number | string | null;
+        unityTextAlign: StyleEnum<UnityEngine.TextAnchor> | UnityEngine.TextAnchor | string | null | number;
+        unityTextOutlineColor: StyleColor | Color | string | null | number[] | float4;
+        unityTextOutlineWidth: StyleFloat | number | string | null;
+        unityTextOverflowPosition: StyleEnum<TextOverflowPosition> | TextOverflowPosition | string | null | number;
+        visibility: StyleEnum<Visibility> | Visibility | string | null | number;
+        whiteSpace: StyleEnum<WhiteSpace> | WhiteSpace | string | null | number;
+        width: StyleLength | Length | string | null | number;
+        wordSpacing: StyleLength | Length | string | null | number;
+    }
+}

package/definitions/preact.jsx.d.ts

@@ -0,0 +1,7 @@
+declare module "preact/jsx" {
+    namespace JSXInternal {
+        interface IntrinsicElements extends JSX.IntrinsicElements {
+            
+        }
+    }
+}

package/definitions/proto-overrides.d.ts

@@ -0,0 +1,13 @@
+
+
+declare namespace CS.UnityEngine {
+    interface GameObject {
+        GetComp<T>(type: { new(): T }): T
+        AddComp<T>(type: { new(): T }): T
+    }
+
+    interface Component {
+        GetComp<T>(type: { new(): T }): T
+        AddComp<T>(type: { new(): T }): T
+    }
+}

package/definitions/puerts.d.ts

@@ -0,0 +1,31 @@
+declare enum __Puerts_CSharpEnum { }
+
+declare namespace puer {
+    function $ref<T>(x?: T): CS.$Ref<T>;
+
+    function $unref<T>(x: CS.$Ref<T>): T;
+
+    function $set<T>(x: CS.$Ref<T>, val: T): void;
+
+    function $promise<T>(x: CS.$Task<T>): Promise<T>;
+
+    function $generic<T extends new (...args: any[]) => any>(genericType: T, ...genericArguments: (typeof __Puerts_CSharpEnum | (new (...args: any[]) => any))[]): T;
+
+    function $genericMethod(genericType: new (...args: any[]) => any, methodName: string, ...genericArguments: (typeof __Puerts_CSharpEnum | (new (...args: any[]) => any))[]): (...args: any[]) => any;
+
+    function $typeof(x: new (...args: any[]) => any): CS.System.Type;
+
+    function $extension(c: Function, e: Function): void;
+
+    function on(eventType: string, listener: Function, prepend?: boolean): void;
+
+    function off(eventType: string, listener: Function): void;
+
+    function emit(eventType: string, ...args: any[]): boolean;
+
+    function loadFile(name: string): { content: string, debugpath: string };
+
+    function evalScript(name: string): void;
+    
+    function require(name: string): any;
+}

package/definitions/unity-engine.d.ts

@@ -0,0 +1,23 @@
+
+interface TypeRef<T> {
+    runtimeType: Function;
+}
+
+declare namespace CS {
+    namespace UnityEngine {
+
+    }
+    namespace UnityEngine.UIElements {
+        interface IChangeEvent {
+        }
+
+        class ChangeEvent<T> extends UnityEngine.UIElements.EventBase$1<T> implements IChangeEvent, System.IDisposable {
+            static GetPooled<T>(): T
+            static GetPooled<T>(previousValue: any, newValue: any): ChangeEvent<T>
+            previousValue: T
+            newValue: T
+            constructor()
+            Dispose(): void
+        }
+    }
+}

package/hooks/eventful.ts

@@ -0,0 +1,56 @@
+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]
+}

package/import-transform.mjs

@@ -0,0 +1,42 @@
+import * as fs from "fs";
+import * as path from "path";
+
+export const importTransformPlugin = {
+	name: "onejs-import-transform",
+	setup(build) {
+		// First pass: Mark C# imports as external
+		build.onResolve({ filter: /^(UnityEngine|OneJS)/ }, (args) => {
+			return { path: args.path, external: true };
+		});
+
+		// Second pass: Transform all JS and TSX files
+		build.onLoad({ filter: /\.(js|jsx|ts|tsx)$/ }, async (args) => {
+			let contents = await fs.promises.readFile(args.path, "utf8");
+
+			// Transform Unity imports
+			contents = contents.replace(
+				/import\s+(?:{([^}]+)})?\s*from\s*["'](UnityEngine[^"']*|OneJS[^"']*)["'];?/g,
+				(match, imports, moduleName) => {
+					moduleName = moduleName.replace(/\//g, ".");
+					if (imports) {
+						const importItems = imports.split(",").map((item) => item.trim());
+						return `const { ${importItems.join(", ")} } = CS.${moduleName};`;
+					} else {
+						const namespaceName = moduleName.split(".").pop();
+						return `const ${namespaceName} = CS.${moduleName};`;
+					}
+				}
+			);
+
+			// Transform any remaining require statements for Unity modules
+			contents = contents.replace(
+				/__require\(["'](UnityEngine[^"']*|OneJS[^"']*)["']\)/g,
+				(match, moduleName) => {
+					return `CS.${moduleName.replace(/\//g, ".")}`;
+				}
+			);
+
+			return { contents, loader: path.extname(args.path).slice(1) };
+		});
+	},
+};

package/index.ts

@@ -0,0 +1,44 @@
+/// <reference types="./definitions/app.d.ts" />
+/// <reference types="./definitions/onejs.d.ts" />
+/// <reference types="./definitions/jsx.d.ts" />
+/// <reference types="./definitions/puerts.d.ts" />
+/// <reference types="./definitions/unity-engine.d.ts" />
+/// <reference types="./definitions/proto-overrides.d.ts" />
+
+declare var document: CS.OneJS.Dom.Document
+
+/**
+ * OneJS's own h function. Use this to quickly create elements in jsx-like syntax
+ * @param type
+ * @param props
+ * @param children
+ * @returns
+ */
+export function h(type: any, props: any, ...children: any[]): any {
+    const element = typeof type === "string" ? document.createElement(type) : type;
+
+    // Assign properties to the element
+    for (const [key, value] of Object.entries(props || {})) {
+        if (key.startsWith("on") && typeof value === "function") {
+            element.addEventListener(key.substring(2).toLowerCase(), value);
+        } else if (key === "style" && typeof value === "object") {
+            Object.assign(element.style, value);
+        } else {
+            element.setAttribute(key, value);
+        }
+    }
+
+    // Append children
+    for (const child of children) {
+        if (typeof child === "string") {
+            element.appendChild(document.createTextNode(child));
+        } else {
+            element.appendChild(child);
+        }
+    }
+
+    return element;
+}
+
+export { emo } from "./styling/index"
+export { useEventfulState } from "./hooks/eventful"

package/jsr.json

@@ -0,0 +1,10 @@
+{
+    "name": "@onejs/core",
+    "version": "0.1.20",
+    "exports": {
+        ".": "./index.ts",
+        "./utils": "./index.ts",
+        "./uss-transform-plugin.cjs": "./uss-transform-plugin.cjs",
+        "./onejs-tw-config.cjs": "./onejs-tw-config.cjs"
+    }
+}

package/onejs-tw-config.cjs

@@ -0,0 +1,188 @@
+const defaultTheme = require("tailwindcss/defaultTheme")
+const plugin = require("tailwindcss/plugin")
+
+let theme = rem2px(defaultTheme)
+theme.extend = {
+    transitionTimingFunction: {
+        DEFAULT: "ease-in-out",
+        "in-out": "ease-in-out",
+    },
+}
+exports.theme = theme
+
+exports.paths = []
+
+exports.plugins = [
+    plugin(function ({ addUtilities, matchUtilities, theme }) {
+        addUtilities({
+            ".bg-crop": {
+                "-unity-background-scale-mode": "scale-and-crop",
+            },
+            ".bg-fit": {
+                "-unity-background-scale-mode": "scale-to-fit",
+            },
+            ".bg-fill": {
+                "-unity-background-scale-mode": "scale-to-fill",
+            },
+            ".font-normal": {
+                "-unity-font-style": "normal",
+            },
+            ".bold": {
+                "-unity-font-style": "bold",
+            },
+            ".italic": {
+                "-unity-font-style": "italic",
+            },
+            ".bold-italic": {
+                "-unity-font-style": "bold-and-italic",
+            },
+            ".transition-none": { "transition-property": "none" },
+            ".transition-all": {
+                "transition-property": "all",
+                "transition-duration": "150ms",
+            },
+            ".transition": {
+                "transition-property": "color, background-color, border-color, opacity",
+                "transition-duration": "150ms",
+            },
+            ".transition-colors": {
+                "transition-property": "color, background-color, border-color",
+                "transition-duration": "150ms",
+            },
+            ".transition-opacity": {
+                "transition-property": "opacity",
+                "transition-duration": "150ms",
+            },
+            ".duration-0": { "transition-duration": "0s" },
+            ".duration-75": { "transition-duration": "75ms" },
+            ".duration-100": { "transition-duration": "100ms" },
+            ".duration-150": { "transition-duration": "150ms" },
+            ".duration-200": { "transition-duration": "200ms" },
+            ".duration-300": { "transition-duration": "300ms" },
+            ".duration-500": { "transition-duration": "500ms" },
+            ".duration-700": { "transition-duration": "700ms" },
+            ".duration-1000": { "transition-duration": "1000ms" },
+            ".scale-none": { scale: "none" },
+            ".rotate-none": { rotate: "none" },
+        })
+
+        matchUtilities({
+            fontdef: (value) => ({ "-unity-font-definition": `url("${value}")` }),
+        }, {})
+
+        matchUtilities(
+            {
+                text: (value) => ({ "-unity-text-align": value }),
+            },
+            {
+                values: {
+                    left: "middle-left",
+                    center: "middle-center",
+                    right: "middle-right",
+                    "upper-left": "upper-left",
+                    "upper-center": "upper-center",
+                    "upper-right": "upper-right",
+                    "lower-left": "lower-left",
+                    "lower-center": "lower-center",
+                    "lower-right": "lower-right",
+                },
+            }
+        )
+
+        matchUtilities(
+            {
+                translate: (value) => ({ translate: value }),
+                "translate-x": (value) => ({ translate: `${value} 0` }),
+                "translate-y": (value) => ({ translate: `0 ${value}` }),
+            },
+            {
+                supportsNegativeValues: true,
+                values: theme("translate"),
+            }
+        )
+
+        matchUtilities(
+            {
+                scale: (value) => ({ scale: value }),
+                "scale-x": (value) => ({ scale: `${value} 1` }),
+                "scale-y": (value) => ({ scale: `1 ${value}` }),
+            },
+            {
+                supportsNegativeValues: true,
+                values: theme("scale"),
+            }
+        )
+
+        matchUtilities(
+            {
+                rotate: (value) => ({ rotate: value }),
+            },
+            {
+                supportsNegativeValues: true,
+                values: theme("rotate"),
+            }
+        )
+
+        matchUtilities(
+            {
+                inset: (value) => ({
+                    top: value,
+                    bottom: value,
+                    left: value,
+                    right: value,
+                }),
+            },
+            {
+                supportsNegativeValues: true,
+                values: theme("inset"),
+            }
+        )
+    }),
+]
+
+exports.corePlugins = {
+    // USS cannot support dynamic custom properties within rgb()
+    // which is what is used by Tailwind for opacity scales
+    transitionProperty: false,
+    transitionDuration: false,
+    backdropOpacity: false,
+    backgroundOpacity: false,
+    borderOpacity: false,
+    divideOpacity: false,
+    ringOpacity: false,
+    textOpacity: false,
+    transform: false,
+    translate: false,
+    rotate: false,
+    scale: false,
+    fontWeight: false,
+    lineHeight: false,
+}
+
+/**
+ * Utilities
+ */
+
+// rem is not supported in USS
+function rem2px(input, fontSize = 16) {
+    if (input == null) {
+        return input
+    }
+    switch (typeof input) {
+        case "object":
+            if (Array.isArray(input)) {
+                return input.map((val) => rem2px(val, fontSize))
+            }
+            const ret = {}
+            for (const key in input) {
+                ret[key] = rem2px(input[key], fontSize)
+            }
+            return ret
+        case "string":
+            return input.replace(/(\d*\.?\d+)rem$/, (_, val) => `${parseFloat(val) * fontSize}px`)
+        case "function":
+            return eval(input.toString().replace(/(\d*\.?\d+)rem/g, (_, val) => `${parseFloat(val) * fontSize}px`))
+        default:
+            return input
+    }
+}

package/package.json

@@ -0,0 +1,9 @@
+{
+    "name": "onejs-core",
+    "description": "The JS part of OneJS, a Unity3D UI framework and Scripting Engine.",
+    "version": "0.3.5",
+    "dependencies": {
+        "css-flatten": "^2.0.0",
+        "css-simple-parser": "^3.0.0"
+    }
+}

package/preloads/inject.ts

@@ -0,0 +1,44 @@
+
+
+export function btoa(text: string): string {
+	// return CS.OneJS.CommonGlobals.btoa(text);
+	const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
+	let str = text;
+	let output = '';
+
+	for (let i = 0; i < str.length; i += 3) {
+		let block = (str.charCodeAt(i) << 16) | ((i + 1 < str.length ? str.charCodeAt(i + 1) : 0) << 8) | (i + 2 < str.length ? str.charCodeAt(i + 2) : 0);
+		output += chars[(block >> 18) & 0x3F] +
+			chars[(block >> 12) & 0x3F] +
+			(i + 1 < str.length ? chars[(block >> 6) & 0x3F] : '=') +
+			(i + 2 < str.length ? chars[block & 0x3F] : '=');
+	}
+
+	return output;
+}
+
+// function uint8ArrayToString(uint8Array) {
+//     const chars: any = [];
+//     for (let i = 0; i < uint8Array.length; i++) {
+//         chars.push(String.fromCharCode(uint8Array[i]));
+//     }
+//     return chars.join('');
+// }
+
+export function atob(base64: string): string {
+	// return CS.OneJS.CommonGlobals.atob(base64);
+	// return CS.System.Text.Encoding.UTF8.GetString(CS.System.Convert.FromBase64String(base64))
+	const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
+	let str = base64.replace(/=+$/, '');
+	let output = '';
+
+	if (str.length % 4 == 1) {
+		throw new Error('Invalid base64 string');
+	}
+
+	for (let bc = 0, bs = 0, buffer, idx = 0; buffer = str.charAt(idx++); ~buffer && (bs = bc % 4 ? bs * 64 + buffer : buffer, bc++ % 4) ? output += String.fromCharCode(255 & bs >> (-2 * bc & 6)) : 0) {
+		buffer = chars.indexOf(buffer);
+	}
+
+	return output;
+}