unit.gl 0.1.2 → 0.1.9

package/ts/Layout.ts

@@ -1,64 +0,0 @@
-// ============================================================================
-// Import
-// ============================================================================
-
-import Unit from "./Unit";
-
-
-// ============================================================================
-// Types
-// ============================================================================
-
-type Align = "start" | "center" | "end" | "stretch";
-type Justify = "start" | "center" | "end" | "space-between" | "space-around";
-
-// ============================================================================
-// Classes
-// ============================================================================
-
-
-
-export default class Layout {
-
-    // Parameters
-    // ========================================================================
-
-    width: Unit;
-    height: Unit;
-    align: Align;
-    justify: Justify;
-    direction: "row" | "column";
-
-    // Constructor
-    // ========================================================================
-
-    constructor(
-        width: Unit,
-        height: Unit,
-        align: Align = "stretch", justify: Justify = "start", direction: "row" | "column" = "row") {
-        this.width = width;
-        this.height = height;
-        this.align = align;
-        this.justify = justify;
-        this.direction = direction;
-    }
-
-    // Methods
-    // ========================================================================
-
-    setAlign(align: Align): void {
-        this.align = align;
-    }
-
-    setJustify(justify: Justify): void {
-        this.justify = justify;
-    }
-
-    setDirection(direction: "row" | "column"): void {
-        this.direction = direction;
-    }
-
-    toString(): string {
-        return `Layout: ${this.direction}, width ${this.width.toString()}, height ${this.height.toString()}, align ${this.align}, justify ${this.justify}`;
-    }
-}

package/ts/Position.ts

@@ -1,53 +0,0 @@
-// ============================================================================
-// Import
-// ============================================================================
-
-import Unit from "./Unit";
-
-
-// ============================================================================
-// Classes
-// ============================================================================
-
-export default class Position {
-
-    // Parameters
-    // ========================================================================
-
-    x: Unit;
-    y: Unit;
-
-    // Constructor
-    // ========================================================================
-
-    constructor(
-        x: Unit,
-        y: Unit
-    ) {
-        if (x.unit !== y.unit) {
-            throw new Error("X and Y must have the same unit");
-        }
-        this.x = x;
-        this.y = y;
-    }
-
-    // Methods
-    // ========================================================================
-
-    add(other: Position): Position {
-        return new Position(this.x.add(other.x), this.y.add(other.y));
-    }
-
-    subtract(other: Position): Position {
-        return new Position(this.x.subtract(other.x), this.y.subtract(other.y));
-    }
-
-    convert(toUnit: UnitType): Position {
-        return new Position(this.x.convert(toUnit), this.y.convert(toUnit));
-    }
-
-    toString(): string {
-        return `Position: (${this.x.toString()}, ${this.y.toString()})`;
-    }
-
-}

package/ts/Rectangle.ts

@@ -1,51 +0,0 @@
-// ============================================================================
-// Import
-// ============================================================================
-
-import Position from "./Position";
-import Size from "./Size";
-
-
-// ============================================================================
-// Classes
-// ============================================================================
-
-export default class Rectangle {
-
-    // Parameters
-    // ========================================================================
-
-    position: Position;
-    size: Size;
-
-    // Constructor
-    // ========================================================================
-
-    constructor(position: Position, size: Size) {
-        if (position.x.unit !== size.width.unit || position.y.unit !== size.height.unit) {
-            throw new Error("Position and Size units must match");
-        }
-        this.position = position;
-        this.size = size;
-    }
-
-
-    // Methods
-    // ========================================================================
-
-    move(newPosition: Position): Rectangle {
-        return new Rectangle(newPosition, this.size);
-    }
-
-    resize(newSize: Size): Rectangle {
-        return new Rectangle(this.position, newSize);
-    }
-
-    scale(factor: number): Rectangle {
-        return new Rectangle(this.position, this.size.scale(factor));
-    }
-
-    toString(): string {
-        return `Rectangle: Position(${this.position.toString()}), Size(${this.size.toString()})`;
-    }
-}

package/ts/ResponsiveImage.ts

@@ -1,47 +0,0 @@
-// ============================================================================
-// Import
-// ============================================================================
-
-
-// ============================================================================
-// Classes
-// ============================================================================
-
-export default class ResponsiveImage {
-
-    // Parameters
-    // ========================================================================
-
-    sources: Map<number, string>; // Map of breakpoint to image URL
-    altText: string;
-
-    // Constructor
-    // ========================================================================
-
-    constructor(altText: string) {
-        this.sources = new Map<number, string>();
-        this.altText = altText;
-    }
-
-    // Methods
-    // ========================================================================
-
-    addSource(breakpoint: number, url: string): void {
-        this.sources.set(breakpoint, url);
-    }
-
-    getSource(viewportWidth: number): string {
-        let selectedSource = "";
-        this.sources.forEach((url, breakpoint) => {
-            if (viewportWidth >= breakpoint) {
-                selectedSource = url;
-            }
-        });
-        return selectedSource;
-    }
-
-    toString(viewportWidth: number): string {
-        const source = this.getSource(viewportWidth);
-        return `<img src="${source}" alt="${this.altText}" />`;
-    }
-}

package/ts/ResponsiveScale.ts

@@ -1,44 +0,0 @@
-// ============================================================================
-// Import
-// ============================================================================
-
-import Unit from "./Unit";
-import Viewport from "./Viewport";
-
-
-// ============================================================================
-// Classes
-// ============================================================================
-
-export default class ResponsiveScale {
-
-    // Parameters
-    // ========================================================================
-
-    viewport: Viewport;
-    baseSize: Unit;
-    scaleFactor: number;
-
-    // Constructor
-    // ========================================================================
-
-    constructor(viewport: Viewport, baseSize: Unit, scaleFactor: number) {
-        this.viewport = viewport;
-        this.baseSize = baseSize;
-        this.scaleFactor = scaleFactor;
-    }
-
-
-    // Methods
-    // ========================================================================
-
-    calculateResponsiveSize(): Unit {
-        const ratio = this.viewport.width.value / 1920; // Assuming 1920px is the base
-        const scaledValue = this.baseSize.value * Math.pow(this.scaleFactor, ratio);
-        return new Unit(scaledValue, this.baseSize.unit);
-    }
-
-    toString(): string {
-        return `ResponsiveScale: Base(${this.baseSize.toString()}) ScaleFactor(${this.scaleFactor}) Viewport(${this.viewport.toString()})`;
-    }
-}

package/ts/Size.ts

@@ -1,54 +0,0 @@
-// ============================================================================
-// Import
-// ============================================================================
-
-import Unit from "./Unit";
-
-
-// ============================================================================
-// Classes
-// ============================================================================
-
-export default class Size {
-
-    // Parameters
-    // ========================================================================
-
-    width: Unit;
-    height: Unit;
-
-    // Constructor
-    // ========================================================================
-
-    constructor(width: Unit, height: Unit) {
-        if (width.unit !== height.unit) {
-            throw new Error("Width and height must have the same unit");
-        }
-        this.width = width;
-        this.height = height;
-    }
-
-    // Methods
-    // ========================================================================
-
-    add(other: Size): Size {
-        return new Size(this.width.add(other.width), this.height.add(other.height));
-    }
-
-    subtract(other: Size): Size {
-        return new Size(this.width.subtract(other.width), this.height.subtract(other.height));
-    }
-
-    scale(factor: number): Size {
-        return new Size(this.width.multiply(factor), this.height.multiply(factor));
-    }
-
-    convert(toUnit: UnitType): Size {
-        return new Size(this.width.convert(toUnit), this.height.convert(toUnit));
-    }
-
-    toString(): string {
-        return `Size: ${this.width.toString()} x ${this.height.toString()}`;
-    }
-
-}

package/ts/Spacing.ts

@@ -1,106 +0,0 @@
-// ============================================================================
-// Import
-// ============================================================================
-
-import { default as Unit, default as UnitType } from "./Unit";
-
-
-// ============================================================================
-// Classes
-// ============================================================================
-
-export default class Spacing {
-
-    // Parameters
-    // ========================================================================
-
-    top: Unit;
-    right: Unit;
-    bottom: Unit;
-    left: Unit;
-
-    // Constructor
-    // ========================================================================
-
-    constructor(
-        top: Unit,
-        right: Unit,
-        bottom: Unit,
-        left: Unit
-    ) {
-        if (
-            top.unit !== right.unit || top.unit !== bottom.unit || top.unit !== left.unit
-        ) {
-            throw new Error("All sides must have the same unit");
-        }
-        this.top = top;
-        this.right = right;
-        this.bottom = bottom;
-        this.left = left;
-    }
-
-    // Methods
-    // ========================================================================
-
-    add(other: Spacing): Spacing {
-        return new Spacing(
-            this.top.add(other.top),
-            this.right.add(other.right),
-            this.bottom.add(other.bottom),
-            this.left.add(other.left)
-        );
-    }
-
-    subtract(other: Spacing): Spacing {
-        return new Spacing(
-            this.top.subtract(other.top),
-            this.right.subtract(other.right),
-            this.bottom.subtract(other.bottom),
-            this.left.subtract(other.left)
-        );
-    }
-
-    scale(factor: number): Spacing {
-        return new Spacing(
-            this.top.multiply(factor),
-            this.right.multiply(factor),
-            this.bottom.multiply(factor),
-            this.left.multiply(factor)
-        );
-    }
-
-    convert(toUnit: UnitType): Spacing {
-        return new Spacing(
-            this.top.convert(toUnit),
-            this.right.convert(toUnit),
-            this.bottom.convert(toUnit),
-            this.left.convert(toUnit)
-        );
-    }
-
-    toString(): string {
-        return `Spacing: ${this.top.toString()} ${this.right.toString()} ${this.bottom.toString()} ${this.left.toString()}`;
-    }
-}
-
-class Margin extends Spacing {
-    constructor(
-        top: Unit,
-        right: Unit,
-        bottom: Unit,
-        left: Unit,
-    ) {
-        super(top, right, bottom, left);
-    }
-}
-
-class Padding extends Spacing {
-    constructor(
-        top: Unit,
-        right: Unit,
-        bottom: Unit,
-        left: Unit,
-    ) {
-        super(top, right, bottom, left);
-    }
-}

package/ts/Transform.ts

@@ -1,71 +0,0 @@
-// ============================================================================
-// Import
-// ============================================================================
-
-import Unit from "./Unit";
-
-
-// ============================================================================
-// Types
-// ============================================================================
-
-type AngleUnit = "deg" | "rad";
-
-// ============================================================================
-// Classes
-// ============================================================================
-
-
-export default class Transform {
-
-    // Parameters
-    // ========================================================================
-
-    translateX: Unit;
-    translateY: Unit;
-    rotate: number;
-    rotateUnit: AngleUnit;
-    scaleX: number;
-    scaleY: number;
-
-    // Constructor
-    // ========================================================================
-
-    constructor(
-        translateX: Unit,
-        translateY: Unit,
-        rotate: number,
-        rotateUnit: AngleUnit,
-        scaleX: number,
-        scaleY: number
-    ) {
-        this.translateX = translateX;
-        this.translateY = translateY;
-        this.rotate = rotate;
-        this.rotateUnit = rotateUnit;
-        this.scaleX = scaleX;
-        this.scaleY = scaleY;
-    }
-
-    // Methods
-    // ========================================================================
-
-    setTranslation(translateX: Unit, translateY: Unit): void {
-        this.translateX = translateX;
-        this.translateY = translateY;
-    }
-
-    setRotation(angle: number, unit: AngleUnit): void {
-        this.rotate = angle;
-        this.rotateUnit = unit;
-    }
-
-    setScale(scaleX: number, scaleY: number): void {
-        this.scaleX = scaleX;
-        this.scaleY = scaleY;
-    }
-
-    toString(): string {
-        return `Transform: translate(${this.translateX.toString()}, ${this.translateY.toString()}) rotate(${this.rotate}${this.rotateUnit}) scale(${this.scaleX}, ${this.scaleY})`;
-    }
-}

package/ts/Typography.ts

@@ -1,75 +0,0 @@
-// ============================================================================
-// Import
-// ============================================================================
-
-import Unit from "./Unit";
-
-
-// ============================================================================
-// Types
-// ============================================================================
-
-type FontWeight = "normal" | "bold" | number;
-
-
-// ============================================================================
-// Classes
-// ============================================================================
-
-export default class Typography {
-
-    // Parameters
-    // ========================================================================
-
-    fontSize: Unit;
-    fontWeight: FontWeight;
-    lineHeight: Unit;
-    letterSpacing: Unit;
-    textAlign: "left" | "right" | "center" | "justify";
-
-    // Constructor
-    // ========================================================================
-
-    constructor(
-        fontSize: Unit,
-        fontWeight: FontWeight = "normal",
-        lineHeight: Unit,
-        letterSpacing: Unit,
-        textAlign: "left" | "right" | "center" | "justify" = "left"
-    ) {
-        this.fontSize = fontSize;
-        this.fontWeight = fontWeight;
-        this.lineHeight = lineHeight;
-        this.letterSpacing = letterSpacing;
-        this.textAlign = textAlign;
-    }
-
-
-    // Methods
-    // ========================================================================
-
-    setFontSize(fontSize: Unit): void {
-        this.fontSize = fontSize;
-    }
-
-    setFontWeight(fontWeight: FontWeight): void {
-        this.fontWeight = fontWeight;
-    }
-
-    setLineHeight(lineHeight: Unit): void {
-        this.lineHeight = lineHeight;
-    }
-
-    setLetterSpacing(letterSpacing: Unit): void {
-        this.letterSpacing = letterSpacing;
-    }
-
-    setTextAlign(textAlign: "left" | "right" | "center" | "justify"): void {
-        this.textAlign = textAlign;
-    }
-
-    toString(): string {
-        return `Typography: font-size ${this.fontSize.toString()}, weight ${this.fontWeight}, line-height ${this.lineHeight.toString()}, letter-spacing ${this.letterSpacing.toString()}, text-align ${this.textAlign}`;
-    }
-
-}

package/ts/Unit.ts

@@ -1,81 +0,0 @@
-// ============================================================================
-// Import
-// ============================================================================
-
-
-// ============================================================================
-// Types
-// ============================================================================
-
-type UnitType = "px" | "em" | "%" | "rem" | "mm" | "cm" | "in";
-
-
-// ============================================================================
-// Classes
-// ============================================================================
-
-export default class Unit {
-
-    // Parameters
-    // ========================================================================
-
-    value: number;
-    unit: UnitType;
-
-    // Constructor
-    // ========================================================================
-
-    constructor(value: number, unit: UnitType) {
-        this.value = value;
-        this.unit = unit;
-    }
-
-    // Methods
-    // ========================================================================
-
-    add(other: Unit): Unit {
-        if (this.unit !== other.unit) {
-            throw new Error(`Cannot add units of different types: ${this.unit} and ${other.unit}`);
-        }
-        return new Unit(this.value + other.value, this.unit);
-    }
-
-    subtract(other: Unit): Unit {
-        if (this.unit !== other.unit) {
-            throw new Error(`Cannot subtract units of different types: ${this.unit} and ${other.unit}`);
-        }
-        return new Unit(this.value - other.value, this.unit);
-    }
-
-    multiply(factor: number): Unit {
-        return new Unit(this.value * factor, this.unit);
-    }
-
-    divide(divisor: number): Unit {
-        return new Unit(this.value / divisor, this.unit);
-    }
-
-    convert(toUnit: UnitType): Unit {
-        // Example conversion: assumes 1in = 96px, 1cm = 37.7953px, etc.
-        const conversionRates: { [key in UnitType]?: number } = {
-            "px": 1,
-            "em": 16,
-            "rem": 16,
-            "in": 96,
-            "cm": 37.7953,
-            "mm": 3.77953,
-            "%": 1 // Conversion for percentages might be contextual
-        };
-
-        if (!conversionRates[this.unit] || !conversionRates[toUnit]) {
-            throw new Error(`Conversion from ${this.unit} to ${toUnit} is not supported`);
-        }
-
-        const convertedValue = (this.value * conversionRates[this.unit]!) / conversionRates[toUnit]!;
-        return new Unit(convertedValue, toUnit);
-    }
-
-    toString(): string {
-        return `${this.value}${this.unit}`;
-    }
-}