tgui-core 1.1.8 → 1.1.9

package/lib/common/assets.ts

@@ -0,0 +1,38 @@
+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

@@ -0,0 +1,27 @@
+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

@@ -0,0 +1,88 @@
+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

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