unit.gl 0.0.35 → 0.0.39

package/ts/Typography.ts

@@ -0,0 +1,41 @@
+type FontWeight = 'normal' | 'bold' | number;
+
+class Typography {
+    fontSize: Unit;
+    fontWeight: FontWeight;
+    lineHeight: Unit;
+    letterSpacing: Unit;
+    textAlign: 'left' | 'right' | 'center' | 'justify';
+
+    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;
+    }
+
+    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

@@ -0,0 +1,57 @@
+type UnitType = 'px' | 'em' | '%' | 'rem' | 'mm' | 'cm' | 'in';
+
+class Unit {
+    value: number;
+    unit: UnitType;
+
+    constructor(value: number, unit: UnitType) {
+        this.value = value;
+        this.unit = unit;
+    }
+
+    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}`;
+    }
+}

package/ts/Viewport.ts

@@ -0,0 +1,24 @@
+class Viewport {
+    width: Unit;
+    height: Unit;
+    pixelRatio: number;
+
+    constructor(width: Unit, height: Unit, pixelRatio: number = 1) {
+        this.width = width;
+        this.height = height;
+        this.pixelRatio = pixelRatio;
+    }
+
+    resize(newWidth: Unit, newHeight: Unit): void {
+        this.width = newWidth;
+        this.height = newHeight;
+    }
+
+    setPixelRatio(ratio: number): void {
+        this.pixelRatio = ratio;
+    }
+
+    toString(): string {
+        return `Viewport: ${this.width.toString()} x ${this.height.toString()} @ ${this.pixelRatio}x pixel ratio`;
+    }
+}

package/js/index.d.ts

@@ -1 +0,0 @@
-export {};

package/js/index.js

@@ -1,3 +0,0 @@
-"use strict";
-// Copyright 2020 Scape Agency BV
-Object.defineProperty(exports, "__esModule", { value: true });

package/js/unit.gl.min.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"t",{value:!0});

package/scss/classes/_paper.scss

@@ -1,97 +0,0 @@
-// Copyright 2024 Scape Agency BV
-
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-
-// http://www.apache.org/licenses/LICENSE-2.0
-
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-
-
-// ============================================================================
-// Paper Module
-// ============================================================================
-
-
-@use "../variables" as *;
-
-  
-// Usage
-// ============================================================================
-
-// .paper {
-
-//     // Q Series
-//     // ------------------------------------------------------------------------
-//     &.q0    { @include set_paper_size("q0"); }
-//     &.q1    { @include set_paper_size("q1"); }
-//     &.q2    { @include set_paper_size("q2"); }
-//     &.q3    { @include set_paper_size("q3"); }
-//     &.q4    { @include set_paper_size("q4"); }
-//     &.q5    { @include set_paper_size("q5"); }
-//     &.q6    { @include set_paper_size("q6"); }
-//     &.q7    { @include set_paper_size("q7"); }
-//     &.q8    { @include set_paper_size("q8"); }
-//     &.q9    { @include set_paper_size("q9"); }
-//     &.q10   { @include set_paper_size("q10"); }
-
-//     // ISO A Series
-//     // ------------------------------------------------------------------------
-//     &.iso_a0    { @include set_paper_size("iso_a0"); }
-//     &.iso_a1    { @include set_paper_size("iso_a1"); }
-//     &.iso_a2    { @include set_paper_size("iso_a2"); }
-//     &.iso_a3    { @include set_paper_size("iso_a3"); }
-//     &.iso_a4    { @include set_paper_size("iso_a4"); }
-//     &.iso_a5    { @include set_paper_size("iso_a5"); }
-//     &.iso_a6    { @include set_paper_size("iso_a6"); }
-//     &.iso_a7    { @include set_paper_size("iso_a7"); }
-//     &.iso_a8    { @include set_paper_size("iso_a8"); }
-//     &.iso_a9    { @include set_paper_size("iso_a9"); }
-//     &.iso_a10   { @include set_paper_size("iso_a10"); }
-
-// }
-
-// Function to calculate ISO paper sizes
-// @function iso-paper-size($number) {
-//     $base-width:   841mm;
-//     $base-height: 1189mm;
-
-//     @for $i from 0 through $number {
-//         $base-width: $base-width / if($i > 0, 2, 1);
-//         $base-height: $base-height / if($i > 0 and $i % 2 == 0, 2, 1);
-//     }
-
-//     @return (width: $base-width, height: $base-height);
-// }
-
-
-// Function to calculate ISO B-series paper sizes
-// @function iso-paper-size-b($number) {
-//     $base-width: 1000mm; // Approximate base width for B0
-//     $base-height: 1414mm; // Approximate base height for B0
-  
-//     @for $i from 0 through $number {
-//       $base-width: $base-width / if($i > 0, sqrt(2), 1);
-//       $base-height: $base-height / if($i > 0 and $i % 2 == 0, sqrt(2), 1);
-//     }
-  
-//     @return (width: $base-width, height: $base-height);
-//   }
-
-// Function to calculate ISO C-series paper sizes
-// @function iso-paper-size-c($number) {
-//     $base-width: 917mm; // Approximate base width for C0
-//     $base-height: 1297mm; // Approximate base height for C0
-  
-//     @for $i from 0 through $number {
-//       $base-width: $base-width / if($i > 0, sqrt(2), 1);
-//       $base-height: $base-height / if($i > 0 and $i % 2 == 0, sqrt(2), 1);
-//     }
-  
-//     @return (width: $base-width, height: $base-height);
-//   }

package/scss/functions/_arithmetic.scss

@@ -1,64 +0,0 @@
-// Copyright 2024 Scape Agency BV
-
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-
-// http://www.apache.org/licenses/LICENSE-2.0
-
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-
-
-// Unitless Arithmetic Functions
-// ============================================================================
-// Functions to perform arithmetic operations while ensuring correct handling of units.
-
-/// Adds two values, handling units.
-/// @param $value1 - First value
-/// @param $value2 - Second value
-/// @return - Sum of the two values
-@function add($value1, $value2) {
-    @if unitless($value1) and unitless($value2) {
-        // Both values are unitless, return simple addition
-        @return $value1 + $value2;
-    } @else if unitless($value1) {
-        // First value is unitless, convert it to the unit of the second value
-        @return $value1 + unit-strip($value2);
-    } @else if unitless($value2) {
-        // Second value is unitless, convert it to the unit of the first value
-        @return unit-strip($value1) + $value2;
-    } @else if unit($value1) == unit($value2) {
-        // Both values have the same unit
-        @return $value1 + $value2;
-    }
-    // Mismatched units, return a warning
-    @warn "Cannot add values with different units: #{$value1} and #{$value2}";
-    @return null;
-}
-
-/// Subtracts one value from another, handling units.
-/// @param $value1 - First value
-/// @param $value2 - Second value
-/// @return - Difference of the two values
-@function subtract($value1, $value2) {
-    @if unitless($value1) and unitless($value2) {
-        // Both values are unitless, return simple subtraction
-        @return $value1 - $value2;
-    } @else if unitless($value1) {
-        // First value is unitless, convert it to the unit of the second value
-        @return $value1 - unit-strip($value2);
-    } @else if unitless($value2) {
-        // Second value is unitless, convert it to the unit of the first value
-        @return unit-strip($value1) - $value2;
-    } @else if unit($value1) == unit($value2) {
-        // Both values have the same unit
-        @return $value1 - $value2;
-    }
-    // Mismatched units, return a warning
-    @warn "Cannot subtract values with different units: #{$value1} and #{$value2}";
-    @return null;
-}

package/scss/functions/_unit_conversion.scss

@@ -1,77 +0,0 @@
-// Copyright 2024 Scape Agency BV
-
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-
-// http://www.apache.org/licenses/LICENSE-2.0
-
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-
-
-
-
-// Unit Conversion Functions
-// Create functions to convert between different measurement units, such as pixels to rem, em to pixels, etc.
-
-@function px-to-rem($size, $base: 16px) {
-    @return $size / $base * 1rem;
-}
-
-@function rem-to-px($size, $base: 16px) {
-    @return $size * $base;
-}
-
-@function em-to-px($size, $context: 16px) {
-    @return $size * $context;
-}
-
-@function px-to-em($size, $context: 16px) {
-    @return $size / $context * 1em;
-}
-
-
-// Base font-size for the document
-$base-font-size: 16px !default;
-
-// Validate that the input is a pixel value
-@function validate-px($value) {
-    @if unit($value) != 'px' {
-        @error "Expected a pixel value, but got `#{$value}`.";
-    }
-    @return $value;
-}
-
-// Convert pixels to rem
-@function px-to-rem($size) {
-    $validated-size: validate-px($size);
-    @return $validated-size / $base-font-size * 1rem;
-}
-
-// Convert rem to pixels
-@function rem-to-px($size) {
-    @if unit($size) != 'rem' {
-        @error "Expected a rem value, but got `#{$size}`.";
-    }
-    @return $size * $base-font-size;
-}
-
-// Convert em to pixels
-@function em-to-px($size, $context: $base-font-size) {
-    $validated-context: validate-px($context);
-    @if unit($size) != 'em' {
-        @error "Expected an em value, but got `#{$size}`.";
-    }
-    @return $size * $validated-context;
-}
-
-// Convert pixels to em
-@function px-to-em($size, $context: $base-font-size) {
-    $validated-size: validate-px($size);
-    $validated-context: validate-px($context);
-    @return $validated-size / $validated-context * 1em;
-}