) {
});
// Push recipes
const _recipes = crafting_recipes[category];
- for (let recipe of _recipes) {
+ for (const recipe of _recipes) {
recipes.push({
...recipe,
category,
diff --git a/tgui/packages/tgui/interfaces/PlantAnalyzer.tsx b/tgui/packages/tgui/interfaces/PlantAnalyzer.tsx
index 5be55681a5..8304545cfd 100644
--- a/tgui/packages/tgui/interfaces/PlantAnalyzer.tsx
+++ b/tgui/packages/tgui/interfaces/PlantAnalyzer.tsx
@@ -9,7 +9,7 @@ type Data = {
name: string;
uid: number;
endurance: string;
- yield: string;
+ crop_yield: string;
maturation_time: string;
production_time: string;
potency: string;
@@ -76,7 +76,7 @@ const PlantAnalyzerContent = (props) => {
{seed.name}#{seed.uid}
{seed.endurance}
- {seed.yield}
+ {seed.crop_yield}
{seed.maturation_time}
diff --git a/tgui/packages/tgui/interfaces/PowerMonitor/types.ts b/tgui/packages/tgui/interfaces/PowerMonitor/types.ts
index d2e1a2a8b2..5f2860204f 100644
--- a/tgui/packages/tgui/interfaces/PowerMonitor/types.ts
+++ b/tgui/packages/tgui/interfaces/PowerMonitor/types.ts
@@ -1,4 +1,4 @@
-import { BooleanLike } from 'tgui-core/react';
+import type { BooleanLike } from 'tgui-core/react';
export type Data = {
all_sensors: { name: string; alarm: BooleanLike }[];
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/GamePreferencesPage.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/GamePreferencesPage.tsx
index fc0d0183e3..63e3de530f 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/GamePreferencesPage.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/GamePreferencesPage.tsx
@@ -1,5 +1,5 @@
import { binaryInsertWith } from 'common/collections';
-import { ReactNode, useState } from 'react';
+import { type ReactNode, useState } from 'react';
import { useBackend } from 'tgui/backend';
import {
Box,
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/PageButton.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/PageButton.tsx
index 431b3b2de7..a3beb91c3c 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/PageButton.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/PageButton.tsx
@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
import { Button } from 'tgui-core/components';
export const PageButton = (props: {
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/ServerPreferencesFetcher.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/ServerPreferencesFetcher.tsx
index 4c20918d98..4615b66859 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/ServerPreferencesFetcher.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/ServerPreferencesFetcher.tsx
@@ -1,4 +1,4 @@
-import { Component, ReactNode } from 'react';
+import { Component, type ReactNode } from 'react';
import { resolveAsset } from 'tgui/assets';
import { fetchRetry } from 'tgui-core/http';
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/TabbedMenu.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/TabbedMenu.tsx
index 34091267c0..c576966e68 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/TabbedMenu.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/TabbedMenu.tsx
@@ -1,9 +1,9 @@
import {
Component,
- ComponentProps,
+ type ComponentProps,
createRef,
- ReactNode,
- RefObject,
+ type ReactNode,
+ type RefObject,
} from 'react';
import { Button, Section, Stack } from 'tgui-core/components';
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/abductor.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/abductor.ts
index 789e5e9823..4acc98e555 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/abductor.ts
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/abductor.ts
@@ -1,4 +1,4 @@
-import { Antagonist, Category } from '../base';
+import { type Antagonist, Category } from '../base';
const Abductor: Antagonist = {
key: 'abductor',
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/blob.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/blob.ts
index 92cd5bdc44..fa8511ec58 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/blob.ts
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/blob.ts
@@ -1,4 +1,4 @@
-import { Antagonist, Category } from '../base';
+import { type Antagonist, Category } from '../base';
export const BLOB_MECHANICAL_DESCRIPTION = `
The blob infests the station and destroys everything in its path, including
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/blobinfection.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/blobinfection.ts
index d8a5f135fe..6fab0ea65b 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/blobinfection.ts
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/blobinfection.ts
@@ -1,4 +1,4 @@
-import { Antagonist, Category } from '../base';
+import { type Antagonist, Category } from '../base';
import { BLOB_MECHANICAL_DESCRIPTION } from './blob';
const BlobInfection: Antagonist = {
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/bloodbrother.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/bloodbrother.ts
index 56cbcbfc97..c3fabde185 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/bloodbrother.ts
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/bloodbrother.ts
@@ -1,4 +1,4 @@
-import { Antagonist, Category } from '../base';
+import { type Antagonist, Category } from '../base';
const BloodBrother: Antagonist = {
key: 'bloodbrother',
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/changeling.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/changeling.ts
index 9124a07063..78106f5f5a 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/changeling.ts
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/changeling.ts
@@ -1,4 +1,4 @@
-import { Antagonist, Category } from '../base';
+import { type Antagonist, Category } from '../base';
export const CHANGELING_MECHANICAL_DESCRIPTION = `
Transform yourself or others into different identities, and buy from an
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/changelingmidround.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/changelingmidround.ts
index 8324bdb858..ca581512d2 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/changelingmidround.ts
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/changelingmidround.ts
@@ -1,4 +1,4 @@
-import { Antagonist, Category } from '../base';
+import { type Antagonist, Category } from '../base';
import { CHANGELING_MECHANICAL_DESCRIPTION } from './changeling';
const ChangelingMidround: Antagonist = {
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/clownoperative.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/clownoperative.ts
index 61f874a2e9..8917d49d9c 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/clownoperative.ts
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/clownoperative.ts
@@ -1,4 +1,4 @@
-import { Antagonist, Category } from '../base';
+import { type Antagonist, Category } from '../base';
import { OPERATIVE_MECHANICAL_DESCRIPTION } from './operative';
const ClownOperative: Antagonist = {
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/cultist.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/cultist.ts
index c5cfaf61c2..2005dd9b64 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/cultist.ts
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/cultist.ts
@@ -1,4 +1,4 @@
-import { Antagonist, Category } from '../base';
+import { type Antagonist, Category } from '../base';
const Cultist: Antagonist = {
key: 'cultist',
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/fugitive.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/fugitive.ts
index f05a96c2ec..14bd224290 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/fugitive.ts
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/fugitive.ts
@@ -1,4 +1,4 @@
-import { Antagonist, Category } from '../base';
+import { type Antagonist, Category } from '../base';
const Fugitive: Antagonist = {
key: 'fugitive',
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/glitch.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/glitch.ts
index 3d269c54ca..954a3d5842 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/glitch.ts
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/glitch.ts
@@ -1,4 +1,4 @@
-import { Antagonist, Category } from '../base';
+import { type Antagonist, Category } from '../base';
const Glitch: Antagonist = {
key: 'glitch',
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/headrevolutionary.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/headrevolutionary.ts
index 0a1d644266..6d0b8362a7 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/headrevolutionary.ts
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/headrevolutionary.ts
@@ -1,4 +1,4 @@
-import { Antagonist, Category } from '../base';
+import { type Antagonist, Category } from '../base';
export const REVOLUTIONARY_MECHANICAL_DESCRIPTION = `
Armed with a flash, convert as many people to the revolution as you can.
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/heretic.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/heretic.ts
index 8c2d631bd5..dae865096c 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/heretic.ts
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/heretic.ts
@@ -1,4 +1,4 @@
-import { Antagonist, Category } from '../base';
+import { type Antagonist, Category } from '../base';
export const HERETIC_MECHANICAL_DESCRIPTION = `
Find hidden influences and sacrifice crew members to gain magical
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/hereticsmuggler.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/hereticsmuggler.ts
index 6ce90a3552..bde3be6717 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/hereticsmuggler.ts
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/hereticsmuggler.ts
@@ -1,4 +1,4 @@
-import { Antagonist, Category } from '../base';
+import { type Antagonist, Category } from '../base';
import { HERETIC_MECHANICAL_DESCRIPTION } from './heretic';
const HereticSmuggler: Antagonist = {
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/loneoperative.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/loneoperative.ts
index 3f8ac5c5b7..e83f8fa07d 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/loneoperative.ts
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/loneoperative.ts
@@ -1,4 +1,4 @@
-import { Antagonist, Category } from '../base';
+import { type Antagonist, Category } from '../base';
import { OPERATIVE_MECHANICAL_DESCRIPTION } from './operative';
const LoneOperative: Antagonist = {
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/malfai.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/malfai.ts
index 03aadd752c..e7e7218cd6 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/malfai.ts
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/malfai.ts
@@ -1,4 +1,4 @@
-import { Antagonist, Category } from '../base';
+import { type Antagonist, Category } from '../base';
export const MALF_AI_MECHANICAL_DESCRIPTION = `
With a law zero to complete your objectives at all costs, combine your
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/malfaimidround.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/malfaimidround.ts
index 84e52b43dc..9133546bd6 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/malfaimidround.ts
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/malfaimidround.ts
@@ -1,4 +1,4 @@
-import { Antagonist, Category } from '../base';
+import { type Antagonist, Category } from '../base';
import { MALF_AI_MECHANICAL_DESCRIPTION } from './malfai';
const MalfAIMidround: Antagonist = {
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/nightmare.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/nightmare.ts
index 90046dd625..fcb2fe4150 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/nightmare.ts
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/nightmare.ts
@@ -1,4 +1,4 @@
-import { Antagonist, Category } from '../base';
+import { type Antagonist, Category } from '../base';
const Nightmare: Antagonist = {
key: 'nightmare',
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/obsessed.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/obsessed.ts
index 8d4c981398..cbb57f03b2 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/obsessed.ts
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/obsessed.ts
@@ -1,4 +1,4 @@
-import { Antagonist, Category } from '../base';
+import { type Antagonist, Category } from '../base';
const Obsessed: Antagonist = {
key: 'obsessed',
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/operative.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/operative.ts
index a8182de9e0..06b0e27f47 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/operative.ts
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/operative.ts
@@ -1,4 +1,4 @@
-import { Antagonist, Category } from '../base';
+import { type Antagonist, Category } from '../base';
export const OPERATIVE_MECHANICAL_DESCRIPTION = `
Retrieve the nuclear authentication disk, use it to activate the nuclear
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/operativemidround.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/operativemidround.ts
index 7497c6442f..d46484d0ec 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/operativemidround.ts
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/operativemidround.ts
@@ -1,4 +1,4 @@
-import { Antagonist, Category } from '../base';
+import { type Antagonist, Category } from '../base';
import { OPERATIVE_MECHANICAL_DESCRIPTION } from './operative';
const OperativeMidround: Antagonist = {
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/paradoxclone.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/paradoxclone.ts
index 1456df3ec6..8104e3798f 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/paradoxclone.ts
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/paradoxclone.ts
@@ -1,4 +1,4 @@
-import { Antagonist, Category } from '../base';
+import { type Antagonist, Category } from '../base';
const ParadoxClone: Antagonist = {
key: 'paradoxclone',
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/provocateur.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/provocateur.ts
index 1d2879c867..51f887dc61 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/provocateur.ts
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/provocateur.ts
@@ -1,4 +1,4 @@
-import { Antagonist, Category } from '../base';
+import { type Antagonist, Category } from '../base';
import { REVOLUTIONARY_MECHANICAL_DESCRIPTION } from './headrevolutionary';
const Provocateur: Antagonist = {
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/revenant.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/revenant.ts
index 241b52b3e4..642942a668 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/revenant.ts
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/revenant.ts
@@ -1,4 +1,4 @@
-import { Antagonist, Category } from '../base';
+import { type Antagonist, Category } from '../base';
const Revenant: Antagonist = {
key: 'revenant',
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/sentiencepotionspawn.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/sentiencepotionspawn.ts
index e69db3bec3..8a53721c93 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/sentiencepotionspawn.ts
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/sentiencepotionspawn.ts
@@ -1,4 +1,4 @@
-import { Antagonist, Category } from '../base';
+import { type Antagonist, Category } from '../base';
const SentientCreature: Antagonist = {
key: 'sentiencepotionspawn',
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/spacedragon.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/spacedragon.ts
index 4a11cc94d1..8681020495 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/spacedragon.ts
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/spacedragon.ts
@@ -1,4 +1,4 @@
-import { Antagonist, Category } from '../base';
+import { type Antagonist, Category } from '../base';
const SpaceDragon: Antagonist = {
key: 'spacedragon',
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/spaceninja.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/spaceninja.ts
index e6db1b96f9..1402da62a0 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/spaceninja.ts
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/spaceninja.ts
@@ -1,4 +1,4 @@
-import { Antagonist, Category } from '../base';
+import { type Antagonist, Category } from '../base';
const SpaceNinja: Antagonist = {
key: 'spaceninja',
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/spy.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/spy.ts
index b004b972d4..843a201f97 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/spy.ts
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/spy.ts
@@ -1,4 +1,4 @@
-import { Antagonist, Category } from '../base';
+import { type Antagonist, Category } from '../base';
const Spy: Antagonist = {
key: 'spy',
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/stowawaychangeling.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/stowawaychangeling.ts
index 20ba22ee07..f22b7208df 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/stowawaychangeling.ts
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/stowawaychangeling.ts
@@ -1,4 +1,4 @@
-import { Antagonist, Category } from '../base';
+import { type Antagonist, Category } from '../base';
import { CHANGELING_MECHANICAL_DESCRIPTION } from './changeling';
const Stowaway_Changeling: Antagonist = {
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/syndicateinfiltrator.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/syndicateinfiltrator.ts
index 45ad29292b..f35e50057e 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/syndicateinfiltrator.ts
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/syndicateinfiltrator.ts
@@ -1,4 +1,4 @@
-import { Antagonist, Category } from '../base';
+import { type Antagonist, Category } from '../base';
import { TRAITOR_MECHANICAL_DESCRIPTION } from './traitor';
const SyndicateInfiltrator: Antagonist = {
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/syndicatesleeperagent.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/syndicatesleeperagent.ts
index 4a680e5d34..1e6374c400 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/syndicatesleeperagent.ts
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/syndicatesleeperagent.ts
@@ -1,4 +1,4 @@
-import { Antagonist, Category } from '../base';
+import { type Antagonist, Category } from '../base';
import { TRAITOR_MECHANICAL_DESCRIPTION } from './traitor';
const SyndicateSleeperAgent: Antagonist = {
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/traitor.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/traitor.ts
index ccb6391998..025b727f81 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/traitor.ts
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/traitor.ts
@@ -1,4 +1,4 @@
-import { Antagonist, Category } from '../base';
+import { type Antagonist, Category } from '../base';
export const TRAITOR_MECHANICAL_DESCRIPTION = `
Start with an uplink to purchase your gear and take on your sinister
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/wizard.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/wizard.ts
index 62530a26f6..b59e3f4cd7 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/wizard.ts
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/wizard.ts
@@ -1,4 +1,4 @@
-import { Antagonist, Category } from '../base';
+import { type Antagonist, Category } from '../base';
export const WIZARD_MECHANICAL_DESCRIPTION = `
Choose between a variety of powerful spells in order to cause chaos
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/wizardmidround.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/wizardmidround.ts
index b36a9f5170..6161e14752 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/wizardmidround.ts
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/wizardmidround.ts
@@ -1,4 +1,4 @@
-import { Antagonist, Category } from '../base';
+import { type Antagonist, Category } from '../base';
import { WIZARD_MECHANICAL_DESCRIPTION } from './wizard';
const WizardMidround: Antagonist = {
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/xenomorph.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/xenomorph.ts
index a9a1960f3b..2fecacca9e 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/xenomorph.ts
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/xenomorph.ts
@@ -1,4 +1,4 @@
-import { Antagonist, Category } from '../base';
+import { type Antagonist, Category } from '../base';
const Xenomorph: Antagonist = {
key: 'xenomorph',
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/data.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/data.ts
index ff8d1b112a..46cd6ff967 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/data.ts
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/data.ts
@@ -1,4 +1,4 @@
-import { sendAct } from '../../backend';
+import type { sendAct } from '../../backend';
export enum GamePreferencesSelectedPage {
Settings,
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/index.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/index.tsx
index 9f22976aa6..22df23192c 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/index.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/index.tsx
@@ -5,7 +5,7 @@ import { useBackend } from 'tgui/backend';
// import { CharacterPreferenceWindow } from './CharacterPreferenceWindow';
import {
GamePreferencesSelectedPage,
- PreferencesMenuData,
+ type PreferencesMenuData,
Window,
} from './data';
import { GamePreferenceWindow } from './GamePreferenceWindow';
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/base.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/base.tsx
index b427f5ab11..8f5a4b34da 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/base.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/base.tsx
@@ -1,12 +1,12 @@
import {
- ComponentType,
+ type ComponentType,
createElement,
- ReactNode,
+ type ReactNode,
useEffect,
useState,
} from 'react';
import React from 'react';
-import { sendAct, useBackend } from 'tgui/backend';
+import { type sendAct, useBackend } from 'tgui/backend';
import {
Box,
Button,
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/dropdowns.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/dropdowns.tsx
index cf4959ce62..df1f20e8f3 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/dropdowns.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/dropdowns.tsx
@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
import { Box, Dropdown, Stack } from 'tgui-core/components';
import { classes } from 'tgui-core/react';
import { capitalizeFirst } from 'tgui-core/string';
@@ -37,7 +37,7 @@ export function FeatureDropdownInput(props: DropdownInputProps) {
const { choices, display_names } = serverData;
const dropdownOptions = choices.map((choice) => {
- let displayText: ReactNode = display_names
+ const displayText: ReactNode = display_names
? display_names[choice]
: capitalizeFirst(choice);
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/admin.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/admin.tsx
index 62098710d8..df7b9e9c84 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/admin.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/admin.tsx
@@ -1,8 +1,8 @@
import {
CheckboxInput,
- Feature,
+ type Feature,
FeatureColorInput,
- FeatureToggle,
+ type FeatureToggle,
} from '../base';
export const CHAT_ATTACKLOGS: FeatureToggle = {
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/adult.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/adult.tsx
index 7c212d8c73..c1a3b429bb 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/adult.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/adult.tsx
@@ -1,4 +1,4 @@
-import { CheckboxInput, FeatureToggle } from '../base';
+import { CheckboxInput, type FeatureToggle } from '../base';
// Vorey sounds
export const BELCH_NOISES: FeatureToggle = {
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/auto_fit_viewport.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/auto_fit_viewport.tsx
index 696b7534d2..a8c92784d9 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/auto_fit_viewport.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/auto_fit_viewport.tsx
@@ -1,4 +1,4 @@
-import { CheckboxInput, FeatureToggle } from '../base';
+import { CheckboxInput, type FeatureToggle } from '../base';
export const auto_fit_viewport: FeatureToggle = {
name: 'Auto fit viewport',
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/chat.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/chat.tsx
index 71a00a535f..e7af497841 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/chat.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/chat.tsx
@@ -1,4 +1,4 @@
-import { CheckboxInput, FeatureToggle } from '../base';
+import { CheckboxInput, type FeatureToggle } from '../base';
export const CHAT_SHOWICONS: FeatureToggle = {
name: 'Chat Tags',
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/ghost.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/ghost.tsx
index 10cc2297af..ec90d173a0 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/ghost.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/ghost.tsx
@@ -1,4 +1,4 @@
-import { CheckboxInput, FeatureToggle } from '../base';
+import { CheckboxInput, type FeatureToggle } from '../base';
export const WHISUBTLE_VIS: FeatureToggle = {
name: 'Allow ghosts to see whispers/subtles',
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/misc.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/misc.tsx
index 30af7c11b3..a0da3a9422 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/misc.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/misc.tsx
@@ -1,4 +1,4 @@
-import { CheckboxInput, FeatureToggle } from '../base';
+import { CheckboxInput, type FeatureToggle } from '../base';
export const AMBIENT_OCCLUSION_PREF: FeatureToggle = {
name: 'Enable ambient occlusion',
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/runechat.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/runechat.tsx
index 832c3d79fe..97a6f72bad 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/runechat.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/runechat.tsx
@@ -1,4 +1,4 @@
-import { CheckboxInput, FeatureToggle } from '../base';
+import { CheckboxInput, type FeatureToggle } from '../base';
export const RUNECHAT_MOB: FeatureToggle = {
name: 'Runechat: Mobs',
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/sound.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/sound.tsx
index 5284e1435e..fa8cb8095b 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/sound.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/sound.tsx
@@ -1,8 +1,8 @@
import {
CheckboxInput,
FeatureNumberInput,
- FeatureNumeric,
- FeatureToggle,
+ type FeatureNumeric,
+ type FeatureToggle,
} from '../base';
export const SOUND_MIDI: FeatureToggle = {
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/tooltip.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/tooltip.tsx
index 52527bd0fe..5d6a484314 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/tooltip.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/tooltip.tsx
@@ -1,4 +1,8 @@
-import { CheckboxInput, FeatureChoiced, FeatureToggle } from '../base';
+import {
+ CheckboxInput,
+ type FeatureChoiced,
+ type FeatureToggle,
+} from '../base';
import { FeatureDropdownInput } from '../dropdowns';
export const MOB_TOOLTIPS: FeatureToggle = {
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/ui.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/ui.tsx
index f9be483363..e37e1a0b09 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/ui.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/ui.tsx
@@ -1,8 +1,8 @@
import {
CheckboxInput,
- FeatureNumeric,
+ type FeatureNumeric,
FeatureSliderInput,
- FeatureToggle,
+ type FeatureToggle,
} from '../base';
export const BROWSER_STYLED: FeatureToggle = {
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/ui_style.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/ui_style.tsx
index 0257674f76..b28d67f5f0 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/ui_style.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/ui_style.tsx
@@ -2,13 +2,13 @@ import { Box, Dropdown, Stack } from 'tgui-core/components';
import { classes } from 'tgui-core/react';
import {
- Feature,
- FeatureChoiced,
- FeatureChoicedServerData,
+ type Feature,
+ type FeatureChoiced,
+ type FeatureChoicedServerData,
FeatureColorInput,
FeatureNumberInput,
- FeatureNumeric,
- FeatureValueProps,
+ type FeatureNumeric,
+ type FeatureValueProps,
sortChoices,
} from '../base';
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/index.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/index.ts
index 8b49759534..fcfd3c4d03 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/index.ts
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/index.ts
@@ -3,7 +3,7 @@
// extremely small, and so it's easier for everyone to just combine them
// together.
// This still helps to prevent the server from needing to send client UI data
-import { Feature } from './base';
+import type { Feature } from './base';
// while also preventing downstreams from needing to mutate existing files.
const features: Record> = {};
diff --git a/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiCommon/WikiChemList.tsx b/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiCommon/WikiChemList.tsx
new file mode 100644
index 0000000000..366039933e
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiCommon/WikiChemList.tsx
@@ -0,0 +1,218 @@
+import { Fragment } from 'react';
+import { Box, Collapsible, LabeledList, Section } from 'tgui-core/components';
+import { capitalize } from 'tgui-core/string';
+
+import type {
+ DistillComponent,
+ DistilledReactions,
+ GroundMaterial,
+ InstantReactions,
+} from '../types';
+import { WikiSpoileredList } from './WikiListElements';
+import { MinMaxBox, MinMaxBoxTemperature } from './WikiQuickElements';
+
+const BaseChem = (props) => {
+ return UNKNOWN OR BASE REAGENT;
+};
+
+export const ChemicalReactionList = (props: {
+ ourKey: string;
+ grinding: GroundMaterial | null;
+ instant_reactions: InstantReactions | null;
+ distilled_reactions: DistilledReactions | null;
+ fluid: string[] | null;
+ produces: string[] | null;
+}) => {
+ const {
+ ourKey,
+ grinding,
+ instant_reactions,
+ distilled_reactions,
+ fluid,
+ produces,
+ } = props;
+
+ return (
+ <>
+ <>
+
+
+
+ {instant_reactions ? (
+ Array.isArray(instant_reactions) ? (
+ instant_reactions.map((reactionTypes, index) =>
+ getReactionComponents(reactionTypes, 'Breakdown', index + 1),
+ )
+ ) : (
+ Object.keys(instant_reactions).map((reaction) =>
+ getReactionComponents(
+ instant_reactions[reaction],
+ 'Breakdown',
+ 1,
+ ),
+ )
+ )
+ ) : (
+
+ )}
+
+
+
+ {!!distilled_reactions && (
+ <>
+
+
+
+ {Array.isArray(distilled_reactions)
+ ? distilled_reactions.map((reactionTypes, index) =>
+ getReactionComponents(
+ reactionTypes,
+ 'Destillation',
+ index + 1,
+ ),
+ )
+ : Object.keys(distilled_reactions).map((reaction) =>
+ getReactionComponents(
+ distilled_reactions[reaction],
+ 'Destillation',
+ 1,
+ ),
+ )}
+
+
+
+ )}
+ {!!grinding &&
+ Object.keys(grinding).map(
+ (entry) =>
+ !!grinding[entry] && (
+
+ ),
+ )}
+ {!!fluid && (
+
+ )}
+ {!!produces && (
+
+ )}
+
+ );
+};
+
+function getReactionComponents(
+ reactionTypes: DistillComponent,
+ sectionTitle: string,
+ index?: number,
+) {
+ if (!reactionTypes) {
+ return;
+ }
+
+ const componentName = reactionTypes.is_slime
+ ? 'Slime Injection'
+ : 'Component';
+
+ return (
+
+
+ {(typeof reactionTypes.temp_min === 'number' ||
+ typeof reactionTypes.temp_max === 'number') && (
+
+
+
+ )}
+ {(typeof reactionTypes.xgm_min === 'number' ||
+ typeof reactionTypes.xgm_max === 'number') && (
+
+
+
+ )}
+ {(typeof reactionTypes.temp_min === 'number' ||
+ typeof reactionTypes.temp_max === 'number' ||
+ typeof reactionTypes.xgm_min === 'number' ||
+ typeof reactionTypes.xgm_max === 'number') && }
+ {!!reactionTypes.require_xgm_gas && (
+
+ {reactionTypes.require_xgm_gas}
+
+ )}
+ {!!reactionTypes.rejects_xgm_gas && (
+
+ {reactionTypes.rejects_xgm_gas}
+
+ )}
+ {(!!reactionTypes.require_xgm_gas ||
+ !!reactionTypes.rejects_xgm_gas) && }
+ {!!reactionTypes.required && !!reactionTypes.required.length && (
+ <>
+ {reactionTypes.required.map((required) => (
+
+ {!!reactionTypes.is_slime && (
+ <>
+
+ {capitalize(reactionTypes.is_slime)}
+
+
+
+ )}
+
+ {required}
+
+
+ ))}
+
+ )}
+ {!!reactionTypes.inhibitor && !!reactionTypes.inhibitor.length && (
+ <>
+
+ {reactionTypes.inhibitor.map((inhibitor) => (
+
+ {inhibitor}
+
+ ))}
+
+ )}
+ {!!reactionTypes.catalysts && !!reactionTypes.catalysts.length && (
+ <>
+
+ {reactionTypes.catalysts.map((catalyst) => (
+
+ {catalyst}
+
+ ))}
+
+ )}
+
+
+ );
+}
diff --git a/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiCommon/WikiColorIcon.tsx b/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiCommon/WikiColorIcon.tsx
new file mode 100644
index 0000000000..80a9f703fc
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiCommon/WikiColorIcon.tsx
@@ -0,0 +1,127 @@
+import React, { useCallback, useEffect, useState } from 'react';
+import { Box, Icon } from 'tgui-core/components';
+
+export const getImage = async (url: string): Promise => {
+ return new Promise((resolve, reject) => {
+ const image = new Image();
+ image.onload = () => {
+ resolve(image);
+ };
+ image.src = url;
+ });
+};
+
+// This component
+export const CanvasBackedImage = (props: {
+ dimension: number;
+ render: (
+ canvas: OffscreenCanvas,
+ ctx: OffscreenCanvasRenderingContext2D,
+ ) => Promise;
+}) => {
+ const { dimension } = props;
+ const [bitmap, setBitmap] = useState('');
+
+ useEffect(() => {
+ const offscreenCanvas: OffscreenCanvas = new OffscreenCanvas(
+ dimension,
+ dimension,
+ );
+
+ const ctx = offscreenCanvas.getContext('2d');
+ if (!ctx) {
+ return;
+ }
+
+ setBitmap('');
+
+ const drawImage = async () => {
+ // Render
+ await props.render(offscreenCanvas, ctx);
+
+ // Convert to a blob and put in our ![]()
tag
+ const bitmap = await offscreenCanvas.convertToBlob();
+ setBitmap(URL.createObjectURL(bitmap));
+ };
+
+ drawImage();
+
+ return () => {
+ if (bitmap !== '') {
+ URL.revokeObjectURL(bitmap);
+ }
+ };
+ }, [props.render]);
+
+ return 
;
+};
+
+export const ColorizedImage = (props: {
+ icon: string | null;
+ iconState: string | null;
+ fillLevel?: number;
+ color?: string | null;
+}) => {
+ const { icon, iconState, color, fillLevel = 1 } = props;
+
+ const iconRef = icon ? Byond.iconRefMap?.[icon] : null;
+
+ const iconSize = 64;
+ const realFill = iconSize * (1 - fillLevel);
+
+ const render = useCallback(
+ async (canvas: OffscreenCanvas, ctx: OffscreenCanvasRenderingContext2D) => {
+ // Pixel art please
+ ctx.imageSmoothingEnabled = false;
+
+ // Load the image from the server
+ const image = await getImage(`${iconRef}?state=${iconState}`);
+
+ // Draw the image on top
+ ctx.drawImage(image, 0, 0, iconSize, iconSize);
+
+ // Draw a square over the image with the color
+ ctx.globalCompositeOperation = 'multiply';
+ ctx.fillStyle = color || '#ffffff';
+ ctx.fillRect(0, realFill, iconSize, iconSize);
+
+ // Use the image as a mask
+ ctx.globalCompositeOperation = 'destination-in';
+ ctx.drawImage(image, 0, 0, iconSize, iconSize);
+
+ // Colour it white for the outline
+ ctx.globalCompositeOperation = 'destination-over';
+ ctx.fillStyle = '#ffffff';
+ ctx.fillRect(0, 0, iconSize, iconSize);
+
+ // Draw an outline
+ const factor = 1.1;
+ const scaleX = image.width * factor;
+ const scaleY = image.height * factor;
+ ctx.scale(factor, factor);
+ ctx.globalCompositeOperation = 'destination-in';
+ ctx.drawImage(
+ image,
+ -(scaleX - image.width) / factor,
+ -(scaleY - image.height) / factor,
+ iconSize,
+ iconSize,
+ );
+ },
+ [iconRef, iconState, color],
+ );
+
+ return iconRef ? (
+
+ ) : (
+
+
+
+ );
+};
diff --git a/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiCommon/WikiFoodList.tsx b/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiCommon/WikiFoodList.tsx
new file mode 100644
index 0000000000..7cfbec779a
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiCommon/WikiFoodList.tsx
@@ -0,0 +1,72 @@
+import { Box, LabeledList } from 'tgui-core/components';
+
+import type { RedipeData } from '../types';
+import { SupplyEntry } from '../WikiCommon/WikiQuickElements';
+import { WikiSpoileredList } from './WikiListElements';
+
+export const RecipeList = (props: { title: string; recipe: RedipeData }) => {
+ const { title, recipe } = props;
+ const {
+ supply_points,
+ market_price,
+ appliance,
+ has_coating,
+ coating,
+ ingredients,
+ fruits,
+ reagents,
+ catalysts,
+ } = recipe;
+
+ return (
+ <>
+
+
+
+ {appliance}
+
+ {getCoating(!!has_coating, coating)}
+
+ {!!ingredients && (
+
+ )}
+ {!!fruits && (
+
+ )}
+ {!!reagents && (
+
+ )}
+ {!!catalysts && (
+
+ )}
+
+ );
+};
+
+function getCoating(has_coating: boolean, coating: number | string | null) {
+ if (!has_coating) {
+ return N/A, no coatable items;
+ }
+
+ if (!coating) {
+ return Must be uncoated;
+ }
+
+ if (coating === -1) {
+ return Optionally, any coating;
+ }
+
+ return {coating};
+}
diff --git a/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiCommon/WikiListElements.tsx b/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiCommon/WikiListElements.tsx
new file mode 100644
index 0000000000..888fe8a0c7
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiCommon/WikiListElements.tsx
@@ -0,0 +1,77 @@
+import { Box, Collapsible, LabeledList } from 'tgui-core/components';
+import { capitalize } from 'tgui-core/string';
+
+export const WikiSpoileredList = (props: {
+ ourKey: string;
+ entries: string[] | Record | Record;
+ title: string;
+}) => {
+ const { entries, title, ourKey } = props;
+
+ if (Array.isArray(entries) && entries.length) {
+ return (
+ <>
+
+
+
+ {entries.map((entry) => (
+ - {capitalize(entry)}
+ ))}
+
+
+
+ );
+ }
+
+ return (
+ <>
+
+
+
+ {Object.keys(entries).map((entry) => (
+
+ - {capitalize(entry)}: {entries[entry]}
+
+ ))}
+
+
+
+ );
+};
+
+export const WikiList = (props: {
+ entries: string[] | Record | Record;
+ title: string;
+}) => {
+ const { entries, title } = props;
+
+ if (Array.isArray(entries) && entries.length) {
+ return (
+ <>
+
+
+ {entries.map((entry) => (
+ - {capitalize(entry)}
+ ))}
+
+
+ );
+ }
+
+ return (
+ <>
+
+
+ {Object.keys(entries).map((entry) => (
+
+ - {capitalize(entry)}: {entries[entry]}
+
+ ))}
+
+
+ );
+};
diff --git a/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiCommon/WikiLogo.tsx b/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiCommon/WikiLogo.tsx
new file mode 100644
index 0000000000..95136295e5
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiCommon/WikiLogo.tsx
@@ -0,0 +1,33 @@
+import { Box } from 'tgui-core/components';
+
+export const WikiLogo = (props) => {
+ return (
+
+
+ B
+
+
+ i
+
+
+ n
+
+
+ g
+
+
+ l
+
+
+ e
+
+
+ );
+};
diff --git a/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiCommon/WikiQuickElements.tsx b/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiCommon/WikiQuickElements.tsx
new file mode 100644
index 0000000000..11baa4b183
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiCommon/WikiQuickElements.tsx
@@ -0,0 +1,159 @@
+import { Box, LabeledList } from 'tgui-core/components';
+
+import { zeroC } from '../constants';
+
+export const YesBox = (props) => {
+ return Yes;
+};
+
+export const NoBox = (props) => {
+ return No;
+};
+
+export const TemperatureBox = (props: {
+ temperature: number;
+ color: string;
+}) => {
+ const { temperature, color } = props;
+
+ return (
+
+ {temperature.toFixed(2) +
+ 'K | ' +
+ (temperature - zeroC).toFixed(2) +
+ '°C'}
+
+ );
+};
+
+export const NotAvilableBox = (props) => {
+ return ---;
+};
+
+export const MinMaxBox = (props: {
+ min: number | null;
+ max: number | null;
+ minColor?: string;
+ maxColor?: string;
+ unit?: string;
+}) => {
+ const { min, max, minColor, maxColor, unit } = props;
+
+ const realMin = typeof min === 'number' ? min.toFixed(2) : -Infinity;
+ const realMax = typeof max === 'number' ? max.toFixed(2) : Infinity;
+
+ return (
+ <>
+
+ {realMin}
+ {unit}
+
+ {' - '}
+
+ {realMax}
+ {unit}
+
+
+ );
+};
+
+export const MinMaxBoxTemperature = (props: {
+ min: number | null;
+ max: number | null;
+ minColor?: string;
+ maxColor?: string;
+}) => {
+ const { min, max, minColor, maxColor } = props;
+
+ const realMin = min ? min : 0;
+ const realMax = max ? max : Infinity;
+
+ return (
+ <>
+
+ {' | '}
+
+
+ );
+};
+
+export const ProbabilityBox = (props: { chance: number }) => {
+ const { chance } = props;
+
+ if (chance <= 10) {
+ return {chance}%;
+ }
+ if (chance < 30) {
+ return {chance}%;
+ }
+ if (chance < 50) {
+ return {chance}%;
+ }
+ if (chance < 70) {
+ return {chance}%;
+ }
+ return {chance}%;
+};
+
+export const TierdBox = (props: { level: number; label: string }) => {
+ const { level, label } = props;
+
+ if (level >= 1) {
+ return WARNING, {label};
+ }
+ if (level >= 2) {
+ return DANGE, highly {label};
+ }
+ return ;
+};
+
+export const SupplyEntry = (props: {
+ supply_points?: number;
+ market_price?: number;
+ stack_size?: number;
+}) => {
+ const { supply_points, market_price, stack_size } = props;
+
+ return (
+ <>
+
+ {supply_points ? (
+ supply_points +
+ ' per sheet, ' +
+ (!!stack_size &&
+ supply_points * stack_size + ' per stack of ' + stack_size)
+ ) : (
+
+ )}
+
+
+ {market_price ? (
+ market_price +
+ ' thaler' +
+ (market_price > 1 ? 's' : '') +
+ ' per sheet | ' +
+ (!!stack_size &&
+ market_price * stack_size +
+ ' thaler' +
+ (market_price * stack_size > 1 ? 's' : '') +
+ ' per stack of ' +
+ stack_size)
+ ) : (
+
+ )}
+
+
+ );
+};
diff --git a/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiCommon/WikiSearchList.tsx b/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiCommon/WikiSearchList.tsx
new file mode 100644
index 0000000000..3759c5a9d6
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiCommon/WikiSearchList.tsx
@@ -0,0 +1,76 @@
+import { type Dispatch, type SetStateAction } from 'react';
+import { useBackend } from 'tgui/backend';
+import { Button, Divider, Input, Section, Stack } from 'tgui-core/components';
+import { capitalize } from 'tgui-core/string';
+
+export const WikiSearchList = (props: {
+ title: string;
+ searchText: string;
+ onSearchText: Dispatch>;
+ listEntries: string[];
+ basis: string;
+ activeEntry: string;
+ onActiveEntry?: Dispatch>;
+ action?: string;
+ button?: React.JSX.Element;
+}) => {
+ const { act } = useBackend();
+
+ const {
+ title,
+ searchText,
+ onSearchText,
+ onActiveEntry,
+ listEntries,
+ activeEntry,
+ basis,
+ action,
+ button,
+ } = props;
+
+ return (
+
+
+
+ );
+};
diff --git a/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiPages/WIkiDonationbanner.tsx b/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiPages/WIkiDonationbanner.tsx
new file mode 100644
index 0000000000..cbeb236f91
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiPages/WIkiDonationbanner.tsx
@@ -0,0 +1,167 @@
+import type { Dispatch, SetStateAction } from 'react';
+import { useBackend } from 'tgui/backend';
+import { Box, Button, NoticeBox, Stack } from 'tgui-core/components';
+import type { BooleanLike } from 'tgui-core/react';
+
+import { WikiAdColors, WikiDonIcons } from '../constants';
+
+export function WikiDonationBanner(props: {
+ donated: number;
+ goal: number;
+ displayedMessage: string;
+ hasDonated: BooleanLike;
+ onDisplayedDonations: Dispatch>;
+}) {
+ const { donated, goal, displayedMessage, hasDonated, onDisplayedDonations } =
+ props;
+
+ const progress = donated / goal;
+
+ if (hasDonated) {
+ return (
+
+
+
+ );
+ }
+
+ if (progress < 0.33) {
+ return (
+
+
+
+ );
+ }
+
+ if (progress < 0.66) {
+ return (
+
+
+
+ );
+ }
+
+ if (progress < 1) {
+ return (
+
+
+
+ );
+ }
+
+ return (
+
+
+
+ );
+}
+
+const WikiDonationContent = (props: {
+ donated: number;
+ goal: number;
+ message: string;
+ hideButtons?: boolean;
+ onDisplayedDonations: Dispatch>;
+}) => {
+ const { donated, goal, message, onDisplayedDonations, hideButtons } = props;
+
+ return (
+ <>
+
+
+
+ {message}
+
+
+
+ {donated} / {goal}₮
+
+
+ {!hideButtons && donated < goal && (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )}
+
+
+ );
+};
+
+// Intentionally not state safe
+const DonationButtons = (props) => {
+ const { act } = useBackend();
+
+ const donation = Math.round(Math.random() * 100 + 10);
+
+ return (
+
+ );
+};
diff --git a/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiPages/WikiErrorPage.tsx b/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiPages/WikiErrorPage.tsx
new file mode 100644
index 0000000000..464cabb1b2
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiPages/WikiErrorPage.tsx
@@ -0,0 +1,37 @@
+import { Box, Divider, Section, Stack } from 'tgui-core/components';
+
+import { WikiLogo } from '../WikiCommon/WikiLogo';
+
+export const WikiErrorPage = (props) => {
+ return (
+
+
+
+
+
+
+
+
+
+ This program has performed an illegal operation!
+
+
+ The cyber police have been notified of your illegal action!
+
+
+ Stand by for arrest!
+
+
+
+
+
+ {'>:( This is your fault stupid. Why did you you do that? You caused a FAULT ID: #' +
+ Math.floor(Math.random() * 99999999)
+ .toString()
+ .padStart(8, '0')}
+
+
+
+
+ );
+};
diff --git a/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiPages/WikiLoadingPage.tsx b/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiPages/WikiLoadingPage.tsx
new file mode 100644
index 0000000000..00c5730715
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiPages/WikiLoadingPage.tsx
@@ -0,0 +1,60 @@
+import { useEffect, useState } from 'react';
+import {
+ Box,
+ Divider,
+ ProgressBar,
+ Section,
+ Stack,
+} from 'tgui-core/components';
+
+import { WikiLogo } from '../WikiCommon/WikiLogo';
+
+export const WikiLoadingPage = (props: { endTime: number; tipp: string }) => {
+ const { endTime, tipp } = props;
+
+ const [ourProgress, setOurProgress] = useState(0);
+ const [updateProgress, setUpdateProgress] = useState(false);
+
+ useEffect(() => {
+ if (ourProgress < endTime - 100) {
+ setTimeout(() => {
+ setOurProgress(ourProgress + 100);
+ setUpdateProgress(!updateProgress);
+ }, 100);
+ } else {
+ setOurProgress(endTime);
+ }
+ }, [updateProgress]);
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+ Did you know?
+
+
+
+
+ {tipp}
+
+
+
+
+
+ Have you bingled that?
+
+
+
+
+
+ );
+};
diff --git a/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiPages/WikiMainPage.tsx b/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiPages/WikiMainPage.tsx
new file mode 100644
index 0000000000..b763aa2ebc
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiPages/WikiMainPage.tsx
@@ -0,0 +1,70 @@
+import { useBackend } from 'tgui/backend';
+import {
+ Box,
+ Button,
+ Divider,
+ Section,
+ Stack,
+ Tooltip,
+} from 'tgui-core/components';
+
+import { WikiPages } from '../constants';
+
+export const WikiMainPage = (props: {
+ displayedAds: string[][];
+ donationSuccess: boolean;
+}) => {
+ const { act } = useBackend();
+
+ const { displayedAds, donationSuccess } = props;
+
+ return (
+
+
+
+
+ The galaxys 18th most tollerated
+ {
+
+ *
+
+ }{' '}
+ infocore dispenser!
+
+
+
+
+
+ {WikiPages.sort((a, b) => a.localeCompare(b)).map((title) => (
+
+
+
+ ))}
+ {!donationSuccess &&
+ displayedAds.map((ad, index) => (
+
+
+
+ ))}
+
+
+
+
+ );
+};
diff --git a/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiPages/WikiSearchPage.tsx b/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiPages/WikiSearchPage.tsx
new file mode 100644
index 0000000000..d48914b5a6
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiPages/WikiSearchPage.tsx
@@ -0,0 +1,157 @@
+import { type Dispatch, type SetStateAction, useEffect, useState } from 'react';
+import { useBackend } from 'tgui/backend';
+import { Button, Divider, Section, Stack } from 'tgui-core/components';
+import { createSearch } from 'tgui-core/string';
+
+import type { PageData } from '../types';
+import { WikiSearchList } from '../WikiCommon/WikiSearchList';
+import { WikiBotanyPage } from './WikiSubPages/WikiBotanyPage';
+import { WikiCatalogPage } from './WikiSubPages/WIkiCatalogPage';
+import { WikiChemistryPage } from './WikiSubPages/WikiChemistryPage';
+import { WikiFoodPage } from './WikiSubPages/WikiFoodPage';
+import { WikiMaterialPage } from './WikiSubPages/WikiMaterialPage';
+import { WikiNoDataPage } from './WikiSubPages/WikiNoDataPage';
+import { WikiOrePage } from './WikiSubPages/WikiOrePare';
+import { WikiParticlePage } from './WikiSubPages/WikiParticlePage';
+
+export const WikiSearchPage = (
+ props: {
+ onUpdateAds: Dispatch>;
+ updateAds: boolean;
+ searchmode: string;
+ search: string[];
+ print: string;
+ subCats: string[] | null;
+ } & Required,
+) => {
+ const { act } = useBackend();
+ const [subCatSearchText, setSubCatSearchText] = useState('');
+ const [subCatActiveEntry, setSubCatActiveEntry] = useState('');
+ const [searchText, setSearchText] = useState('');
+ const [activeEntry, setActiveEntry] = useState('');
+ const [hideGroup, setHideGroup] = useState(false);
+ const [noData, setNoData] = useState(false);
+ const {
+ onUpdateAds,
+ updateAds,
+ searchmode,
+ botany_data,
+ ore_data,
+ food_data,
+ drink_data,
+ chemistry_data,
+ material_data,
+ particle_data,
+ catalog_data,
+ search,
+ print,
+ subCats,
+ } = props;
+
+ // Intentionally bad for the effect
+ useEffect(() => {
+ setNoData(false);
+ if (!search.length) {
+ setTimeout(() => {
+ if (!search.length && subCatActiveEntry && !noData) {
+ setNoData(true);
+ }
+ }, 200);
+ }
+ }, [search || subCatActiveEntry]);
+
+ const customSearch = createSearch(searchText, (search: string) => search);
+ const toDisplay = search.filter(customSearch);
+
+ const customSubSearch = createSearch(
+ subCatSearchText,
+ (search: string) => search,
+ );
+ const subToDisplay = subCats?.filter(customSubSearch);
+
+ const tabs: React.JSX.Element[] = [];
+ tabs['Food Recipes'] = !!food_data && ;
+ tabs['Drink Recipes'] = !!drink_data && ;
+ tabs['Chemistry'] = !!chemistry_data && (
+
+ );
+ tabs['Botany'] = !!botany_data && ;
+ tabs['Ores'] = !!ore_data && ;
+ tabs['Materials'] = !!material_data && (
+
+ );
+ tabs['Particle Physics'] = !!particle_data && (
+
+ );
+ tabs['Catalogs'] = !!catalog_data && (
+
+ );
+
+ return (
+
+
+ {!!print && (
+
+ )}
+
+
+ {!!subToDisplay &&
+ (hideGroup ? (
+
+
+ ) : (
+ setHideGroup(!hideGroup)}
+ tooltip="Hide group categories"
+ />
+ }
+ />
+ ))}
+
+
+ {noData ? : tabs[searchmode]}
+
+
+
+ );
+};
diff --git a/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiPages/WikiSubPages/WIkiCatalogPage.tsx b/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiPages/WikiSubPages/WIkiCatalogPage.tsx
new file mode 100644
index 0000000000..fbe72b0cc6
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiPages/WikiSubPages/WIkiCatalogPage.tsx
@@ -0,0 +1,19 @@
+import { Section, Stack } from 'tgui-core/components';
+import { capitalize } from 'tgui-core/string';
+
+import type { CatalogData } from '../../types';
+
+export const WikiCatalogPage = (props: { catalog: CatalogData }) => {
+ const { catalog } = props;
+
+ return (
+
+
+
+ {/* eslint-disable-next-line react/no-danger */}
+
+
+
+
+ );
+};
diff --git a/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiPages/WikiSubPages/WikiBotanyPage.tsx b/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiPages/WikiSubPages/WikiBotanyPage.tsx
new file mode 100644
index 0000000000..07fd80ab2b
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiPages/WikiSubPages/WikiBotanyPage.tsx
@@ -0,0 +1,112 @@
+import { Box, LabeledList, Section, Stack } from 'tgui-core/components';
+import { capitalize } from 'tgui-core/string';
+
+import type { BotanyData } from '../../types';
+import { ColorizedImage } from '../../WikiCommon/WikiColorIcon';
+import { WikiSpoileredList } from '../../WikiCommon/WikiListElements';
+import { NotAvilableBox } from '../../WikiCommon/WikiQuickElements';
+
+export const WikiBotanyPage = (props: { seeds: BotanyData }) => {
+ const {
+ title,
+ feeding,
+ watering,
+ lighting,
+ crop_yield,
+ traits,
+ mob_product,
+ chem_breakdown,
+ gas_consumed,
+ gas_exuded,
+ mutations,
+ icon_data,
+ } = props.seeds;
+
+ return (
+
+
+
+
+
+
+
+
+
+ {feeding ? (
+ {feeding}
+ ) : (
+
+ )}
+
+
+ {watering ? (
+ {watering}
+ ) : (
+
+ )}
+
+
+ {lighting ? (
+ {lighting}
+ ) : (
+
+ )}
+
+
+ {!!crop_yield && crop_yield > 0 ? crop_yield : }
+
+ {!!traits && (
+
+ )}
+ {!!mob_product && (
+ <>
+
+
+
+ DANGER - MAY BE MOBILE
+
+
+
+ )}
+ {!!chem_breakdown && (
+
+ )}
+ {!!gas_consumed && (
+
+ )}
+ {!!gas_exuded && (
+
+ )}
+ {!!mutations && (
+
+ )}
+
+
+
+
+ );
+};
diff --git a/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiPages/WikiSubPages/WikiChemistryPage.tsx b/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiPages/WikiSubPages/WikiChemistryPage.tsx
new file mode 100644
index 0000000000..11334d19ac
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiPages/WikiSubPages/WikiChemistryPage.tsx
@@ -0,0 +1,111 @@
+import { Box, LabeledList, Section, Stack } from 'tgui-core/components';
+import { capitalize } from 'tgui-core/string';
+
+import type { ReagentData } from '../../types';
+import { ChemicalReactionList } from '../../WikiCommon/WikiChemList';
+import { ColorizedImage } from '../../WikiCommon/WikiColorIcon';
+import { WikiSpoileredList } from '../../WikiCommon/WikiListElements';
+import {
+ NotAvilableBox,
+ SupplyEntry,
+ TierdBox,
+} from '../../WikiCommon/WikiQuickElements';
+
+export const WikiChemistryPage = (props: {
+ chems: ReagentData & Partial<{ beakerAmount: number }>;
+ beakerFill: number;
+}) => {
+ const { beakerFill, chems } = props;
+ const {
+ title,
+ beakerAmount,
+ description,
+ addictive,
+ industrial_use,
+ supply_points,
+ market_price,
+ sintering,
+ overdose,
+ flavor,
+ allergen,
+ grinding,
+ instant_reactions,
+ distilled_reactions,
+ fluid,
+ produces,
+ icon_data,
+ } = chems;
+
+ const capitalizedTitle = capitalize(title);
+ const pageTitle = beakerAmount
+ ? 'Detected Reagent: ' + capitalizedTitle
+ : capitalizedTitle;
+
+ return (
+
+
+
+
+
+
+
+ {!!beakerAmount && (
+
+ {beakerAmount}u
+
+ )}
+
+
+ {description ? description : }
+
+
+
+ {!!addictive && }
+
+
+ {overdose ? (
+ {overdose + 'u'}
+ ) : (
+
+ )}
+
+
+ {flavor ? flavor : }
+
+
+
+ {industrial_use ? industrial_use : }
+
+
+
+ {sintering ? sintering : }
+
+ {!!allergen && (
+
+ )}
+
+
+
+
+
+ );
+};
diff --git a/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiPages/WikiSubPages/WikiFoodPage.tsx b/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiPages/WikiSubPages/WikiFoodPage.tsx
new file mode 100644
index 0000000000..677180234d
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiPages/WikiSubPages/WikiFoodPage.tsx
@@ -0,0 +1,68 @@
+import { LabeledList, Section, Stack } from 'tgui-core/components';
+import { capitalize } from 'tgui-core/string';
+
+import type { FoodData } from '../../types';
+import { ChemicalReactionList } from '../../WikiCommon/WikiChemList';
+import { ColorizedImage } from '../../WikiCommon/WikiColorIcon';
+import { RecipeList } from '../../WikiCommon/WikiFoodList';
+import { WikiSpoileredList } from '../../WikiCommon/WikiListElements';
+import { NotAvilableBox } from '../../WikiCommon/WikiQuickElements';
+
+export const WikiFoodPage = (props: { food: FoodData }) => {
+ const {
+ title,
+ description,
+ flavor,
+ allergen,
+ grinding,
+ instant_reactions,
+ distilled_reactions,
+ fluid,
+ produces,
+ icon_data,
+ recipe,
+ } = props.food;
+
+ return (
+
+
+
+
+
+
+
+
+
+ {description ? description : }
+
+
+ {flavor ? flavor : }
+
+ {!!allergen && (
+
+ )}
+ {!!recipe && }
+ {!recipe && (
+
+ )}
+
+
+
+
+ );
+};
diff --git a/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiPages/WikiSubPages/WikiMaterialPage.tsx b/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiPages/WikiSubPages/WikiMaterialPage.tsx
new file mode 100644
index 0000000000..b706bd4616
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiPages/WikiSubPages/WikiMaterialPage.tsx
@@ -0,0 +1,121 @@
+import { Box, LabeledList, Section, Stack } from 'tgui-core/components';
+import { capitalize } from 'tgui-core/string';
+
+import type { MaterialData } from '../../types';
+import { ColorizedImage } from '../../WikiCommon/WikiColorIcon';
+import { WikiSpoileredList } from '../../WikiCommon/WikiListElements';
+import {
+ NoBox,
+ NotAvilableBox,
+ SupplyEntry,
+ TemperatureBox,
+ YesBox,
+} from '../../WikiCommon/WikiQuickElements';
+
+export const WikiMaterialPage = (props: { materials: MaterialData }) => {
+ const {
+ title,
+ integrity,
+ hardness,
+ weight,
+ stack_size,
+ supply_points,
+ market_price,
+ opacity,
+ conductive,
+ protectiveness,
+ explosion_resistance,
+ radioactivity,
+ reflectivity,
+ melting_point,
+ ignition_point,
+ grind_reagents,
+ recipies,
+ icon_data,
+ } = props.materials;
+
+ return (
+
+
+
+
+
+
+
+
+ {integrity}
+ {hardness}
+ {weight}
+
+
+
+
+ {opacity > 0.5 ? : }
+
+
+ {conductive ? : }
+
+
+
+ {protectiveness ? protectiveness : }
+
+
+ {explosion_resistance ? explosion_resistance : }
+
+
+ {radioactivity ? (
+ {radioactivity}
+ ) : (
+
+ )}
+
+
+ {reflectivity ? (
+ {reflectivity * 100}
+ ) : (
+
+ )}
+
+
+
+ {melting_point > 0 ? (
+
+ ) : (
+
+ )}
+
+
+ {ignition_point > 0 ? (
+
+ ) : (
+
+ )}
+
+ {grind_reagents && (
+
+ )}
+ {recipies && (
+
+ )}
+
+
+
+
+ );
+};
diff --git a/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiPages/WikiSubPages/WikiNoDataPage.tsx b/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiPages/WikiSubPages/WikiNoDataPage.tsx
new file mode 100644
index 0000000000..318bc4a4ba
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiPages/WikiSubPages/WikiNoDataPage.tsx
@@ -0,0 +1,30 @@
+import { Box, Section, Stack } from 'tgui-core/components';
+
+import { WikiLogo } from '../../WikiCommon/WikiLogo';
+
+export const WikiNoDataPage = (props) => {
+ return (
+
+
+
+
+
+
+
+ Oh No... No Data...
+
+
+
+
+ We deeply sorry!!!
+
+
+
+
+ Maybe check back later!
+
+
+
+
+ );
+};
diff --git a/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiPages/WikiSubPages/WikiOrePare.tsx b/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiPages/WikiSubPages/WikiOrePare.tsx
new file mode 100644
index 0000000000..b57d270996
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiPages/WikiSubPages/WikiOrePare.tsx
@@ -0,0 +1,53 @@
+import { LabeledList, Section, Stack } from 'tgui-core/components';
+import { capitalize } from 'tgui-core/string';
+
+import type { OreData } from '../../types';
+import { ColorizedImage } from '../../WikiCommon/WikiColorIcon';
+import { WikiList } from '../../WikiCommon/WikiListElements';
+import { NotAvilableBox } from '../../WikiCommon/WikiQuickElements';
+
+export const WikiOrePage = (props: { ores: OreData }) => {
+ const {
+ title,
+ smelting,
+ compressing,
+ alloys,
+ pump_reagent,
+ grind_reagents,
+ icon_data,
+ } = props.ores;
+
+ return (
+
+
+
+
+
+
+
+
+
+ {smelting ? smelting : }
+
+
+
+ {compressing ? compressing : }
+
+ {!!alloys && }
+
+
+ {pump_reagent ? pump_reagent : }
+
+ {!!grind_reagents && (
+
+ )}
+
+
+
+
+ );
+};
diff --git a/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiPages/WikiSubPages/WikiParticlePage.tsx b/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiPages/WikiSubPages/WikiParticlePage.tsx
new file mode 100644
index 0000000000..3d178e6e72
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PublicLibraryWiki/WikiPages/WikiSubPages/WikiParticlePage.tsx
@@ -0,0 +1,82 @@
+import { LabeledList, Section, Stack } from 'tgui-core/components';
+import { capitalize } from 'tgui-core/string';
+
+import type { ParticleData } from '../../types';
+import { ColorizedImage } from '../../WikiCommon/WikiColorIcon';
+import { WikiSpoileredList } from '../../WikiCommon/WikiListElements';
+import {
+ MinMaxBox,
+ MinMaxBoxTemperature,
+ ProbabilityBox,
+} from '../../WikiCommon/WikiQuickElements';
+
+export const WikiParticlePage = (props: { smasher: ParticleData }) => {
+ const {
+ title,
+ req_mat,
+ target_items,
+ required_energy_min,
+ required_energy_max,
+ required_atmos_temp_min,
+ required_atmos_temp_max,
+ inducers,
+ result,
+ probability,
+ icon_data,
+ } = props.smasher;
+
+ return (
+
+
+
+
+ {req_mat}
+ {!!target_items && (
+
+ )}
+
+
+
+
+
+
+
+ {!!inducers && (
+
+ )}
+
+ {result}
+
+
+
+
+
+
+
+
+
+
+ );
+};
diff --git a/tgui/packages/tgui/interfaces/PublicLibraryWiki/constants.ts b/tgui/packages/tgui/interfaces/PublicLibraryWiki/constants.ts
new file mode 100644
index 0000000000..96083513c3
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PublicLibraryWiki/constants.ts
@@ -0,0 +1,158 @@
+export const WikiPages = [
+ 'Food Recipes',
+ 'Drink Recipes',
+ 'Ores',
+ 'Materials',
+ 'Particle Physics',
+ 'Botany',
+ 'Catalogs',
+];
+
+export const wikiAds = [
+ 'Inferior ears? Teshari enhancement surgeries might be for you!',
+ 'Phoron huffers anonymous group chat. Join Today!',
+ 'Hot and single Vox raiders near your system!',
+ 'Need company? Holographic NIF friends! FREE DOWNLOAD!',
+ 'LostSpagetti.sol your one stop SYNX DATING website!',
+ 'HONK.bonk clown-only social media. Sign up TODAY!',
+ 'FREE ORGANS! FREE ORGANS! FREE ORGANS! Terms apply.',
+ 'Smile.me.com.net.skrell.node.exe.js DOWNLOAD NOW!',
+ 'Bankrupt? We can help! Buy uranium coins today!',
+ "CONGRATULATIONS, you're our " +
+ Math.floor(Math.random() * 1000 + 1) * 1000 +
+ 'th visitor! DOWNLOAD!',
+ 'Your system is out of date, DOWNLOAD DRIVERS!',
+ "Ms.Kitty can't hang in there long, click here to support FELINE INDEPENDENCE!",
+ 'Cortical borer therapy! Treats anxiety, stress, and impending sense of univeral collapse!',
+ 'Help I licked the supermatter! And other strange stories from Nanotrasen. FREE PDF!',
+ 'TIME IS COMING TO AN END, BUY GOLD NOW!',
+ 'Your own pet clown? It sounds too REAL to be TRUE! VIEW ARTICLE!',
+ 'Are you a BIGSHOT? Investment opportunities inside!',
+ 'Spacestation13.exe FREE DOWNLOAD NOW!',
+ 'Bored and alone? Date a wizard today! WIZZBIZZ.KAZAM!',
+ 'Hot skrell babes in your area!',
+];
+
+export const WikiAdColors = [
+ 'black',
+ 'white',
+ 'red',
+ 'orange',
+ 'yellow',
+ 'olive',
+ 'green',
+ 'teal',
+ 'blue',
+ 'violet',
+ 'purple',
+ 'pink',
+ 'brown',
+ 'grey',
+ 'light-grey',
+ '',
+];
+
+export const WikiDonIcons = [
+ 'dollar-sign',
+ 'sack-dollar',
+ 'money-check-dollar',
+ 'file-invoice-dollar',
+ 'circle-dollar-to-slot',
+ 'hand-holding-dollar',
+ 'credit-card',
+ 'euro-sign',
+ 'wallet',
+ 'coins',
+ 'yen-sign',
+ 'won-sign',
+ 'turkish-lira-sign',
+ 'tenge-sign',
+ 'sterling-sign',
+ 'shekel-sign',
+ 'rupiah-sign',
+ 'rupee-sign',
+ 'ruble-sign',
+ 'peso-sign',
+ 'peseta-sign',
+ 'naira-sign',
+ 'mill-sign',
+ 'manat-sign',
+ 'litecoin-sign',
+ 'lira-sign',
+ 'lari-sign',
+ 'kip-sign',
+ 'indian-rupee-sign',
+ 'hryvnia-sign',
+ 'guarani-sign',
+ 'franc-sign',
+ 'florin-sign',
+ 'dong-sign',
+ 'cruzeiro-sign',
+ 'colon-sign',
+ 'cent-sign',
+ 'cedi-sign',
+ 'brazilian-real-sign',
+ 'bitcoin-sign',
+ 'bangladeshi-taka-sign',
+ 'baht-sign',
+ 'austral-sign',
+];
+
+export const zeroC = 273.15;
+
+export const WikiDonationMessages = [
+ 'Become a bingler today!',
+ 'Enjoying our content? Your donation keeps us in business!',
+ 'We all would love an ad free experience... Make it possible!',
+ 'Better to us than the Vox!',
+ 'Opersating and upkeeping trustworthy information since 1990.',
+ 'Suport or information revolution. From bluespace right into your brain.',
+];
+
+export const wikiDonatedMessages = [
+ 'You are awesome!',
+ 'Your support is appreciated!',
+ "We'll do our best to improve your experience!",
+ 'Thank you! Thank you! Thank you!',
+];
+
+// Did you know?
+export const WikiTippOfTheDay = [
+ "Bingle wasn't built in typescript, but instead the crystalized tears of our programmers?",
+ 'Sleep()ing is illegal!',
+ 'Not all spaw()ns are friendly!',
+ 'A space carp a day keeps the virus away.',
+ 'Who thought two apple trees would be a good idea?',
+ 'Chemistry used to work on a trust based system? Where recipes had each chemical written down on their own post-it note per reaction!',
+ 'A toss to a wall once made everyone sprawl.',
+ 'New... New... New... why is it everywhere?',
+ 'Do we?',
+ 'Investments in books are so past century. Invest in bingle today!',
+ 'We can see the future!',
+ 'The code that runs Bingle is byond most mortal comprehension!',
+ 'You could just go on, milk that synx for inaprovaline!',
+ "Appendicitis is actually contagious, don't listen to medical's lies!",
+ 'Bingle is more trustworthy then books written 200 years ago!',
+ 'Did you know, you can hallucinate forever?',
+ 'The pain never ends!',
+ 'Did you know? Skrell are 40% more likely to donate their bodies for research?',
+ 'You can do it all yourself, go on fork the code again, I dare you!',
+ 'Ceilings are a myth made to sell you roofs!',
+ "It's illegal to turn elevators into showers in Solgov space!",
+ 'Supermatter, everywhere supermatter!',
+ 'You can live forever!',
+ 'Baits might have a telepathic side effect.',
+ 'There have been [' +
+ Math.floor(Math.random() * 1000) +
+ '] runtimes recorded by Bingle today!',
+ '9 out of 10 doctors agree the supermatter tastes like ranch dressing!',
+ 'Some oceans have infinite gravity!',
+ "Solgov has never said why it's illegal to have both a singularity and supermatter engine on the same station!",
+ 'Lead has the highest radiation resistance of all materials? Perfect for engine walls!',
+ 'In some regions of space, magic is illegal. Go on, try it nerd, your funny words have no power here!',
+ 'Forget who you are and summon the old gods.',
+ "Who's that initialize and why do they always call their parents?",
+ "Did you know? New isn't new anymore! It's so past century!",
+ 'Your kitchen is a chemistry set too!',
+ 'With Bingle, no sin will remain hidden from sight!',
+];
diff --git a/tgui/packages/tgui/interfaces/PublicLibraryWiki/index.tsx b/tgui/packages/tgui/interfaces/PublicLibraryWiki/index.tsx
new file mode 100644
index 0000000000..ad473226ff
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PublicLibraryWiki/index.tsx
@@ -0,0 +1,191 @@
+import { useEffect, useState } from 'react';
+import { useBackend } from 'tgui/backend';
+import { Window } from 'tgui/layouts';
+import { Box, NoticeBox, Section, Stack } from 'tgui-core/components';
+
+import {
+ WikiAdColors,
+ wikiAds,
+ wikiDonatedMessages,
+ WikiDonationMessages,
+ WikiTippOfTheDay,
+} from './constants';
+import type { Data } from './types';
+import { WikiDonationBanner } from './WikiPages/WIkiDonationbanner';
+import { WikiErrorPage } from './WikiPages/WikiErrorPage';
+import { WikiLoadingPage } from './WikiPages/WikiLoadingPage';
+import { WikiMainPage } from './WikiPages/WikiMainPage';
+import { WikiSearchPage } from './WikiPages/WikiSearchPage';
+
+export const PublicLibraryWiki = (props) => {
+ const { data } = useBackend();
+ const {
+ crash,
+ errorText,
+ searchmode,
+ search,
+ print,
+ sub_categories,
+ food_data,
+ drink_data,
+ chemistry_data,
+ botany_data,
+ material_data,
+ particle_data,
+ catalog_data,
+ ore_data,
+ has_donated,
+ donated,
+ goal,
+ } = data;
+ const [displayedAds, setDisplayedAds] = useState([]);
+ const [displayDonation, setDislayDonation] = useState(false);
+ const [displayedDonations, setDisplayedDonations] = useState('');
+ const [displayedDonated, setDisplayDonated] = useState('');
+ const [tippOfTheDay, setTipOfTheDay] = useState(
+ WikiTippOfTheDay[Math.floor(Math.random() * WikiTippOfTheDay.length)],
+ );
+ const [updateAds, setUpdateAds] = useState(false);
+ const [loadTime, setLoadTime] = useState(
+ Math.floor(Math.random() * 2000) + 2000,
+ );
+ const [activeTab, setactiveTab] = useState(0);
+
+ useEffect(() => {
+ if (!crash) {
+ setTimeout(() => {
+ setactiveTab(1);
+ }, loadTime);
+ } else {
+ setactiveTab(1);
+ }
+ }, []);
+
+ useEffect(() => {
+ if (!crash) {
+ setactiveTab(0);
+ setTimeout(() => {
+ setactiveTab(1);
+ }, loadTime);
+ } else {
+ setLoadTime(Math.floor(Math.random() * 2000) + 2000);
+ }
+ }, [crash]);
+
+ useEffect(() => {
+ let shownAds: string[] = [];
+ const range = wikiAds.length;
+ const firstEntry = Math.floor(Math.random() * range);
+ let secondEntry = Math.floor(Math.random() * range);
+ if (firstEntry === secondEntry) {
+ if (secondEntry === range) {
+ secondEntry--;
+ } else {
+ secondEntry++;
+ }
+ }
+ const addEntries: string[][] = [];
+ shownAds.push(wikiAds[firstEntry]);
+ shownAds.push(
+ WikiAdColors[Math.floor(Math.random() * WikiAdColors.length)],
+ );
+ addEntries.push([...shownAds]);
+ shownAds = [];
+ shownAds.push(wikiAds[secondEntry]);
+ shownAds.push(
+ WikiAdColors[Math.floor(Math.random() * WikiAdColors.length)],
+ );
+ addEntries.push([...shownAds]);
+ setDisplayedAds(addEntries);
+
+ if (Math.random() < 0.2 && !displayDonation) {
+ setDislayDonation(true);
+ }
+ }, [updateAds]);
+
+ useEffect(() => {
+ if (displayDonation && !has_donated) {
+ setDisplayedDonations(
+ WikiDonationMessages[
+ Math.floor(Math.random() * WikiDonationMessages.length)
+ ],
+ );
+ }
+ }, [displayDonation]);
+
+ useEffect(() => {
+ if (has_donated) {
+ setDisplayDonated(
+ wikiDonatedMessages[
+ Math.floor(Math.random() * wikiDonatedMessages.length)
+ ],
+ );
+ setTimeout(() => {
+ setDislayDonation(false);
+ }, 5000);
+ }
+ }, [has_donated]);
+
+ const tabs: React.JSX.Element[] = [];
+ tabs[0] = ;
+ tabs[1] = crash ? (
+
+ ) : (
+
+ {searchmode && search ? (
+
+ ) : (
+ = goal}
+ />
+ )}
+
+ );
+
+ return (
+
+
+
+ {!!errorText && (
+
+
+ {errorText}
+
+
+ )}
+ {!crash && displayDonation && !!activeTab && (
+
+
+
+ )}
+
+ {tabs[activeTab]}
+
+
+
+ );
+};
diff --git a/tgui/packages/tgui/interfaces/PublicLibraryWiki/types.ts b/tgui/packages/tgui/interfaces/PublicLibraryWiki/types.ts
new file mode 100644
index 0000000000..3c99f720f0
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PublicLibraryWiki/types.ts
@@ -0,0 +1,159 @@
+import type { BooleanLike } from 'tgui-core/react';
+
+export type Data = {
+ crash: BooleanLike;
+ errorText: string;
+ searchmode: string;
+ search: string[] | null;
+ title: string;
+ print: string;
+ sub_categories: string[] | null;
+ has_donated: BooleanLike;
+ donated: number;
+ goal: number;
+} & Required;
+
+export type PageData = {
+ material_data: MaterialData | null;
+ particle_data: ParticleData | null;
+ catalog_data: CatalogData | null;
+ ore_data: OreData | null;
+ botany_data: BotanyData | null;
+ chemistry_data: ReagentData | null;
+ drink_data: DrinkData | null;
+ food_data: FoodData | null;
+};
+
+export type FoodData = DrinkData & Partial<{ recipe: RedipeData }>;
+
+export type DrinkData = BasicFood & Icon & Partial;
+
+type BasicFood = {
+ title: string;
+ description: string;
+ flavor?: string;
+ allergen: string[];
+};
+
+export type RedipeData = {
+ supply_points: number;
+ market_price: number;
+ appliance: string;
+ has_coating: BooleanLike;
+ coating: number | string | null;
+ ingredients: Record | null;
+ fruits: Record | null;
+ reagents: Record | null;
+ catalysts: Record | null;
+};
+
+export type ReagentData = {
+ title: string;
+ description: string | null;
+ addictive?: number;
+ industrial_use?: string;
+ supply_points?: number;
+ market_price?: number;
+ sintering?: string | null;
+ overdose: number;
+ flavor: string | null;
+ allergen: string[] | null;
+} & ReactionData &
+ Icon;
+
+export type BotanyData = {
+ title: string;
+ feeding: number | null;
+ watering: number | null;
+ lighting: number | null;
+ crop_yield: number | null;
+ traits: string[] | null;
+ mob_product: string;
+ chem_breakdown: string[] | null;
+ gas_consumed: Record | null;
+ gas_exuded: Record | null;
+ mutations: string[] | null;
+} & Icon;
+
+export type OreData = {
+ title: string;
+ smelting: string | null;
+ compressing: string | null;
+ alloys: string[];
+ pump_reagent: string | null;
+ grind_reagents: Record;
+} & Icon;
+
+export type ParticleData = {
+ title: string;
+ req_mat: string | null;
+ target_items: string[] | null;
+ required_energy_min: number;
+ required_energy_max: number;
+ required_atmos_temp_min: number;
+ required_atmos_temp_max: number;
+ inducers: Record | null;
+ result: string;
+ probability: number;
+} & Icon;
+
+export type MaterialData = {
+ title: string;
+ integrity: number;
+ hardness: number;
+ weight: number;
+ stack_size: number;
+ supply_points: number;
+ market_price: number;
+ opacity: number;
+ conductive: BooleanLike;
+ protectiveness: number;
+ explosion_resistance: number;
+ radioactivity: number | null;
+ reflectivity: number;
+ melting_point: number;
+ ignition_point: number;
+ grind_reagents: Record | null;
+ recipies: string[] | null;
+} & Icon;
+
+export type CatalogData = { name: string; desc: string };
+
+export type Icon = {
+ icon_data: { icon: string; state: string; color: string; dat: string };
+};
+
+export type ReactionData = {
+ grinding: GroundMaterial;
+ instant_reactions: InstantReactions;
+ distilled_reactions: DistilledReactions;
+ fluid: string[] | null;
+ produces: string[] | null;
+};
+
+export type GroundMaterial = {
+ ore: String[] | null;
+ plant: string[] | null;
+ material: string[] | null;
+} | null;
+export type InstantReactions = ReactionComponent | ReactionComponent[] | null;
+export type DistilledReactions = DistillComponent | DistillComponent[] | null;
+
+export type DistillComponent =
+ | (ReactionComponent &
+ Partial<{
+ temp_min: number;
+ temp_max: number;
+ xgm_min: number;
+ xgm_max: number;
+ require_xgm_gas: string;
+ rejects_xgm_gas: string;
+ }>)
+ | null;
+
+export type ReactionComponent = {
+ is_slime: string | null;
+ required: string[] | null;
+ inhibitor: string[] | null;
+ catalysts: string[] | null;
+} | null;
diff --git a/tgui/packages/tgui/interfaces/RCON/types.ts b/tgui/packages/tgui/interfaces/RCON/types.ts
index b09ea4c27b..cacdbafac2 100644
--- a/tgui/packages/tgui/interfaces/RCON/types.ts
+++ b/tgui/packages/tgui/interfaces/RCON/types.ts
@@ -1,6 +1,6 @@
-import { BooleanLike } from 'tgui-core/react';
+import type { BooleanLike } from 'tgui-core/react';
-import { smes } from '../Smes';
+import type { smes } from '../Smes';
export type Data = {
pages: number;
diff --git a/tgui/packages/tgui/interfaces/RIGSuit/types.ts b/tgui/packages/tgui/interfaces/RIGSuit/types.ts
index 83ec6d1f8c..0c57ffb636 100644
--- a/tgui/packages/tgui/interfaces/RIGSuit/types.ts
+++ b/tgui/packages/tgui/interfaces/RIGSuit/types.ts
@@ -1,4 +1,4 @@
-import { BooleanLike } from 'tgui-core/react';
+import type { BooleanLike } from 'tgui-core/react';
export type Data = {
primarysystem: string | null;
diff --git a/tgui/packages/tgui/interfaces/RapidPipeDispenser/types.ts b/tgui/packages/tgui/interfaces/RapidPipeDispenser/types.ts
index 9cc2b05c88..b405355191 100644
--- a/tgui/packages/tgui/interfaces/RapidPipeDispenser/types.ts
+++ b/tgui/packages/tgui/interfaces/RapidPipeDispenser/types.ts
@@ -1,4 +1,4 @@
-import { BooleanLike } from 'tgui-core/react';
+import type { BooleanLike } from 'tgui-core/react';
export type Data = {
category: number;
diff --git a/tgui/packages/tgui/interfaces/RequestConsole/types.ts b/tgui/packages/tgui/interfaces/RequestConsole/types.ts
index 3075494ac7..b5d45b50eb 100644
--- a/tgui/packages/tgui/interfaces/RequestConsole/types.ts
+++ b/tgui/packages/tgui/interfaces/RequestConsole/types.ts
@@ -1,4 +1,4 @@
-import { BooleanLike } from 'tgui-core/react';
+import type { BooleanLike } from 'tgui-core/react';
export type Data = {
department: string;
diff --git a/tgui/packages/tgui/interfaces/ResearchConsole/data.ts b/tgui/packages/tgui/interfaces/ResearchConsole/data.ts
index d91bba1d56..e88314e2cf 100644
--- a/tgui/packages/tgui/interfaces/ResearchConsole/data.ts
+++ b/tgui/packages/tgui/interfaces/ResearchConsole/data.ts
@@ -1,4 +1,4 @@
-import { BooleanLike } from 'tgui-core/react';
+import type { BooleanLike } from 'tgui-core/react';
export enum Tab {
Protolathe = 0,
diff --git a/tgui/packages/tgui/interfaces/ResearchConsole/pages/Constructor.tsx b/tgui/packages/tgui/interfaces/ResearchConsole/pages/Constructor.tsx
index 140ed3dfa5..03c5f0d3ad 100644
--- a/tgui/packages/tgui/interfaces/ResearchConsole/pages/Constructor.tsx
+++ b/tgui/packages/tgui/interfaces/ResearchConsole/pages/Constructor.tsx
@@ -16,8 +16,8 @@ import { capitalizeAll } from 'tgui-core/string';
import { PaginationChevrons } from '..';
import {
- ConstructorDesign,
- ConstructorEnum,
+ type ConstructorDesign,
+ type ConstructorEnum,
constructorEnumToBuild,
constructorEnumToBuildFive,
constructorEnumToData,
@@ -26,8 +26,8 @@ import {
constructorEnumToEjectReagentAllAction,
constructorEnumToName,
constructorEnumToRemoveQueue,
- Data,
- LinkedConstructor,
+ type Data,
+ type LinkedConstructor,
} from '../data';
enum ConstructorTabEnum {
diff --git a/tgui/packages/tgui/interfaces/ResearchConsole/pages/DestructiveAnalyzer.tsx b/tgui/packages/tgui/interfaces/ResearchConsole/pages/DestructiveAnalyzer.tsx
index 353a02bceb..42ef1d0a1f 100644
--- a/tgui/packages/tgui/interfaces/ResearchConsole/pages/DestructiveAnalyzer.tsx
+++ b/tgui/packages/tgui/interfaces/ResearchConsole/pages/DestructiveAnalyzer.tsx
@@ -29,7 +29,7 @@ const DestroyButton = (props: { destroyer: LinkedDestroyer }) => {
const { act } = useBackend();
const { destroyer } = props;
- let [buttonPressed, setButtonPressed] = useState(false);
+ const [buttonPressed, setButtonPressed] = useState(false);
return (
diff --git a/tgui/packages/tgui/interfaces/ResearchServerController.tsx b/tgui/packages/tgui/interfaces/ResearchServerController.tsx
index 99636f43b8..e0f3e64b4a 100644
--- a/tgui/packages/tgui/interfaces/ResearchServerController.tsx
+++ b/tgui/packages/tgui/interfaces/ResearchServerController.tsx
@@ -39,7 +39,7 @@ const ResearchControllerContent = (props) => {
null,
);
- let realServer = servers.find((s) => s.id === selectedServer);
+ const realServer = servers.find((s) => s.id === selectedServer);
if (realServer) {
return (
diff --git a/tgui/packages/tgui/interfaces/ResleevingConsole/types.ts b/tgui/packages/tgui/interfaces/ResleevingConsole/types.ts
index 2e97ff3653..5b9933d92c 100644
--- a/tgui/packages/tgui/interfaces/ResleevingConsole/types.ts
+++ b/tgui/packages/tgui/interfaces/ResleevingConsole/types.ts
@@ -1,4 +1,4 @@
-import { BooleanLike } from 'tgui-core/react';
+import type { BooleanLike } from 'tgui-core/react';
export type Data = {
menu: number;
diff --git a/tgui/packages/tgui/interfaces/RobotChoose/functions.ts b/tgui/packages/tgui/interfaces/RobotChoose/functions.ts
index c0e5c7e7a5..e823209281 100644
--- a/tgui/packages/tgui/interfaces/RobotChoose/functions.ts
+++ b/tgui/packages/tgui/interfaces/RobotChoose/functions.ts
@@ -1,7 +1,7 @@
import { flow } from 'tgui-core/fp';
import { createSearch } from 'tgui-core/string';
-import { spriteOption } from './types';
+import type { spriteOption } from './types';
export function robotSpriteSearcher(
searchText: string,
@@ -17,7 +17,7 @@ export function robotSpriteSearcher(
if (!sprites) {
return [];
}
- let subtypes: string[] = [];
+ const subtypes: string[] = [];
if (includeDefault) {
subtypes.push('def');
}
diff --git a/tgui/packages/tgui/interfaces/Robotact/types.ts b/tgui/packages/tgui/interfaces/Robotact/types.ts
index ab908e6298..9e5a43f536 100644
--- a/tgui/packages/tgui/interfaces/Robotact/types.ts
+++ b/tgui/packages/tgui/interfaces/Robotact/types.ts
@@ -1,4 +1,4 @@
-import { BooleanLike } from 'tgui-core/react';
+import type { BooleanLike } from 'tgui-core/react';
export type Component = {
key: string;
diff --git a/tgui/packages/tgui/interfaces/SecureSafe.tsx b/tgui/packages/tgui/interfaces/SecureSafe.tsx
index a17f064d18..08342ef773 100644
--- a/tgui/packages/tgui/interfaces/SecureSafe.tsx
+++ b/tgui/packages/tgui/interfaces/SecureSafe.tsx
@@ -65,7 +65,7 @@ export const SecureSafe = (props) => {
const { act, data } = useBackend();
const { code, l_setshort, l_set, emagged, locked } = data;
- let new_code: boolean = !(!!l_set || !!l_setshort);
+ const new_code: boolean = !(!!l_set || !!l_setshort);
return (
diff --git a/tgui/packages/tgui/interfaces/SecurityRecords/types.ts b/tgui/packages/tgui/interfaces/SecurityRecords/types.ts
index 269df69a98..350b5544a2 100644
--- a/tgui/packages/tgui/interfaces/SecurityRecords/types.ts
+++ b/tgui/packages/tgui/interfaces/SecurityRecords/types.ts
@@ -1,6 +1,6 @@
-import { BooleanLike } from 'tgui-core/react';
+import type { BooleanLike } from 'tgui-core/react';
-import { field } from '../GeneralRecords/types';
+import type { field } from '../GeneralRecords/types';
export type Data = {
temp: { color: string; text: string } | null;
diff --git a/tgui/packages/tgui/interfaces/ShuttleControl/types.ts b/tgui/packages/tgui/interfaces/ShuttleControl/types.ts
index 2918ac75f9..4130a8c6d8 100644
--- a/tgui/packages/tgui/interfaces/ShuttleControl/types.ts
+++ b/tgui/packages/tgui/interfaces/ShuttleControl/types.ts
@@ -1,4 +1,4 @@
-import { BooleanLike } from 'tgui-core/react';
+import type { BooleanLike } from 'tgui-core/react';
export type Data = Partial<
MultiData &
diff --git a/tgui/packages/tgui/interfaces/Sleeper/types.ts b/tgui/packages/tgui/interfaces/Sleeper/types.ts
index f7cee94e85..e37be9af0a 100644
--- a/tgui/packages/tgui/interfaces/Sleeper/types.ts
+++ b/tgui/packages/tgui/interfaces/Sleeper/types.ts
@@ -1,4 +1,4 @@
-import { BooleanLike } from 'tgui-core/react';
+import type { BooleanLike } from 'tgui-core/react';
export type Data = {
amounts: number[];
diff --git a/tgui/packages/tgui/interfaces/SupplyConsole/types.ts b/tgui/packages/tgui/interfaces/SupplyConsole/types.ts
index d913b3e353..7d8bc8133b 100644
--- a/tgui/packages/tgui/interfaces/SupplyConsole/types.ts
+++ b/tgui/packages/tgui/interfaces/SupplyConsole/types.ts
@@ -1,4 +1,4 @@
-import { BooleanLike } from 'tgui-core/react';
+import type { BooleanLike } from 'tgui-core/react';
export type Data = {
shuttle_auth: BooleanLike;
diff --git a/tgui/packages/tgui/interfaces/TextInputModal.tsx b/tgui/packages/tgui/interfaces/TextInputModal.tsx
index b9ee6ede6c..5b6509fb05 100644
--- a/tgui/packages/tgui/interfaces/TextInputModal.tsx
+++ b/tgui/packages/tgui/interfaces/TextInputModal.tsx
@@ -1,4 +1,4 @@
-import { KeyboardEvent, useState } from 'react';
+import { type KeyboardEvent, useState } from 'react';
import { useBackend } from 'tgui/backend';
import { Window } from 'tgui/layouts';
import { Box, Section, Stack, TextArea } from 'tgui-core/components';
diff --git a/tgui/packages/tgui/interfaces/TimeClock.tsx b/tgui/packages/tgui/interfaces/TimeClock.tsx
index 9cf17c78f8..0693f293eb 100644
--- a/tgui/packages/tgui/interfaces/TimeClock.tsx
+++ b/tgui/packages/tgui/interfaces/TimeClock.tsx
@@ -152,7 +152,7 @@ export const TimeClock = (props) => {
(!!job_choices &&
Object.keys(job_choices).length &&
Object.keys(job_choices).map((job) => {
- let alt_titles = job_choices[job];
+ const alt_titles = job_choices[job];
return alt_titles.map((title) => (