wuira 0.1.0 → 0.1.1

package/{src/ui/ProgressBar.tsx → lib/ui/ProgressBar.d.ts}

@@ -1,11 +1,10 @@
 import type { CellProps, ICell } from "./Cell";
 import type { Color } from "../types/Color";
 import type { ProgressSource } from "../datasources/ProgressSource";
-import { UI, Element } from "./primitives/jsx";
+import { Element } from "./primitives/jsx";
 import type { TextureOptions } from "../types/Texture";
 import type { BackgroundProps } from "./decorations/Background";
 import type { BorderProps } from "./decorations/Border";
-
 export type ProgressBarProps = CellProps & {
     value?: number;
     current?: number;
@@ -24,12 +23,10 @@ export type ProgressBarProps = CellProps & {
     orientation?: "horizontal" | "vertical";
     reverse?: boolean;
 };
-
 export interface IProgressBar extends ICell {
     kind: "progress";
     props: ProgressBarProps;
 }
-
-export function ProgressBar(props: Partial<ProgressBarProps> & { child?: Element }, child?: Element): Element {
-    return UI.createElement("progress", props, props.child ?? child ?? []);
-}
+export declare function ProgressBar(props: Partial<ProgressBarProps> & {
+    child?: Element;
+}, child?: Element): Element;

package/lib/ui/ProgressBar.lua

@@ -0,0 +1,8 @@
+--[[ Generated with https://github.com/TypeScriptToLua/TypeScriptToLua ]]
+local ____exports = {}
+local ____jsx = require("ui.primitives.jsx")
+local UI = ____jsx.UI
+function ____exports.ProgressBar(self, props, child)
+    return UI:createElement("progress", props, props.child or child or ({}))
+end
+return ____exports

package/lib/ui/decorations/Background.d.ts

@@ -0,0 +1,10 @@
+import type { TextureOptions } from "../../types/Texture";
+import { Decoration } from "./Decoration";
+import type { BackgroundTexture } from "./backgroundTextures";
+export interface BackgroundProps extends TextureOptions<BackgroundTexture> {
+}
+export declare class Background extends Decoration {
+    readonly props: BackgroundProps;
+    constructor(props: BackgroundProps);
+    protected draw(frame: wuiraNativeFrame): void;
+}

package/lib/ui/decorations/Background.lua

@@ -0,0 +1,76 @@
+--[[ Generated with https://github.com/TypeScriptToLua/TypeScriptToLua ]]
+-- Lua Library inline imports
+local function __TS__Class(self)
+    local c = {prototype = {}}
+    c.prototype.__index = c.prototype
+    c.prototype.constructor = c
+    return c
+end
+
+local function __TS__ClassExtends(target, base)
+    target.____super = base
+    local staticMetatable = setmetatable({__index = base}, base)
+    setmetatable(target, staticMetatable)
+    local baseMetatable = getmetatable(base)
+    if baseMetatable then
+        if type(baseMetatable.__index) == "function" then
+            staticMetatable.__index = baseMetatable.__index
+        end
+        if type(baseMetatable.__newindex) == "function" then
+            staticMetatable.__newindex = baseMetatable.__newindex
+        end
+    end
+    setmetatable(target.prototype, base.prototype)
+    if type(base.prototype.__index) == "function" then
+        target.prototype.__index = base.prototype.__index
+    end
+    if type(base.prototype.__newindex) == "function" then
+        target.prototype.__newindex = base.prototype.__newindex
+    end
+    if type(base.prototype.__tostring) == "function" then
+        target.prototype.__tostring = base.prototype.__tostring
+    end
+end
+-- End of Lua Library inline imports
+local ____exports = {}
+local ____Decoration = require("ui.decorations.Decoration")
+local Decoration = ____Decoration.Decoration
+local ____backgroundTextures = require("ui.decorations.backgroundTextures")
+local backgroundTextures = ____backgroundTextures.backgroundTextures
+____exports.Background = __TS__Class()
+local Background = ____exports.Background
+Background.name = "Background"
+__TS__ClassExtends(Background, Decoration)
+function Background.prototype.____constructor(self, props)
+    Decoration.prototype.____constructor(self)
+    self.props = props
+end
+function Background.prototype.draw(self, frame)
+    local texture = self:texture(frame, "BACKGROUND")
+    local color = self.props.color or ({r = 1, g = 1, b = 1})
+    texture:SetAllPoints(frame)
+    if self.props.texture ~= nil then
+        local selected = self.props.texture
+        local path = type(selected) == "string" and backgroundTextures[selected].path or selected.path
+        texture:SetTexture(path)
+        texture:SetVertexColor(color.r, color.g, color.b, color.a or 1)
+    else
+        texture:SetColorTexture(color.r, color.g, color.b, color.a or 1)
+    end
+    local ____texture_SetHorizTile_1 = texture.SetHorizTile
+    local ____self_props_tileX_0 = self.props.tileX
+    if ____self_props_tileX_0 == nil then
+        ____self_props_tileX_0 = false
+    end
+    ____texture_SetHorizTile_1(texture, ____self_props_tileX_0)
+    local ____texture_SetVertTile_3 = texture.SetVertTile
+    local ____self_props_tileY_2 = self.props.tileY
+    if ____self_props_tileY_2 == nil then
+        ____self_props_tileY_2 = false
+    end
+    ____texture_SetVertTile_3(texture, ____self_props_tileY_2)
+    texture:SetBlendMode(self.props.blendMode or "BLEND")
+    local uv = self.props.texCoords or ({0, 1, 0, 1})
+    texture:SetTexCoord(uv[1], uv[2], uv[3], uv[4])
+end
+return ____exports

package/lib/ui/decorations/Border.d.ts

@@ -0,0 +1,18 @@
+import type { Color } from "../../types/Color";
+import { Decoration } from "./Decoration";
+import { BorderTexture } from "./borderTextures";
+export interface BorderProps {
+    thickness?: number;
+    color: Color;
+    texture?: BorderTexture;
+    /** Rounded solid borders only. Native textures supply their own corner shape. */
+    radius?: number;
+}
+export declare class Border extends Decoration {
+    readonly props: BorderProps;
+    constructor(props: BorderProps);
+    protected draw(frame: wuiraNativeFrame, width: number, height: number): void;
+    /** Bounded scanline approximation, without masks or external image assets. */
+    private rounded;
+    private strip;
+}

package/lib/ui/decorations/Border.lua

@@ -0,0 +1,188 @@
+--[[ Generated with https://github.com/TypeScriptToLua/TypeScriptToLua ]]
+-- Lua Library inline imports
+local function __TS__Class(self)
+    local c = {prototype = {}}
+    c.prototype.__index = c.prototype
+    c.prototype.constructor = c
+    return c
+end
+
+local function __TS__ClassExtends(target, base)
+    target.____super = base
+    local staticMetatable = setmetatable({__index = base}, base)
+    setmetatable(target, staticMetatable)
+    local baseMetatable = getmetatable(base)
+    if baseMetatable then
+        if type(baseMetatable.__index) == "function" then
+            staticMetatable.__index = baseMetatable.__index
+        end
+        if type(baseMetatable.__newindex) == "function" then
+            staticMetatable.__newindex = baseMetatable.__newindex
+        end
+    end
+    setmetatable(target.prototype, base.prototype)
+    if type(base.prototype.__index) == "function" then
+        target.prototype.__index = base.prototype.__index
+    end
+    if type(base.prototype.__newindex) == "function" then
+        target.prototype.__newindex = base.prototype.__newindex
+    end
+    if type(base.prototype.__tostring) == "function" then
+        target.prototype.__tostring = base.prototype.__tostring
+    end
+end
+-- End of Lua Library inline imports
+local ____exports = {}
+local ____Decoration = require("ui.decorations.Decoration")
+local Decoration = ____Decoration.Decoration
+local ____borderTextures = require("ui.decorations.borderTextures")
+local borderTextures = ____borderTextures.borderTextures
+____exports.Border = __TS__Class()
+local Border = ____exports.Border
+Border.name = "Border"
+__TS__ClassExtends(Border, Decoration)
+function Border.prototype.____constructor(self, props)
+    Decoration.prototype.____constructor(self)
+    self.props = props
+end
+function Border.prototype.draw(self, frame, width, height)
+    local selected = self.props.texture or "solid"
+    local style = type(selected) == "string" and borderTextures[selected] or selected
+    local color = self.props.color
+    local thickness = self.props.thickness or style.edgeSize
+    if thickness <= 0 then
+        return
+    end
+    if style.path ~= "" then
+        if (self.props.radius or 0) > 0 then
+            error("Native border textures define their own corners; radius requires solid")
+        end
+        local border = self:backdrop(frame)
+        border:SetBackdrop({edgeFile = style.path, edgeSize = thickness})
+        border:SetBackdropBorderColor(color.r, color.g, color.b, color.a or 1)
+        return
+    end
+    local t = math.min(thickness, width / 2, height / 2)
+    local radius = math.min(
+        math.max(0, self.props.radius or 0),
+        width / 2,
+        height / 2
+    )
+    if radius > 0 then
+        self:rounded(
+            frame,
+            width,
+            height,
+            t,
+            radius
+        )
+        return
+    end
+    self:strip(
+        frame,
+        0,
+        0,
+        width,
+        t
+    )
+    self:strip(
+        frame,
+        0,
+        height - t,
+        width,
+        t
+    )
+    self:strip(
+        frame,
+        0,
+        t,
+        t,
+        height - 2 * t
+    )
+    self:strip(
+        frame,
+        width - t,
+        t,
+        t,
+        height - 2 * t
+    )
+end
+function Border.prototype.rounded(self, frame, width, height, t, radius)
+    local extent = math.max(radius, t)
+    local rows = math.min(
+        32,
+        math.ceil(extent)
+    )
+    local step = extent / rows
+    local innerRadius = math.max(0, radius - t)
+    do
+        local row = 0
+        while row < rows do
+            local y = (row + 0.5) * step
+            local distance = math.max(0, radius - y)
+            local outer = y < radius and radius - math.sqrt(math.max(0, radius * radius - distance * distance)) or 0
+            local inner = y < t and width / 2 or (y < radius and t + innerRadius - math.sqrt(math.max(0, innerRadius * innerRadius - distance * distance)) or t)
+            local span = math.max(0, inner - outer)
+            self:strip(
+                frame,
+                outer,
+                row * step,
+                span,
+                step
+            )
+            self:strip(
+                frame,
+                width - inner,
+                row * step,
+                span,
+                step
+            )
+            self:strip(
+                frame,
+                outer,
+                height - (row + 1) * step,
+                span,
+                step
+            )
+            self:strip(
+                frame,
+                width - inner,
+                height - (row + 1) * step,
+                span,
+                step
+            )
+            row = row + 1
+        end
+    end
+    self:strip(
+        frame,
+        0,
+        extent,
+        t,
+        height - 2 * extent
+    )
+    self:strip(
+        frame,
+        width - t,
+        extent,
+        t,
+        height - 2 * extent
+    )
+end
+function Border.prototype.strip(self, frame, x, y, width, height)
+    if width <= 0 or height <= 0 then
+        return
+    end
+    local texture = self:texture(frame, "OVERLAY")
+    local color = self.props.color
+    texture:SetSize(width, height)
+    texture:SetPoint(
+        "TOPLEFT",
+        frame,
+        "TOPLEFT",
+        x,
+        -y
+    )
+    texture:SetColorTexture(color.r, color.g, color.b, color.a or 1)
+end
+return ____exports

package/lib/ui/decorations/Decoration.d.ts

@@ -0,0 +1,13 @@
+/** Owns reusable native regions. One instance belongs to one mounted Cell. */
+export declare abstract class Decoration {
+    private active;
+    private textures;
+    private frames;
+    private textureIndex;
+    private frameIndex;
+    mount(frame: wuiraNativeFrame, width: number, height: number): void;
+    dispose(): void;
+    protected texture(parent: wuiraNativeFrame, layer: wuiraDrawLayer): wuiraNativeTexture;
+    protected backdrop(parent: wuiraNativeFrame): wuiraNativeFrame;
+    protected abstract draw(frame: wuiraNativeFrame, width: number, height: number): void;
+}

package/lib/ui/decorations/Decoration.lua

@@ -0,0 +1,81 @@
+--[[ Generated with https://github.com/TypeScriptToLua/TypeScriptToLua ]]
+-- Lua Library inline imports
+local function __TS__Class(self)
+    local c = {prototype = {}}
+    c.prototype.__index = c.prototype
+    c.prototype.constructor = c
+    return c
+end
+-- End of Lua Library inline imports
+local ____exports = {}
+--- Owns reusable native regions. One instance belongs to one mounted Cell.
+____exports.Decoration = __TS__Class()
+local Decoration = ____exports.Decoration
+Decoration.name = "Decoration"
+function Decoration.prototype.____constructor(self)
+    self.active = false
+    self.textures = {}
+    self.frames = {}
+    self.textureIndex = 0
+    self.frameIndex = 0
+end
+function Decoration.prototype.mount(self, frame, width, height)
+    if self.active then
+        error("Decoration is already mounted; create a separate instance per Cell")
+    end
+    self.active = true
+    self.textureIndex = 0
+    self.frameIndex = 0
+    do
+        local function ____catch(failure)
+            self:dispose()
+            error(failure, 0)
+        end
+        local ____try, ____hasReturned = pcall(function()
+            self:draw(frame, width, height)
+        end)
+        if not ____try then
+            ____catch(____hasReturned)
+        end
+    end
+end
+function Decoration.prototype.dispose(self)
+    for ____, texture in ipairs(self.textures) do
+        texture:Hide()
+    end
+    for ____, frame in ipairs(self.frames) do
+        frame:Hide()
+    end
+    self.active = false
+end
+function Decoration.prototype.texture(self, parent, layer)
+    local texture = self.textures[self.textureIndex + 1]
+    if texture == nil then
+        texture = parent:CreateTexture(nil, layer)
+        local ____self_textures_0 = self.textures
+        ____self_textures_0[#____self_textures_0 + 1] = texture
+    else
+        texture:SetParent(parent)
+        texture:ClearAllPoints()
+    end
+    self.textureIndex = self.textureIndex + 1
+    texture:Show()
+    return texture
+end
+function Decoration.prototype.backdrop(self, parent)
+    local frame = self.frames[self.frameIndex + 1]
+    if frame == nil then
+        frame = CreateFrame("Frame", nil, parent, "BackdropTemplate")
+        local ____self_frames_1 = self.frames
+        ____self_frames_1[#____self_frames_1 + 1] = frame
+    else
+        frame:SetParent(parent)
+        frame:ClearAllPoints()
+    end
+    self.frameIndex = self.frameIndex + 1
+    frame:EnableMouse(false)
+    frame:SetAllPoints(parent)
+    frame:Show()
+    return frame
+end
+return ____exports

package/{src/ui/decorations/Decorations.ts → lib/ui/decorations/Decorations.d.ts}

@@ -1,7 +1,6 @@
 import type { Background } from "./Background";
 import type { Border } from "./Border";
 import type { Glow } from "./Glow";
-
 export interface Decorations {
     background?: Background;
     border?: Border;

package/lib/ui/decorations/Decorations.lua

@@ -0,0 +1,3 @@
+--[[ Generated with https://github.com/TypeScriptToLua/TypeScriptToLua ]]
+local ____exports = {}
+return ____exports

package/lib/ui/decorations/Glow.d.ts

@@ -0,0 +1,14 @@
+import type { Color } from "../../types/Color";
+import { Decoration } from "./Decoration";
+export interface GlowProps {
+    /** A glow sprite with transparent center; not an arbitrary filled image. */
+    texture: string;
+    color: Color;
+    spread?: number;
+}
+/** Static additive glow; no per-frame update or animation. */
+export declare class Glow extends Decoration {
+    readonly props: GlowProps;
+    constructor(props: GlowProps);
+    protected draw(frame: wuiraNativeFrame, width: number, height: number): void;
+}

package/lib/ui/decorations/Glow.lua

@@ -0,0 +1,63 @@
+--[[ Generated with https://github.com/TypeScriptToLua/TypeScriptToLua ]]
+-- Lua Library inline imports
+local function __TS__Class(self)
+    local c = {prototype = {}}
+    c.prototype.__index = c.prototype
+    c.prototype.constructor = c
+    return c
+end
+
+local function __TS__ClassExtends(target, base)
+    target.____super = base
+    local staticMetatable = setmetatable({__index = base}, base)
+    setmetatable(target, staticMetatable)
+    local baseMetatable = getmetatable(base)
+    if baseMetatable then
+        if type(baseMetatable.__index) == "function" then
+            staticMetatable.__index = baseMetatable.__index
+        end
+        if type(baseMetatable.__newindex) == "function" then
+            staticMetatable.__newindex = baseMetatable.__newindex
+        end
+    end
+    setmetatable(target.prototype, base.prototype)
+    if type(base.prototype.__index) == "function" then
+        target.prototype.__index = base.prototype.__index
+    end
+    if type(base.prototype.__newindex) == "function" then
+        target.prototype.__newindex = base.prototype.__newindex
+    end
+    if type(base.prototype.__tostring) == "function" then
+        target.prototype.__tostring = base.prototype.__tostring
+    end
+end
+-- End of Lua Library inline imports
+local ____exports = {}
+local ____Decoration = require("ui.decorations.Decoration")
+local Decoration = ____Decoration.Decoration
+--- Static additive glow; no per-frame update or animation.
+____exports.Glow = __TS__Class()
+local Glow = ____exports.Glow
+Glow.name = "Glow"
+__TS__ClassExtends(Glow, Decoration)
+function Glow.prototype.____constructor(self, props)
+    Decoration.prototype.____constructor(self)
+    self.props = props
+end
+function Glow.prototype.draw(self, frame, width, height)
+    local texture = self:texture(frame, "OVERLAY")
+    local spread = math.max(0, self.props.spread or 8)
+    local color = self.props.color
+    texture:SetPoint(
+        "TOPLEFT",
+        frame,
+        "TOPLEFT",
+        -spread,
+        spread
+    )
+    texture:SetSize(width + 2 * spread, height + 2 * spread)
+    texture:SetTexture(self.props.texture)
+    texture:SetVertexColor(color.r, color.g, color.b, color.a or 1)
+    texture:SetBlendMode("ADD")
+end
+return ____exports

package/lib/ui/decorations/backgroundTextures.d.ts

@@ -0,0 +1,25 @@
+export declare const backgroundTextures: {
+    readonly solid: {
+        readonly label: "Solid";
+        readonly path: "Interface\\Buttons\\WHITE8X8";
+    };
+    readonly tooltip: {
+        readonly label: "Blizzard Tooltip";
+        readonly path: "Interface\\Tooltips\\UI-Tooltip-Background";
+    };
+    readonly dialog: {
+        readonly label: "Blizzard Dialog";
+        readonly path: "Interface\\DialogFrame\\UI-DialogBox-Background";
+    };
+    readonly dialogDark: {
+        readonly label: "Blizzard Dialog Dark";
+        readonly path: "Interface\\DialogFrame\\UI-DialogBox-Background-Dark";
+    };
+    readonly dialogGold: {
+        readonly label: "Blizzard Dialog Gold";
+        readonly path: "Interface\\DialogFrame\\UI-DialogBox-Gold-Background";
+    };
+};
+export type BackgroundTexture = keyof typeof backgroundTextures | {
+    path: string;
+};

package/lib/ui/decorations/backgroundTextures.lua

@@ -0,0 +1,10 @@
+--[[ Generated with https://github.com/TypeScriptToLua/TypeScriptToLua ]]
+local ____exports = {}
+____exports.backgroundTextures = {
+    solid = {label = "Solid", path = "Interface\\Buttons\\WHITE8X8"},
+    tooltip = {label = "Blizzard Tooltip", path = "Interface\\Tooltips\\UI-Tooltip-Background"},
+    dialog = {label = "Blizzard Dialog", path = "Interface\\DialogFrame\\UI-DialogBox-Background"},
+    dialogDark = {label = "Blizzard Dialog Dark", path = "Interface\\DialogFrame\\UI-DialogBox-Background-Dark"},
+    dialogGold = {label = "Blizzard Dialog Gold", path = "Interface\\DialogFrame\\UI-DialogBox-Gold-Background"}
+}
+return ____exports

package/lib/ui/decorations/borderTextures.d.ts

@@ -0,0 +1,41 @@
+export declare const borderTextures: {
+    readonly solid: {
+        readonly label: "Solid";
+        readonly path: "";
+        readonly edgeSize: 1;
+    };
+    readonly tooltip: {
+        readonly label: "Blizzard Tooltip";
+        readonly path: "Interface\\Tooltips\\UI-Tooltip-Border";
+        readonly edgeSize: 16;
+    };
+    readonly dialog: {
+        readonly label: "Blizzard Dialog";
+        readonly path: "Interface\\DialogFrame\\UI-DialogBox-Border";
+        readonly edgeSize: 32;
+    };
+    readonly dialogGold: {
+        readonly label: "Blizzard Dialog Gold";
+        readonly path: "Interface\\DialogFrame\\UI-DialogBox-Gold-Border";
+        readonly edgeSize: 32;
+    };
+    readonly achievementWood: {
+        readonly label: "Blizzard Achievement Wood";
+        readonly path: "Interface\\AchievementFrame\\UI-Achievement-WoodBorder";
+        readonly edgeSize: 16;
+    };
+    readonly chatBubble: {
+        readonly label: "Blizzard Chat Bubble";
+        readonly path: "Interface\\Tooltips\\ChatBubble-Backdrop";
+        readonly edgeSize: 16;
+    };
+    readonly party: {
+        readonly label: "Blizzard Party";
+        readonly path: "Interface\\CHARACTERFRAME\\UI-Party-Border";
+        readonly edgeSize: 16;
+    };
+};
+export type BorderTexture = keyof typeof borderTextures | {
+    path: string;
+    edgeSize: number;
+};

package/lib/ui/decorations/borderTextures.lua

@@ -0,0 +1,12 @@
+--[[ Generated with https://github.com/TypeScriptToLua/TypeScriptToLua ]]
+local ____exports = {}
+____exports.borderTextures = {
+    solid = {label = "Solid", path = "", edgeSize = 1},
+    tooltip = {label = "Blizzard Tooltip", path = "Interface\\Tooltips\\UI-Tooltip-Border", edgeSize = 16},
+    dialog = {label = "Blizzard Dialog", path = "Interface\\DialogFrame\\UI-DialogBox-Border", edgeSize = 32},
+    dialogGold = {label = "Blizzard Dialog Gold", path = "Interface\\DialogFrame\\UI-DialogBox-Gold-Border", edgeSize = 32},
+    achievementWood = {label = "Blizzard Achievement Wood", path = "Interface\\AchievementFrame\\UI-Achievement-WoodBorder", edgeSize = 16},
+    chatBubble = {label = "Blizzard Chat Bubble", path = "Interface\\Tooltips\\ChatBubble-Backdrop", edgeSize = 16},
+    party = {label = "Blizzard Party", path = "Interface\\CHARACTERFRAME\\UI-Party-Border", edgeSize = 16}
+}
+return ____exports

package/lib/ui/decorations/statusBarTextures.d.ts

@@ -0,0 +1,12 @@
+export declare const statusBarTextures: {
+    readonly solid: {
+        readonly label: "Solid";
+        readonly path: "Interface\\Buttons\\WHITE8X8";
+    };
+    readonly blizzard: {
+        readonly label: "Blizzard Status Bar";
+        readonly path: "Interface\\TargetingFrame\\UI-StatusBar";
+    };
+};
+/** Accepts catalog names or a native/custom texture path. */
+export declare function resolveStatusBarTexture(texture: string): string;

package/lib/ui/decorations/statusBarTextures.lua

@@ -0,0 +1,9 @@
+--[[ Generated with https://github.com/TypeScriptToLua/TypeScriptToLua ]]
+local ____exports = {}
+____exports.statusBarTextures = {solid = {label = "Solid", path = "Interface\\Buttons\\WHITE8X8"}, blizzard = {label = "Blizzard Status Bar", path = "Interface\\TargetingFrame\\UI-StatusBar"}}
+--- Accepts catalog names or a native/custom texture path.
+function ____exports.resolveStatusBarTexture(self, texture)
+    local preset = ____exports.statusBarTextures[texture]
+    return preset == nil and texture or preset.path
+end
+return ____exports

package/lib/ui/index.d.ts

@@ -0,0 +1,11 @@
+/// <reference path="../platform/forever.d.ts" />
+export { UI } from "./primitives/jsx";
+export type { Element, Component } from "./primitives/jsx";
+export { Cell } from "./Cell";
+export type { CellProps } from "./Cell";
+export { FlowLayout } from "./FlowLayout";
+export { GridLayout } from "./GridLayout";
+export { ProgressBar } from "./ProgressBar";
+export { Background } from "./decorations/Background";
+export { Border } from "./decorations/Border";
+export { Glow } from "./decorations/Glow";