tgui-core 1.1.11 → 1.1.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tgui-core",
-  "version": "1.1.11",
+  "version": "1.1.13",
   "description": "TGUI core component library",
   "keywords": [
     "TGUI",
@@ -8,16 +8,16 @@
     "typescript"
   ],
   "files": [
-    "lib"
+    "dist"
   ],
   "exports": {
     "./components": {
-      "import": "./lib/components/index.ts",
-      "require": "./lib/components/index.ts"
+      "import": "./dist/components/index.js",
+      "require": "./dist/components/index.cjs"
     },
     "./*": {
-      "import": "./lib/common/*.ts",
-      "require": "./lib/common/*.ts"
+      "import": "./dist/common/*.js",
+      "require": "./dist/common/*.cjs"
     }
   },
   "repository": {
@@ -27,12 +27,9 @@
   "author": "jlsnow301",
   "license": "MIT",
   "type": "module",
-  "dependencies": {
-    "@popperjs/core": "^2.11.8",
-    "react-popper": "^2.3.0"
-  },
   "devDependencies": {
     "@eslint/js": "^9.6.0",
+    "@popperjs/core": "^2.11.8",
     "@types/eslint__js": "^8.42.3",
     "@types/node": "^20.14.10",
     "@types/react": "^18.3.3",
@@ -46,6 +43,7 @@
     "eslint-plugin-typescript-sort-keys": "^3.2.0",
     "eslint-plugin-unused-imports": "^4.0.0",
     "glob": "^10.4.3",
+    "react-popper": "^2.3.0",
     "sass": "^1.77.6",
     "typescript": "^5.5.3",
     "typescript-eslint": "^7.15.0",

package/lib/common/assets.ts

@@ -1,38 +0,0 @@
-import { Action, AnyAction, Dispatch, Middleware } from './redux';
-
-const EXCLUDED_PATTERNS = [/v4shim/i];
-const loadedMappings: Record<string, string> = {};
-
-export function resolveAsset(name: string): string {
-  return loadedMappings[name] || name;
-}
-
-export const assetMiddleware: Middleware =
-  (_storeApi) =>
-  <ActionType extends Action = AnyAction>(next: Dispatch<ActionType>) =>
-  (action: ActionType) => {
-    const { type, payload } = action as AnyAction;
-    if (type === 'asset/stylesheet') {
-      Byond.loadCss(payload);
-      return;
-    }
-    if (type === 'asset/mappings') {
-      for (const name of Object.keys(payload)) {
-        // Skip anything that matches excluded patterns
-        if (EXCLUDED_PATTERNS.some((regex) => regex.test(name))) {
-          continue;
-        }
-        const url = payload[name];
-        const ext = name.split('.').pop();
-        loadedMappings[name] = url;
-        if (ext === 'css') {
-          Byond.loadCss(url);
-        }
-        if (ext === 'js') {
-          Byond.loadJs(url);
-        }
-      }
-      return;
-    }
-    next(action);
-  };

package/lib/common/collections.ts

@@ -1,27 +0,0 @@
-type Zip<T extends unknown[][]> = {
-  [I in keyof T]: T[I] extends (infer U)[] ? U : never;
-}[];
-
-/**
- * Creates an array of grouped elements, the first of which contains
- * the first elements of the given arrays, the second of which contains
- * the second elements of the given arrays, and so on.
- */
-export function zip<T extends unknown[][]>(...arrays: T): Zip<T> {
-  if (arrays.length === 0) {
-    return [];
-  }
-  const numArrays = arrays.length;
-  const numValues = arrays[0].length;
-  const result: Zip<T> = [];
-  for (let valueIndex = 0; valueIndex < numValues; valueIndex++) {
-    const entry: unknown[] = [];
-    for (let arrayIndex = 0; arrayIndex < numArrays; arrayIndex++) {
-      entry.push(arrays[arrayIndex][valueIndex]);
-    }
-
-    // I tried everything to remove this any, and have no idea how to do it.
-    result.push(entry as any);
-  }
-  return result;
-}

package/lib/common/color.ts

@@ -1,88 +0,0 @@
-const EPSILON = 0.0001;
-
-export class Color {
-  r: number;
-  g: number;
-  b: number;
-  a: number;
-
-  constructor(r = 0, g = 0, b = 0, a = 1) {
-    this.r = r;
-    this.g = g;
-    this.b = b;
-    this.a = a;
-  }
-
-  toString(): string {
-    // Alpha component needs to permit fractional values, so cannot use |
-    let alpha = this.a;
-    if (typeof alpha === 'string') {
-      alpha = parseFloat(this.a as any);
-    }
-    if (isNaN(alpha)) {
-      alpha = 1;
-    }
-    return `rgba(${this.r | 0}, ${this.g | 0}, ${this.b | 0}, ${alpha})`;
-  }
-
-  /**  Darkens a color by a given percent. Returns a color, which can have toString called to get it's rgba() css value. */
-  darken(percent: number): Color {
-    percent /= 100;
-    return new Color(
-      this.r - this.r * percent,
-      this.g - this.g * percent,
-      this.b - this.b * percent,
-      this.a,
-    );
-  }
-
-  /** Brightens a color by a given percent. Returns a color, which can have toString called to get it's rgba() css value. */
-  lighten(percent: number): Color {
-    // No point in rewriting code we already have.
-    return this.darken(-percent);
-  }
-
-  /**
-   * Creates a color from the CSS hex color notation.
-   */
-  static fromHex(hex: string): Color {
-    return new Color(
-      parseInt(hex.slice(1, 3), 16),
-      parseInt(hex.slice(3, 5), 16),
-      parseInt(hex.slice(5, 7), 16),
-    );
-  }
-
-  /**
-   * Linear interpolation of two colors.
-   */
-  static lerp(c1: Color, c2: Color, n: number): Color {
-    return new Color(
-      (c2.r - c1.r) * n + c1.r,
-      (c2.g - c1.g) * n + c1.g,
-      (c2.b - c1.b) * n + c1.b,
-      (c2.a - c1.a) * n + c1.a,
-    );
-  }
-
-  /**
-   * Loops up the color in the provided list of colors
-   * with linear interpolation.
-   */
-  static lookup(value: number, colors: Color[]): Color {
-    const len = colors.length;
-    if (len < 2) {
-      throw new Error('Needs at least two colors!');
-    }
-    const scaled = value * (len - 1);
-    if (value < EPSILON) {
-      return colors[0];
-    }
-    if (value >= 1 - EPSILON) {
-      return colors[len - 1];
-    }
-    const ratio = scaled % 1;
-    const index = scaled | 0;
-    return this.lerp(colors[index], colors[index + 1], ratio);
-  }
-}

package/lib/common/constants.ts

@@ -1,349 +0,0 @@
-type Gas = {
-  color: string;
-  id: string;
-  label: string;
-  name: string;
-  path: string;
-};
-
-// UI states, which are mirrored from the BYOND code.
-export const UI_INTERACTIVE = 2;
-export const UI_UPDATE = 1;
-export const UI_DISABLED = 0;
-export const UI_CLOSE = -1;
-
-// All game related colors are stored here
-export const COLORS = {
-  // Department colors
-  department: {
-    captain: '#c06616',
-    security: '#e74c3c',
-    medbay: '#3498db',
-    science: '#9b59b6',
-    engineering: '#f1c40f',
-    cargo: '#f39c12',
-    service: '#7cc46a',
-    centcom: '#00c100',
-    other: '#c38312',
-  },
-  // Damage type colors
-  damageType: {
-    oxy: '#3498db',
-    toxin: '#2ecc71',
-    burn: '#e67e22',
-    brute: '#e74c3c',
-  },
-  // reagent / chemistry related colours
-  reagent: {
-    acidicbuffer: '#fbc314',
-    basicbuffer: '#3853a4',
-  },
-} as const;
-
-// Colors defined in CSS
-export const CSS_COLORS = [
-  'average',
-  'bad',
-  'black',
-  'blue',
-  'brown',
-  'good',
-  'green',
-  'grey',
-  'label',
-  'olive',
-  'orange',
-  'pink',
-  'purple',
-  'red',
-  'teal',
-  'transparent',
-  'violet',
-  'white',
-  'yellow',
-] as const;
-
-export type CssColor = (typeof CSS_COLORS)[number];
-
-/* IF YOU CHANGE THIS KEEP IT IN SYNC WITH CHAT CSS */
-export const RADIO_CHANNELS = [
-  {
-    name: 'Syndicate',
-    freq: 1213,
-    color: '#8f4a4b',
-  },
-  {
-    name: 'Red Team',
-    freq: 1215,
-    color: '#ff4444',
-  },
-  {
-    name: 'Blue Team',
-    freq: 1217,
-    color: '#3434fd',
-  },
-  {
-    name: 'Green Team',
-    freq: 1219,
-    color: '#34fd34',
-  },
-  {
-    name: 'Yellow Team',
-    freq: 1221,
-    color: '#fdfd34',
-  },
-  {
-    name: 'CentCom',
-    freq: 1337,
-    color: '#2681a5',
-  },
-  {
-    name: 'Supply',
-    freq: 1347,
-    color: '#b88646',
-  },
-  {
-    name: 'Service',
-    freq: 1349,
-    color: '#6ca729',
-  },
-  {
-    name: 'Science',
-    freq: 1351,
-    color: '#c68cfa',
-  },
-  {
-    name: 'Command',
-    freq: 1353,
-    color: '#fcdf03',
-  },
-  {
-    name: 'Medical',
-    freq: 1355,
-    color: '#57b8f0',
-  },
-  {
-    name: 'Engineering',
-    freq: 1357,
-    color: '#f37746',
-  },
-  {
-    name: 'Security',
-    freq: 1359,
-    color: '#dd3535',
-  },
-  {
-    name: 'AI Private',
-    freq: 1447,
-    color: '#d65d95',
-  },
-  {
-    name: 'Common',
-    freq: 1459,
-    color: '#1ecc43',
-  },
-] as const;
-
-const GASES = [
-  {
-    id: 'o2',
-    path: '/datum/gas/oxygen',
-    name: 'Oxygen',
-    label: 'O₂',
-    color: 'blue',
-  },
-  {
-    id: 'n2',
-    path: '/datum/gas/nitrogen',
-    name: 'Nitrogen',
-    label: 'N₂',
-    color: 'yellow',
-  },
-  {
-    id: 'co2',
-    path: '/datum/gas/carbon_dioxide',
-    name: 'Carbon Dioxide',
-    label: 'CO₂',
-    color: 'grey',
-  },
-  {
-    id: 'plasma',
-    path: '/datum/gas/plasma',
-    name: 'Plasma',
-    label: 'Plasma',
-    color: 'pink',
-  },
-  {
-    id: 'water_vapor',
-    path: '/datum/gas/water_vapor',
-    name: 'Water Vapor',
-    label: 'H₂O',
-    color: 'lightsteelblue',
-  },
-  {
-    id: 'hypernoblium',
-    path: '/datum/gas/hypernoblium',
-    name: 'Hyper-noblium',
-    label: 'Hyper-nob',
-    color: 'teal',
-  },
-  {
-    id: 'n2o',
-    path: '/datum/gas/nitrous_oxide',
-    name: 'Nitrous Oxide',
-    label: 'N₂O',
-    color: 'bisque',
-  },
-  {
-    id: 'no2',
-    path: '/datum/gas/nitrium',
-    name: 'Nitrium',
-    label: 'Nitrium',
-    color: 'brown',
-  },
-  {
-    id: 'tritium',
-    path: '/datum/gas/tritium',
-    name: 'Tritium',
-    label: 'Tritium',
-    color: 'limegreen',
-  },
-  {
-    id: 'bz',
-    path: '/datum/gas/bz',
-    name: 'BZ',
-    label: 'BZ',
-    color: 'mediumpurple',
-  },
-  {
-    id: 'pluoxium',
-    path: '/datum/gas/pluoxium',
-    name: 'Pluoxium',
-    label: 'Pluoxium',
-    color: 'mediumslateblue',
-  },
-  {
-    id: 'miasma',
-    path: '/datum/gas/miasma',
-    name: 'Miasma',
-    label: 'Miasma',
-    color: 'olive',
-  },
-  {
-    id: 'freon',
-    path: '/datum/gas/freon',
-    name: 'Freon',
-    label: 'Freon',
-    color: 'paleturquoise',
-  },
-  {
-    id: 'hydrogen',
-    path: '/datum/gas/hydrogen',
-    name: 'Hydrogen',
-    label: 'H₂',
-    color: 'white',
-  },
-  {
-    id: 'healium',
-    path: '/datum/gas/healium',
-    name: 'Healium',
-    label: 'Healium',
-    color: 'salmon',
-  },
-  {
-    id: 'proto_nitrate',
-    path: '/datum/gas/proto_nitrate',
-    name: 'Proto Nitrate',
-    label: 'Proto-Nitrate',
-    color: 'greenyellow',
-  },
-  {
-    id: 'zauker',
-    path: '/datum/gas/zauker',
-    name: 'Zauker',
-    label: 'Zauker',
-    color: 'darkgreen',
-  },
-  {
-    id: 'halon',
-    path: '/datum/gas/halon',
-    name: 'Halon',
-    label: 'Halon',
-    color: 'purple',
-  },
-  {
-    id: 'helium',
-    path: '/datum/gas/helium',
-    name: 'Helium',
-    label: 'He',
-    color: 'aliceblue',
-  },
-  {
-    id: 'antinoblium',
-    path: '/datum/gas/antinoblium',
-    name: 'Antinoblium',
-    label: 'Anti-Noblium',
-    color: 'maroon',
-  },
-  {
-    id: 'nitrium',
-    path: '/datum/gas/nitrium',
-    name: 'Nitrium',
-    label: 'Nitrium',
-    color: 'brown',
-  },
-] as const;
-
-// Returns gas label based on gasId
-export function getGasLabel(gasId: string, fallbackValue?: string) {
-  if (!gasId) return fallbackValue || 'None';
-
-  const gasSearchString = gasId.toLowerCase();
-
-  for (let idx = 0; idx < GASES.length; idx++) {
-    if (GASES[idx].id === gasSearchString) {
-      return GASES[idx].label;
-    }
-  }
-
-  return fallbackValue || 'None';
-}
-
-// Returns gas color based on gasId
-export function getGasColor(gasId: string) {
-  if (!gasId) return 'black';
-
-  const gasSearchString = gasId.toLowerCase();
-
-  for (let idx = 0; idx < GASES.length; idx++) {
-    if (GASES[idx].id === gasSearchString) {
-      return GASES[idx].color;
-    }
-  }
-
-  return 'black';
-}
-
-// Returns gas object based on gasId
-export const getGasFromId = (gasId: string): Gas | undefined => {
-  if (!gasId) return;
-
-  const gasSearchString = gasId.toLowerCase();
-
-  for (let idx = 0; idx < GASES.length; idx++) {
-    if (GASES[idx].id === gasSearchString) {
-      return GASES[idx];
-    }
-  }
-};
-
-// Returns gas object based on gasPath
-export const getGasFromPath = (gasPath: string): Gas | undefined => {
-  if (!gasPath) return;
-
-  for (let idx = 0; idx < GASES.length; idx++) {
-    if (GASES[idx].path === gasPath) {
-      return GASES[idx];
-    }
-  }
-};