nitro/nitro-react
1
0
Fork 0
mirror of https://github.com/billsonnn/nitro-react.git synced 2025-02-17 01:12:37 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix eslint issues

Browse Source
This commit is contained in:
Bill 2024-06-18 18:58:45 -04:00
parent df81cc7f92
commit 5bd351c3dc
570 changed files with 3584 additions and 3609 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
.editorconfig
View File

@ -1,6 +1,16 @@
# Editor configuration, see https://editorconfig.org
root = true
[*]
charset = utf-8
insert_final_newline = true
end_of_line = lf
indent_style = space
indent_size = 4
insert_final_newline = true
trim_trailing_whitespace = true
[*.ts]
quote_type = single
[*.md]
max_line_length = off
trim_trailing_whitespace = false

121
.eslintrc.json
View File

@ -1,121 +0,0 @@
{
"root": true,
"parser": "@typescript-eslint/parser",
"parserOptions": {
"ecmaVersion": "latest",
"sourceType": "module",
"ecmaFeatures": {
"jsx": true
}
},
"settings": {
"react": {
"pragma": "React",
"version": "18.0.0"
}
},
"env": {
"browser": true,
"es2021": true
},
"extends": [
"plugin:react/recommended",
"plugin:react/jsx-runtime",
"plugin:react-hooks/recommended"
],
"plugins": [
"@typescript-eslint",
"react"
],
"rules": {
"linebreak-style": [
"off"
],
"quotes": [
"error",
"single"
],
"@typescript-eslint/indent": [
"error",
4,
{
"SwitchCase": 1
}
],
"array-bracket-spacing": [
"error",
"always"
],
"brace-style": [
"error",
"allman"
],
"template-curly-spacing": [
"error",
"always"
],
"no-multi-spaces": [
"error"
],
"@typescript-eslint/object-curly-spacing": [
"error",
"always",
{
"arraysInObjects": true,
"objectsInObjects": false
}
],
"@typescript-eslint/ban-types": [
"error",
{
"types": {
"String": true,
"Boolean": true,
"Number": true,
"Symbol": true,
"{}": false,
"Object": false,
"object": false,
"Function": false
},
"extendDefaults": true
}
],
"no-switch-case-fall-through": [
"off"
],
"jsx-quotes": [
"error"
],
"react/prop-types": [
"off"
],
"react/jsx-curly-spacing": [
"error",
{
"when": "always",
"children": true
}
],
"react/jsx-equals-spacing": [
"error"
],
"react/jsx-newline": [
"error",
{
"prevent": true
}
],
"react/jsx-sort-props": [
"error",
{
"callbacksLast": true,
"shorthandFirst": true,
"shorthandLast": false,
"ignoreCase": true,
"noSortAlphabetically": false,
"reservedFirst": true
}
]
}
}

22
.vscode/settings.json vendored
View File

@ -6,7 +6,7 @@
"typescript.format.placeOpenBraceOnNewLineForFunctions": true,
"editor.wordWrap": "on",
"editor.codeActionsOnSave": {
"source.fixAll.eslint": "explicit",
"source.fixAll.eslint": "always",
"source.fixAll.sortJSON": "never",
"source.organizeImports": "always"
},
@ -17,10 +17,7 @@
"files.trimFinalNewlines": true,
"emmet.showExpandedAbbreviation": "never",
"eslint.format.enable": true,
"eslint.validate": [
"javascript",
"typescript"
],
"eslint.validate": ["javascript", "typescript"],
"eslint.workingDirectories": [
{
"pattern": "./src"
@ -34,18 +31,9 @@
"css": "css"
},
"tailwindCSS.experimental.classRegex": [
[
"classes \\=([^;]*);",
"'([^']*)'"
],
[
"classes \\=([^;]*);",
"\"([^\"]*)\""
],
[
"classes \\=([^;]*);",
"\\`([^\\`]*)\\`"
]
["classes \\=([^;]*);", "'([^']*)'"],
["classes \\=([^;]*);", "\"([^\"]*)\""],
["classes \\=([^;]*);", "\\`([^\\`]*)\\`"]
],
"editor.quickSuggestions": {
"strings": true

2
css-utils/CSSColorUtils.js
View File

@ -64,8 +64,6 @@ const generateShades = (colors) =>
}
}
console.log(colors)
return colors;
}

138
eslint.config.mjs Normal file
View File

@ -0,0 +1,138 @@
import typescriptEslintPlugin from "@typescript-eslint/eslint-plugin";
import typescriptEslintParser from "@typescript-eslint/parser";
import reactPlugin from "eslint-plugin-react";
import reactHooksPlugin from "eslint-plugin-react-hooks";
import path from "path";
import { fileURLToPath } from "url";
const __filename = fileURLToPath(import.meta.url);
const __dirname = path.dirname(__filename);
export default [
{
files: ["**/*.jsx", "**/*.js", "**/*.tsx", "**/*.ts"],
plugins: {
react: reactPlugin,
"react-hooks": reactHooksPlugin,
"@typescript-eslint": typescriptEslintPlugin,
},
languageOptions: {
parser: typescriptEslintParser,
ecmaVersion: "latest",
parserOptions: {
sourceType: "module",
project: "./tsconfig.json",
tsconfigRootDir: __dirname,
ecmaFeatures: {
jsx: true,
},
},
},
rules: {
...reactPlugin.configs.recommended.rules,
...reactHooksPlugin.configs.recommended.rules,
...typescriptEslintPlugin.configs.recommended.rules,
...typescriptEslintPlugin.configs[
"recommended-requiring-type-checking"
].rules,
'indent': [
'error',
4,
{
'SwitchCase': 1
}
],
'no-multi-spaces': [
'error'
],
'no-trailing-spaces': [
'error',
{
'skipBlankLines': false,
'ignoreComments': true
}
],
'linebreak-style': [
'off'
],
'quotes': [
'error',
'single'
],
'semi': [
'error',
'always'
],
'brace-style': [
'error',
'allman'
],
'object-curly-spacing': [
'error',
'always'
],
'@typescript-eslint/no-explicit-any': 'off',
'@typescript-eslint/no-unsafe-assignment': 'off',
'@typescript-eslint/no-unsafe-call': 'off',
'@typescript-eslint/no-unsafe-member-access': 'off',
'@typescript-eslint/no-floating-promises': 'off',
'@typescript-eslint/require-await': 'off',
'@typescript-eslint/no-unsafe-argument': 'off',
'@typescript-eslint/no-unsafe-return': 'off',
'@typescript-eslint/no-misused-promises': 'off',
'@typescript-eslint/explicit-module-boundary-types': [
'off',
{
'allowedNames': [
'getMessageArray'
]
}
],
'@typescript-eslint/unbound-method': [
'off'
],
'@typescript-eslint/ban-ts-comment': [
'off'
],
'@typescript-eslint/no-empty-function': [
'error',
{
'allow': [
'functions',
'arrowFunctions',
'generatorFunctions',
'methods',
'generatorMethods',
'constructors'
]
}
],
'@typescript-eslint/no-unused-vars': [
'off'
],
'@typescript-eslint/ban-types': [
'error',
{
'types':
{
'String': true,
'Boolean': true,
'Number': true,
'Symbol': true,
'{}': false,
'Object': false,
'object': false,
'Function': false
},
'extendDefaults': true
}
],
'react/react-in-jsx-scope': 'off'
},
settings: {
react: {
version: "18.3.1",
},
},
},
];

93
package.json
View File

@ -1,50 +1,47 @@
{
"name": "nitro-react",
"version": "2.2",
"homepage": ".",
"private": true,
"scripts": {
"start": "vite",
"build": "vite build",
"build:prod": "npx browserslist@latest --update-db && yarn build",
"eslint": "eslint src --ext .ts,.tsx"
},
"dependencies": {
"@tanstack/react-virtual": "3.2.0",
"@types/react-transition-group": "^4.4.10",
"dompurify": "^3.1.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-icons": "^5.0.1",
"react-slider": "^2.0.6",
"react-tiny-popover": "^8.0.4",
"react-transition-group": "^4.4.5",
"react-youtube": "^7.13.1",
"use-between": "^1.3.5"
},
"devDependencies": {
"@tailwindcss/forms": "^0.5.7",
"@types/node": "^20.11.30",
"@types/react": "^18.2.67",
"@types/react-dom": "^18.2.22",
"@types/react-slider": "^1.3.6",
"@typescript-eslint/eslint-plugin": "^7.3.1",
"@typescript-eslint/parser": "^7.3.1",
"@vitejs/plugin-react": "^4.2.1",
"autoprefixer": "^10.4.19",
"eslint": "^8.57.0",
"eslint-plugin-import": "^2.29.1",
"eslint-plugin-jsx-a11y": "^6.8.0",
"eslint-plugin-react": "^7.34.1",
"eslint-plugin-react-hooks": "^4.6.0",
"postcss": "^8.4.38",
"postcss-nested": "^6.0.1",
"prettier": "^3.2.5",
"prettier-plugin-tailwindcss": "^0.5.13",
"sass": "^1.72.0",
"tailwindcss": "^3.4.3",
"typescript": "^5.4.2",
"vite": "^5.1.6",
"vite-tsconfig-paths": "^4.3.2"
}
"name": "nitro-react",
"version": "2.2",
"homepage": ".",
"private": true,
"scripts": {
"start": "vite",
"build": "vite build",
"build:prod": "npx browserslist@latest --update-db && yarn build",
"eslint": "eslint ./src"
},
"dependencies": {
"@tanstack/react-virtual": "3.2.0",
"@types/react-transition-group": "^4.4.10",
"dompurify": "^3.1.5",
"react": "^18.3.1",
"react-dom": "^18.3.1",
"react-icons": "^5.2.1",
"react-slider": "^2.0.6",
"react-tiny-popover": "^8.0.4",
"react-transition-group": "^4.4.5",
"react-youtube": "^7.13.1",
"use-between": "^1.3.5"
},
"devDependencies": {
"@tailwindcss/forms": "^0.5.7",
"@types/node": "^20.11.30",
"@types/react": "^18.3.3",
"@types/react-dom": "^18.3.0",
"@types/react-slider": "^1.3.6",
"@typescript-eslint/eslint-plugin": "^7.13.1",
"@typescript-eslint/parser": "^7.13.1",
"@vitejs/plugin-react": "^4.3.1",
"autoprefixer": "^10.4.19",
"eslint": "^9.5.0",
"eslint-plugin-react": "^7.34.2",
"eslint-plugin-react-hooks": "^5.1.0-rc-1434af3d22-20240618",
"postcss": "^8.4.38",
"postcss-nested": "^6.0.1",
"sass": "^1.77.4",
"tailwindcss": "^3.4.4",
"typescript": "^5.4.5",
"typescript-eslint": "^7.13.1",
"vite": "^5.2.13",
"vite-tsconfig-paths": "^4.3.2"
}
}

7
prettier.config.js
View File

@ -1,7 +0,0 @@
/** @type {import("prettier").Config} */
module.exports = {
plugins: [
'prettier-plugin-tailwindcss'
]
}

129
src/App.tsx
View File

@ -1,4 +1,25 @@
import { GetAssetManager, GetAvatarRenderManager, GetCommunication, GetConfiguration, GetLocalizationManager, GetRoomCameraWidgetManager, GetRoomEngine, GetRoomSessionManager, GetSessionDataManager, GetSoundManager, GetStage, GetTexturePool, GetTicker, HabboWebTools, LegacyExternalInterface, LoadGameUrlEvent, NitroLogger, NitroVersion, PrepareRenderer } from '@nitrots/nitro-renderer';
import
{
GetAssetManager,
GetAvatarRenderManager,
GetCommunication,
GetConfiguration,
GetLocalizationManager,
GetRoomCameraWidgetManager,
GetRoomEngine,
GetRoomSessionManager,
GetSessionDataManager,
GetSoundManager,
GetStage,
GetTexturePool,
GetTicker,
HabboWebTools,
LegacyExternalInterface,
LoadGameUrlEvent,
NitroLogger,
NitroVersion,
PrepareRenderer,
} from '@nitrots/nitro-renderer';
import { FC, useEffect, useState } from 'react';
import { GetUIVersion } from './api';
import { MainView } from './components/MainView';
@ -8,15 +29,15 @@ import { classNames } from './layout';
NitroVersion.UI_VERSION = GetUIVersion();
export const App: FC<{}> = props =>
export const App: FC<{}> = (props) =>
{
const [ isReady, setIsReady ] = useState(false);
const [isReady, setIsReady] = useState(false);
useMessageEvent<LoadGameUrlEvent>(LoadGameUrlEvent, event =>
useMessageEvent<LoadGameUrlEvent>(LoadGameUrlEvent, (event) =>
{
const parser = event.getParser();
if (!parser) return;
if(!parser) return;
LegacyExternalInterface.callGame('showGame', parser.url);
});
@ -27,78 +48,108 @@ export const App: FC<{}> = props =>
{
try
{
if (!window.NitroConfig) throw new Error('NitroConfig is not defined!');
if(!window.NitroConfig)
throw new Error('NitroConfig is not defined!');
const renderer = await PrepareRenderer({
width,
height,
resolution: window.devicePixelRatio,
autoDensity: true,
backgroundAlpha: 0,
preference: 'webgl',
eventMode: 'none',
failIfMajorPerformanceCaveat: false
failIfMajorPerformanceCaveat: false,
});
await GetConfiguration().init();
GetTicker().maxFPS = GetConfiguration().getValue<number>('system.fps.max', 24);
NitroLogger.LOG_DEBUG = GetConfiguration().getValue<boolean>('system.log.debug', true);
NitroLogger.LOG_WARN = GetConfiguration().getValue<boolean>('system.log.warn', false);
NitroLogger.LOG_ERROR = GetConfiguration().getValue<boolean>('system.log.error', false);
NitroLogger.LOG_EVENTS = GetConfiguration().getValue<boolean>('system.log.events', false);
NitroLogger.LOG_PACKETS = GetConfiguration().getValue<boolean>('system.log.packets', false);
const assetUrls = GetConfiguration().getValue<string[]>('preload.assets.urls').map(url => GetConfiguration().interpolate(url)) ?? [];
await Promise.all(
[
GetRoomCameraWidgetManager().init(),
GetAssetManager().downloadAssets(assetUrls),
GetLocalizationManager().init(),
GetAvatarRenderManager().init(),
GetSoundManager().init(),
GetSessionDataManager().init(),
GetRoomSessionManager().init(),
GetCommunication().init(),
]
GetTicker().maxFPS = GetConfiguration().getValue<number>(
'system.fps.max',
24,
);
NitroLogger.LOG_DEBUG = GetConfiguration().getValue<boolean>(
'system.log.debug',
true,
);
NitroLogger.LOG_WARN = GetConfiguration().getValue<boolean>(
'system.log.warn',
false,
);
NitroLogger.LOG_ERROR = GetConfiguration().getValue<boolean>(
'system.log.error',
false,
);
NitroLogger.LOG_EVENTS = GetConfiguration().getValue<boolean>(
'system.log.events',
false,
);
NitroLogger.LOG_PACKETS = GetConfiguration().getValue<boolean>(
'system.log.packets',
false,
);
const assetUrls =
GetConfiguration()
.getValue<string[]>('preload.assets.urls')
.map((url) => GetConfiguration().interpolate(url)) ??
[];
await Promise.all([
GetRoomCameraWidgetManager().init(),
GetAssetManager().downloadAssets(assetUrls),
GetLocalizationManager().init(),
GetAvatarRenderManager().init(),
GetSoundManager().init(),
GetSessionDataManager().init(),
GetRoomSessionManager().init(),
GetCommunication().init(),
]);
await GetRoomEngine().init();
// new GameMessageHandler();
if (LegacyExternalInterface.available) LegacyExternalInterface.call('legacyTrack', 'authentication', 'authok', []);
if(LegacyExternalInterface.available)
LegacyExternalInterface.call(
'legacyTrack',
'authentication',
'authok',
[],
);
HabboWebTools.sendHeartBeat();
setInterval(() => HabboWebTools.sendHeartBeat(), 10000);
GetTicker().add(ticker => GetRoomEngine().update(ticker));
GetTicker().add(ticker => renderer.render(GetStage()));
GetTicker().add(ticker => GetTexturePool().run());
GetTicker().add((ticker) => GetRoomEngine().update(ticker));
GetTicker().add((ticker) => renderer.render(GetStage()));
GetTicker().add((ticker) => GetTexturePool().run());
setIsReady(true);
// handle socket close
//canvas.addEventListener('webglcontextlost', () => instance.events.dispatchEvent(new NitroEvent(Nitro.WEBGL_CONTEXT_LOST)));
}
catch (err)
{
NitroLogger.error(err);
}
}
};
prepare(window.innerWidth, window.innerHeight);
}, []);
return (
<div className={ classNames('w-full h-full overflow-hidden text-base', !(window.devicePixelRatio % 1) && '[image-rendering:pixelated]') }>
{ !isReady &&
<LoadingView /> }
{ isReady && <MainView /> }
<div
className={classNames(
'w-full h-full overflow-hidden text-base',
!(window.devicePixelRatio % 1) && '[image-rendering:pixelated]',
)}
>
{!isReady && <LoadingView />}
{isReady && <MainView />}
<div id="draggable-windows-container" />
</div>
);
}
};

2
src/api/avatar/AvatarEditorColorSorter.ts
View File

@ -14,4 +14,4 @@ export const AvatarEditorColorSorter = (a: IPartColor, b: IPartColor) =>
if(a.index > b.index) return 1;
return 0;
}
};

4
src/api/avatar/AvatarEditorPartSorter.ts
View File

@ -31,5 +31,5 @@ export const AvatarEditorPartSorter = (hcFirst: boolean) =>
if(a.partSet.id > b.partSet.id) return 1;
return 0;
}
}
};
};

6
src/api/avatar/AvatarEditorThumbnailsHelper.ts
View File

@ -108,7 +108,7 @@ export class AvatarEditorThumbnailsHelper
}
return container;
}
};
return new Promise(async (resolve, reject) =>
{
@ -120,7 +120,7 @@ export class AvatarEditorThumbnailsHelper
AvatarEditorThumbnailsHelper.THUMBNAIL_CACHE.set(thumbnailKey, imageUrl);
resolve(imageUrl);
}
};
const figureContainer = GetAvatarRenderManager().createFigureContainer(`${ setType }-${ part.partSet.id }`);
@ -172,7 +172,7 @@ export class AvatarEditorThumbnailsHelper
AvatarEditorThumbnailsHelper.THUMBNAIL_CACHE.set(thumbnailKey, imageUrl);
resolve(imageUrl);
}
};
resetFigure(figureString);
});

8
src/api/catalog/CatalogUtilities.ts
View File

@ -4,12 +4,12 @@ import { ICatalogNode } from './ICatalogNode';
export const GetPixelEffectIcon = (id: number) =>
{
return '';
}
};
export const GetSubscriptionProductIcon = (id: number) =>
{
return '';
}
};
export const GetOfferNodes = (offerNodes: Map<number, ICatalogNode[]>, offerId: number) =>
{
@ -27,7 +27,7 @@ export const GetOfferNodes = (offerNodes: Map<number, ICatalogNode[]>, offerId:
}
return allowedNodes;
}
};
export const FilterCatalogNode = (search: string, furniLines: string[], node: ICatalogNode, nodes: ICatalogNode[]) =>
{
@ -59,7 +59,7 @@ export const FilterCatalogNode = (search: string, furniLines: string[], node: IC
}
for(const child of node.children) FilterCatalogNode(search, furniLines, child, nodes);
}
};
export function GetPetIndexFromLocalization(localization: string)
{

2
src/api/catalog/GetImageIconUrlForProduct.ts
View File

@ -16,4 +16,4 @@ export const GetImageIconUrlForProduct = (productType: string, productClassId: n
}
return imageUrl;
}
};

2
src/api/catalog/PageLocalization.ts
View File

@ -4,7 +4,7 @@ import { IPageLocalization } from './IPageLocalization';
export class PageLocalization implements IPageLocalization
{
private _images: string[];
private _texts: string[]
private _texts: string[];
constructor(images: string[], texts: string[])
{

2
src/api/chat-history/ChatHistoryCurrentDate.ts
View File

@ -3,4 +3,4 @@ export const ChatHistoryCurrentDate = () =>
const currentTime = new Date();
return `${ currentTime.getHours().toString().padStart(2, '0') }:${ currentTime.getMinutes().toString().padStart(2, '0') }`;
}
};

2
src/api/chat-history/MessengerHistoryCurrentDate.ts
View File

@ -3,4 +3,4 @@ export const MessengerHistoryCurrentDate = (secondsSinceNow: number = 0) =>
const currentTime = secondsSinceNow ? new Date(Date.now() - secondsSinceNow * 1000) : new Date();
return `${ currentTime.getHours().toString().padStart(2, '0') }:${ currentTime.getMinutes().toString().padStart(2, '0') }`;
}
};

2
src/api/friends/GetGroupChatData.ts
View File

@ -10,4 +10,4 @@ export const GetGroupChatData = (extraData: string) =>
const userId = parseInt(splitData[2]);
return ({ username: username, figure: figure, userId: userId } as IGroupChatData);
}
};

2
src/api/groups/ToggleFavoriteGroup.ts
View File

@ -4,4 +4,4 @@ import { SendMessageComposer } from '../nitro';
export const ToggleFavoriteGroup = (group: HabboGroupEntryData) =>
{
SendMessageComposer(group.favourite ? new GroupUnfavoriteComposer(group.groupId) : new GroupFavoriteComposer(group.groupId));
}
};

2
src/api/hc-center/GetClubBadge.ts
View File

@ -8,4 +8,4 @@ export const GetClubBadge = (badgeCodes: string[]) =>
BADGES.forEach(badge => ((badgeCodes.indexOf(badge) > -1) && (badgeCode = badge)));
return (badgeCode || DEFAULT_BADGE);
}
};

2
src/api/help/GetCloseReasonKey.ts
View File

@ -5,4 +5,4 @@ export const GetCloseReasonKey = (code: number) =>
if(code === 2) return 'abusive';
return 'resolved';
}
};

10
src/api/inventory/FurnitureUtilities.ts
View File

@ -35,7 +35,7 @@ const addSingleFurnitureItem = (set: GroupItem[], item: FurnitureItem, unseen: b
}
return groupItem;
}
};
const addGroupableFurnitureItem = (set: GroupItem[], item: FurnitureItem, unseen: boolean) =>
{
@ -108,7 +108,7 @@ const addGroupableFurnitureItem = (set: GroupItem[], item: FurnitureItem, unseen
}
return existingGroup;
}
};
export const addFurnitureItem = (set: GroupItem[], item: FurnitureItem, unseen: boolean) =>
{
@ -120,7 +120,7 @@ export const addFurnitureItem = (set: GroupItem[], item: FurnitureItem, unseen:
{
addGroupableFurnitureItem(set, item, unseen);
}
}
};
export const mergeFurniFragments = (fragment: Map<number, FurnitureListItemParser>, totalFragments: number, fragmentNumber: number, fragments: Map<number, FurnitureListItemParser>[]) =>
{
@ -145,7 +145,7 @@ export const mergeFurniFragments = (fragment: Map<number, FurnitureListItemParse
fragments = null;
return merged;
}
};
export const getAllItemIds = (groupItems: GroupItem[]) =>
{
@ -168,4 +168,4 @@ export const getAllItemIds = (groupItems: GroupItem[]) =>
}
return itemIds;
}
};

8
src/api/inventory/InventoryUtilities.ts
View File

@ -24,7 +24,7 @@ export const cancelRoomObjectPlacement = () =>
setPlacingItemId(-1);
setObjectMoverRequested(false);
}
};
export const attemptPetPlacement = (petItem: IPetItem, flag: boolean = false) =>
{
@ -47,7 +47,7 @@ export const attemptPetPlacement = (petItem: IPetItem, flag: boolean = false) =>
}
return true;
}
};
export const attemptItemPlacement = (groupItem: GroupItem, flag: boolean = false) =>
{
@ -92,7 +92,7 @@ export const attemptItemPlacement = (groupItem: GroupItem, flag: boolean = false
}
return true;
}
};
export const attemptBotPlacement = (botItem: IBotItem, flag: boolean = false) =>
@ -114,4 +114,4 @@ export const attemptBotPlacement = (botItem: IBotItem, flag: boolean = false) =>
}
return true;
}
};

8
src/api/inventory/PetUtilities.ts
View File

@ -21,7 +21,7 @@ export const addSinglePetItem = (petData: PetData, set: IPetItem[], unseen: bool
}
return petItem;
}
};
export const removePetItemById = (id: number, set: IPetItem[]) =>
{
@ -49,7 +49,7 @@ export const removePetItemById = (id: number, set: IPetItem[]) =>
}
return null;
}
};
export const processPetFragment = (set: IPetItem[], fragment: Map<number, PetData>, isUnseen: (category: number, itemId: number) => boolean) =>
{
@ -75,7 +75,7 @@ export const processPetFragment = (set: IPetItem[], fragment: Map<number, PetDat
}
return set;
}
};
export const mergePetFragments = (fragment: Map<number, PetData>, totalFragments: number, fragmentNumber: number, fragments: Map<number, PetData>[]) =>
{
@ -100,4 +100,4 @@ export const mergePetFragments = (fragment: Map<number, PetData>, totalFragments
fragments = null;
return merged;
}
};

4
src/api/inventory/TradingUtilities.ts
View File

@ -49,7 +49,7 @@ export const parseTradeItems = (items: ItemDataStructure[]) =>
}
return existingItems;
}
};
export const getGuildFurniType = (spriteId: number, stuffData: IObjectData) =>
{
@ -67,4 +67,4 @@ export const getGuildFurniType = (spriteId: number, stuffData: IObjectData) =>
}
return type;
}
};

2
src/api/mod-tools/GetIssueCategoryName.ts
View File

@ -32,4 +32,4 @@ export const GetIssueCategoryName = (categoryId: number) =>
}
return 'Unknown';
}
};

2
src/api/navigator/RoomSettingsUtils.ts
View File

@ -5,6 +5,6 @@ const BuildMaxVisitorsList = () =>
for(let i = 10; i <= 100; i = i + 10) list.push(i);
return list;
}
};
export const GetMaxVisitorsList = BuildMaxVisitorsList();

2
src/api/nitro/GetConfigurationValue.ts
View File

@ -1,6 +1,6 @@
import { GetConfiguration } from '@nitrots/nitro-renderer';
export function GetConfigurationValue<T>(key: string, value: T = null): T
export function GetConfigurationValue<T = string>(key: string, value: T = null): T
{
return GetConfiguration().getValue(key, value);
}

2
src/api/nitro/OpenUrl.ts
View File

@ -12,4 +12,4 @@ export const OpenUrl = (url: string) =>
{
CreateLinkEvent(url);
}
}
};

2
src/api/nitro/room/DispatchMouseEvent.ts
View File

@ -51,4 +51,4 @@ export const DispatchMouseEvent = (event: MouseEvent, canvasId: number = 1) =>
}
GetRoomEngine().dispatchMouseEvent(canvasId, x, y, eventType, event.altKey, (event.ctrlKey || event.metaKey), event.shiftKey, false);
}
};

4
src/api/nitro/room/DispatchTouchEvent.ts
View File

@ -72,10 +72,10 @@ export const DispatchTouchEvent = (event: TouchEvent, canvasId: number = 1, long
default: return;
}
if (eventType === TouchEventType.TOUCH_START)
if(eventType === TouchEventType.TOUCH_START)
{
GetRoomEngine().dispatchMouseEvent(canvasId, x, y, eventType, altKey, ctrlKey, shiftKey, false);
}
GetRoomEngine().dispatchMouseEvent(canvasId, x, y, eventType, altKey, ctrlKey, shiftKey, false);
}
};

2
src/api/nitro/room/GetRoomObjectBounds.ts
View File

@ -10,4 +10,4 @@ export const GetRoomObjectBounds = (roomId: number, objectId: number, category:
rectangle.y = Math.round(rectangle.y);
return rectangle;
}
};

2
src/api/nitro/room/GetRoomObjectScreenLocation.ts
View File

@ -10,4 +10,4 @@ export const GetRoomObjectScreenLocation = (roomId: number, objectId: number, ca
point.y = Math.round(point.y);
return point;
}
};

2
src/api/nitro/room/InitializeRoomInstanceRenderingCanvas.ts
View File

@ -6,4 +6,4 @@ export const InitializeRoomInstanceRenderingCanvas = (width: number, height: num
const roomId = roomEngine.activeRoomId;
roomEngine.initializeRoomInstanceRenderingCanvas(roomId, canvasId, width, height);
}
};

4
src/api/nitro/session/GetFurnitureDataForProductOffer.ts
View File

@ -2,11 +2,11 @@ import { CatalogPageMessageProductData, FurnitureType, GetSessionDataManager, IF
export function GetFurnitureDataForProductOffer(offer: CatalogPageMessageProductData): IFurnitureData
{
if(!offer) return null;
if (!offer) return null;
let furniData: IFurnitureData = null;
switch((offer.productType.toUpperCase()))
switch ((offer.productType.toUpperCase()) as FurnitureType)
{
case FurnitureType.FLOOR:
furniData = GetSessionDataManager().getFloorItemData(offer.furniClassId);

2
src/api/nitro/session/VisitDesktop.ts
View File

@ -8,4 +8,4 @@ export const VisitDesktop = () =>
GoToDesktop();
GetRoomSessionManager().removeSession(-1);
}
};

6
src/api/room/widgets/AvatarInfoUtilities.ts
View File

@ -398,7 +398,7 @@ export class AvatarInfoUtilities
default:
return (userInfo.roomControllerLevel >= RoomControllerLevel.ROOM_OWNER);
}
}
};
return this.isValidSetting(userInfo, checkSetting);
}
@ -416,7 +416,7 @@ export class AvatarInfoUtilities
default:
return (userInfo.roomControllerLevel >= RoomControllerLevel.ROOM_OWNER);
}
}
};
return this.isValidSetting(userInfo, checkSetting);
}
@ -432,7 +432,7 @@ export class AvatarInfoUtilities
default:
return (userInfo.roomControllerLevel >= RoomControllerLevel.ROOM_OWNER);
}
}
};
return this.isValidSetting(userInfo, checkSetting);
}

3
src/api/room/widgets/DoChatsOverlap.ts
View File

@ -3,5 +3,4 @@ import { ChatBubbleMessage } from './ChatBubbleMessage';
export const DoChatsOverlap = (a: ChatBubbleMessage, b: ChatBubbleMessage, additionalBTop: number, padding: number = 0) =>
{
return !((((a.left + padding) + a.width) < (b.left + padding)) || ((a.left + padding) > ((b.left + padding) + b.width)) || ((a.top + a.height) < (b.top + additionalBTop)) || (a.top > ((b.top + additionalBTop) + b.height)));
}
};

6
src/api/room/widgets/GetDiskColor.ts
View File

@ -12,9 +12,9 @@ export const GetDiskColor = (name: string) =>
let b: number = 0;
let index: number = 0;
while (index < name.length)
while(index < name.length)
{
switch ((index % 3))
switch((index % 3))
{
case 0:
r = (r + ( name.charCodeAt(index) * 37) );
@ -34,4 +34,4 @@ export const GetDiskColor = (name: string) =>
b = ((b % DISK_COLOR_BLUE_RANGE) + DISK_COLOR_BLUE_MIN);
return `rgb(${ r },${ g },${ b })`;
}
};

2
src/api/utils/CloneObject.ts
View File

@ -11,4 +11,4 @@ export const CloneObject = <T>(object: T): T =>
}
return copy;
}
};

2
src/api/utils/ColorUtils.ts
View File

@ -30,7 +30,7 @@ export class ColorUtils
*/
public static int_to_8BitVals(value: number): [number, number, number, number]
{
const val1 = ((value >> 24) & 0xFF)
const val1 = ((value >> 24) & 0xFF);
const val2 = ((value >> 16) & 0xFF);
const val3 = ((value >> 8) & 0xFF);
const val4 = (value & 0xFF);

2
src/api/utils/ConvertSeconds.ts
View File

@ -6,4 +6,4 @@ export const ConvertSeconds = (seconds: number) =>
let numSeconds = ((seconds % 86400) % 3600) % 60;
return numDays.toString().padStart(2, '0') + ':' + numHours.toString().padStart(2, '0') + ':' + numMinutes.toString().padStart(2, '0') + ':' + numSeconds.toString().padStart(2, '0');
}
};

6
src/api/utils/GetLocalStorage.ts
View File

@ -2,10 +2,10 @@ export const GetLocalStorage = <T>(key: string) =>
{
try
{
JSON.parse(window.localStorage.getItem(key)) as T ?? null
JSON.parse(window.localStorage.getItem(key)) as T ?? null;
}
catch(e)
catch (e)
{
return null;
}
}
};

2
src/api/utils/LocalizeBadgeDescription.ts
View File

@ -7,4 +7,4 @@ export const LocalizeBadgeDescription = (key: string) =>
if(!badgeDesc || !badgeDesc.length) badgeDesc = `badge_desc_${ key }`;
return badgeDesc;
}
};

2
src/api/utils/LocalizeBageName.ts
View File

@ -7,4 +7,4 @@ export const LocalizeBadgeName = (key: string) =>
if(!badgeName || !badgeName.length) badgeName = `badge_name_${ key }`;
return badgeName;
}
};

4
src/api/utils/PlaySound.ts
View File

@ -8,7 +8,7 @@ export const PlaySound = (sampleCode: string) =>
if(!canPlaySound) return;
DispatchMainEvent(new NitroSoundEvent(NitroSoundEvent.PLAY_SOUND, sampleCode));
}
};
const eventTypes = [ MouseEventType.MOUSE_CLICK ];
@ -19,6 +19,6 @@ const startListening = () =>
const onEvent = (event: Event) => ((canPlaySound = true) && stopListening());
eventTypes.forEach(type => window.addEventListener(type, onEvent));
}
};
startListening();

4
src/api/utils/RoomChatFormatter.ts
View File

@ -35,7 +35,7 @@ const encodeHTML = (str: string) =>
return full;
});
}
};
export const RoomChatFormatter = (content: string) =>
{
@ -72,4 +72,4 @@ export const RoomChatFormatter = (content: string) =>
}
return result;
}
};

2
src/api/wired/GetWiredTimeLocale.ts
View File

@ -5,4 +5,4 @@ export const GetWiredTimeLocale = (value: number) =>
if(!(value % 2)) return time.toString();
return (time + 0.5).toString();
}
};

2
src/common/AutoGrid.tsx
View File

@ -25,4 +25,4 @@ export const AutoGrid: FC<AutoGridProps> = props =>
}, [ columnMinWidth, columnMinHeight, columnCount, style ]);
return <Grid columnCount={ columnCount } fullHeight={ fullHeight } overflow={ overflow } style={ getStyle } { ...rest } />;
}
};

32
src/common/Base.tsx
View File

@ -29,31 +29,31 @@ export const Base: FC<BaseProps<HTMLDivElement>> = props =>
{
const newClassNames: string[] = [];
if (display && display.length) newClassNames.push(display);
if(display && display.length) newClassNames.push(display);
if (fit || fullWidth) newClassNames.push('w-full');
if(fit || fullWidth) newClassNames.push('w-full');
if (fit || fullHeight) newClassNames.push('h-full');
if(fit || fullHeight) newClassNames.push('h-full');
if (fitV) newClassNames.push('vw-full', 'vh-full');
if(fitV) newClassNames.push('vw-full', 'vh-full');
if (grow) newClassNames.push('!flex-grow');
if(grow) newClassNames.push('!flex-grow');
if (shrink) newClassNames.push('!flex-shrink-0');
if(shrink) newClassNames.push('!flex-shrink-0');
if (overflow) newClassNames.push('overflow-' + overflow);
if(overflow) newClassNames.push('overflow-' + overflow);
if (position) newClassNames.push(position);
if(position) newClassNames.push(position);
if (float) newClassNames.push('float-' + float);
if(float) newClassNames.push('float-' + float);
if (pointer) newClassNames.push('cursor-pointer');
if(pointer) newClassNames.push('cursor-pointer');
if (visible !== null) newClassNames.push(visible ? 'visible' : 'invisible');
if(visible !== null) newClassNames.push(visible ? 'visible' : 'invisible');
if (textColor) newClassNames.push('text-' + textColor);
if(textColor) newClassNames.push('text-' + textColor);
if (classNames.length) newClassNames.push(...classNames);
if(classNames.length) newClassNames.push(...classNames);
return newClassNames;
}, [ display, fit, fitV, grow, shrink, fullWidth, fullHeight, overflow, position, float, pointer, visible, textColor, classNames ]);
@ -62,7 +62,7 @@ export const Base: FC<BaseProps<HTMLDivElement>> = props =>
{
let newClassName = getClassNames.join(' ');
if (className.length) newClassName += (' ' + className);
if(className.length) newClassName += (' ' + className);
return newClassName.trim();
}, [ getClassNames, className ]);
@ -71,7 +71,7 @@ export const Base: FC<BaseProps<HTMLDivElement>> = props =>
{
let newStyle: CSSProperties = {};
if (Object.keys(style).length) newStyle = { ...newStyle, ...style };
if(Object.keys(style).length) newStyle = { ...newStyle, ...style };
return newStyle;
}, [ style ]);
@ -81,4 +81,4 @@ export const Base: FC<BaseProps<HTMLDivElement>> = props =>
{ children }
</div>
);
}
};

34
src/common/Button.tsx
View File

@ -21,48 +21,48 @@ export const Button: FC<ButtonProps> = props =>
const newClassNames: string[] = [ 'pointer-events-auto inline-block font-normal leading-normal text-[#fff] text-center no-underline align-middle cursor-pointer select-none border-[1px] border-[solid] border-[transparent] px-[.75rem] py-[.375rem] text-[.9rem] rounded-[.25rem] [transition:color_.15s_ease-in-out,_background-color_.15s_ease-in-out,_border-color_.15s_ease-in-out,_box-shadow_.15s_ease-in-out]' ];
if (variant)
if(variant)
{
if (variant == 'primary')
if(variant == 'primary')
newClassNames.push('text-white bg-[#1e7295] border-[#1e7295] [box-shadow:inset_0_2px_#ffffff26,inset_0_-2px_#0000001a,0_1px_#0000001a] hover:text-white hover:bg-[#1a617f] hover:border-[#185b77]');
if (variant == 'success')
if(variant == 'success')
newClassNames.push('text-white bg-[#00800b] border-[#00800b] [box-shadow:inset_0_2px_#ffffff26,inset_0_-2px_#0000001a,0_1px_#0000001a] hover:text-white hover:bg-[#006d09] hover:border-[#006609]');
if (variant == 'danger')
if(variant == 'danger')
newClassNames.push('text-white bg-[#a81a12] border-[#a81a12] [box-shadow:inset_0_2px_#ffffff26,inset_0_-2px_#0000001a,0_1px_#0000001a] hover:text-white hover:bg-[#8f160f] hover:border-[#86150e]');
if (variant == 'warning')
if(variant == 'warning')
newClassNames.push('text-white bg-[#ffc107] border-[#ffc107] [box-shadow:inset_0_2px_#ffffff26,inset_0_-2px_#0000001a,0_1px_#0000001a] hover:text-[#000] hover:bg-[#ffca2c] hover:border-[#ffc720]');
if (variant == 'black')
newClassNames.push('text-white bg-[#000] border-[#000] [box-shadow:inset_0_2px_#ffffff26,inset_0_-2px_#0000001a,0_1px_#0000001a] hover:text-white hover:bg-[#000] hover:border-[#000]')
if(variant == 'black')
newClassNames.push('text-white bg-[#000] border-[#000] [box-shadow:inset_0_2px_#ffffff26,inset_0_-2px_#0000001a,0_1px_#0000001a] hover:text-white hover:bg-[#000] hover:border-[#000]');
if (variant == 'secondary')
newClassNames.push('text-white bg-[#185d79] border-[#185d79] [box-shadow:inset_0_2px_#ffffff26,_inset_0_-2px_#0000001a,_0_1px_#0000001a] hover:text-white hover:bg-[#144f67] hover:border-[#134a61]')
if(variant == 'secondary')
newClassNames.push('text-white bg-[#185d79] border-[#185d79] [box-shadow:inset_0_2px_#ffffff26,_inset_0_-2px_#0000001a,_0_1px_#0000001a] hover:text-white hover:bg-[#144f67] hover:border-[#134a61]');
if (variant == 'dark')
newClassNames.push('text-white bg-dark [box-shadow:inset_0_2px_#ffffff26,inset_0_-2px_#0000001a,0_1px_#0000001a] hover:text-white hover:bg-[#18181bfb] hover:border-[#161619fb]')
if(variant == 'dark')
newClassNames.push('text-white bg-dark [box-shadow:inset_0_2px_#ffffff26,inset_0_-2px_#0000001a,0_1px_#0000001a] hover:text-white hover:bg-[#18181bfb] hover:border-[#161619fb]');
}
if (size)
if(size)
{
if (size == 'sm')
if(size == 'sm')
{
newClassNames.push('!px-[.5rem] !py-[.25rem] !text-[.7875rem] !rounded-[.2rem] !min-h-[28px]');
}
}
if (active) newClassNames.push('active');
if(active) newClassNames.push('active');
if (disabled) newClassNames.push('pointer-events-none opacity-[.65] [box-shadow:none]');
if(disabled) newClassNames.push('pointer-events-none opacity-[.65] [box-shadow:none]');
if (classNames.length) newClassNames.push(...classNames);
if(classNames.length) newClassNames.push(...classNames);
return newClassNames;
}, [ variant, size, active, disabled, classNames ]);
return <Flex center classNames={ getClassNames } { ...rest } />;
}
};

12
src/common/Column.tsx
View File

@ -19,28 +19,28 @@ export const Column: FC<ColumnProps> = props =>
{
const newClassNames: string[] = [];
if (size)
if(size)
{
let colClassName = `col-span-${ size }`;
if (isCssGrid) colClassName = `${ colClassName }`;
if(isCssGrid) colClassName = `${ colClassName }`;
newClassNames.push(colClassName);
}
if (offset)
if(offset)
{
let colClassName = `offset-${ offset }`;
if (isCssGrid) colClassName = `g-start-${ offset }`;
if(isCssGrid) colClassName = `g-start-${ offset }`;
newClassNames.push(colClassName);
}
if (classNames.length) newClassNames.push(...classNames);
if(classNames.length) newClassNames.push(...classNames);
return newClassNames;
}, [ size, offset, isCssGrid, classNames ]);
return <Flex classNames={ getClassNames } column={ column } gap={ gap } { ...rest } />;
}
};

20
src/common/Flex.tsx
View File

@ -21,30 +21,30 @@ export const Flex: FC<FlexProps> = props =>
{
const newClassNames: string[] = [];
if (column)
if(column)
{
if (reverse) newClassNames.push('flex-col-span-reverse');
if(reverse) newClassNames.push('flex-col-span-reverse');
else newClassNames.push('flex-col');
}
else
{
if (reverse) newClassNames.push('flex-row-reverse');
if(reverse) newClassNames.push('flex-row-reverse');
}
if (gap) newClassNames.push('gap-' + gap);
if(gap) newClassNames.push('gap-' + gap);
if (alignSelf) newClassNames.push('self-' + alignSelf);
if(alignSelf) newClassNames.push('self-' + alignSelf);
if (alignItems) newClassNames.push('items-' + alignItems);
if(alignItems) newClassNames.push('items-' + alignItems);
if (justifyContent) newClassNames.push('justify-' + justifyContent);
if(justifyContent) newClassNames.push('justify-' + justifyContent);
if (!alignItems && !justifyContent && center) newClassNames.push('items-center', 'justify-center');
if(!alignItems && !justifyContent && center) newClassNames.push('items-center', 'justify-center');
if (classNames.length) newClassNames.push(...classNames);
if(classNames.length) newClassNames.push(...classNames);
return newClassNames;
}, [ column, reverse, gap, center, alignSelf, alignItems, justifyContent, classNames ]);
return <Base classNames={ getClassNames } display={ display } { ...rest } />;
}
};

2
src/common/FormGroup.tsx
View File

@ -19,4 +19,4 @@ export const FormGroup: FC<FormGroupProps> = props =>
}, [ classNames ]);
return <Flex classNames={ getClassNames } { ...rest } />;
}
};

24
src/common/Grid.tsx
View File

@ -24,23 +24,23 @@ export const Grid: FC<GridProps> = props =>
const newClassNames: string[] = [];
if (inline) newClassNames.push('inline-grid');
if(inline) newClassNames.push('inline-grid');
else newClassNames.push('grid grid-rows-[repeat(var(--bs-rows,_1),_1fr)] grid-cols-[repeat(var(--bs-columns,_12),_1fr)]');
if (gap) newClassNames.push('gap-' + gap);
else if (gap === 0) newClassNames.push('gap-0');
if(gap) newClassNames.push('gap-' + gap);
else if(gap === 0) newClassNames.push('gap-0');
if (maxContent) newClassNames.push('[flex-basis:max-content]');
if(maxContent) newClassNames.push('[flex-basis:max-content]');
if (alignSelf) newClassNames.push('self-' + alignSelf);
if(alignSelf) newClassNames.push('self-' + alignSelf);
if (alignItems) newClassNames.push('items-' + alignItems);
if(alignItems) newClassNames.push('items-' + alignItems);
if (justifyContent) newClassNames.push('justify-' + justifyContent);
if(justifyContent) newClassNames.push('justify-' + justifyContent);
if (!alignItems && !justifyContent && center) newClassNames.push('items-center', 'justify-center');
if(!alignItems && !justifyContent && center) newClassNames.push('items-center', 'justify-center');
if (classNames.length) newClassNames.push(...classNames);
if(classNames.length) newClassNames.push(...classNames);
return newClassNames;
}, [ inline, gap, maxContent, alignSelf, alignItems, justifyContent, center, classNames ]);
@ -49,9 +49,9 @@ export const Grid: FC<GridProps> = props =>
{
let newStyle: CSSProperties = {};
if (columnCount) newStyle['--bs-columns'] = columnCount.toString();
if(columnCount) newStyle['--bs-columns'] = columnCount.toString();
if (Object.keys(style).length) newStyle = { ...newStyle, ...style };
if(Object.keys(style).length) newStyle = { ...newStyle, ...style };
return newStyle;
}, [ columnCount, style ]);
@ -61,4 +61,4 @@ export const Grid: FC<GridProps> = props =>
<Base classNames={ getClassNames } fullHeight={ fullHeight } style={ getStyle } { ...rest } />
</GridContextProvider>
);
}
};

4
src/common/GridContext.tsx
View File

@ -11,7 +11,7 @@ const GridContext = createContext<IGridContext>({
export const GridContextProvider: FC<ProviderProps<IGridContext>> = props =>
{
return <GridContext.Provider value={ props.value }>{ props.children }</GridContext.Provider>
}
return <GridContext.Provider value={ props.value }>{ props.children }</GridContext.Provider>;
};
export const useGridContext = () => useContext(GridContext);

2
src/common/HorizontalRule.tsx
View File

@ -35,4 +35,4 @@ export const HorizontalRule: FC<HorizontalRuleProps> = props =>
}, [ height, style ]);
return <Base classNames={ getClassNames } style={ getStyle } { ...rest } />;
}
};

2
src/common/InfiniteScroll.tsx
View File

@ -52,4 +52,4 @@ export const InfiniteScroll: FC<InfiniteScrollProps> = props =>
</div>
</Base>
);
}
};

62
src/common/Popover.tsx
View File

@ -1,58 +1,40 @@
// @flow strict
'use client'
import { useEffect, useRef, useState } from 'react';
import { FC, PropsWithChildren, useEffect, useRef, useState } from 'react';
function ReactPopover({
children,
content,
trigger = 'click'
})
export const ReactPopover: FC<PropsWithChildren<{
content: JSX.Element;
trigger?: 'click' | 'hover';
}>> = props =>
{
const { content = null, trigger = null, children = null } = props;
const [ show, setShow ] = useState(false);
const wrapperRef = useRef(null);
const handleMouseOver = () =>
{
if (trigger === 'hover')
{
setShow(true);
};
};
const handleMouseOver = () => (trigger === 'hover') && setShow(true);
const handleMouseLeft = () =>
{
if (trigger === 'hover')
{
setShow(false);
};
};
const handleMouseLeft = () => (trigger === 'hover') && setShow(false);
useEffect(() =>
{
function handleClickOutside(event)
{
if (wrapperRef.current && !wrapperRef.current.contains(event.target))
{
setShow(false);
}
}
if(!show) return;
if (show)
const handleClickOutside = (event: MouseEvent) =>
{
// Bind the event listener
document.addEventListener('mousedown', handleClickOutside);
return () =>
{
// Unbind the event listener on clean up
document.removeEventListener('mousedown', handleClickOutside);
};
}
if(wrapperRef.current && !wrapperRef.current.contains(event.target)) setShow(false);
};
document.addEventListener('mousedown', handleClickOutside);
return () =>
{
// Unbind the event listener on clean up
document.removeEventListener('mousedown', handleClickOutside);
};
}, [ show, wrapperRef ]);
return (
<div
ref={ wrapperRef }
className="w-fit h-fit relative flex justify-center"
className="relative flex justify-center w-fit h-fit"
onMouseEnter={ handleMouseOver }
onMouseLeave={ handleMouseLeft }>
<div
@ -70,5 +52,3 @@ function ReactPopover({
</div>
);
};
export default ReactPopover;

30
src/common/Text.tsx
View File

@ -28,36 +28,36 @@ export const Text: FC<TextProps> = props =>
{
const newClassNames: string[] = [ 'inline' ];
if (variant) newClassNames.push('text-' + variant);
if(variant) newClassNames.push('text-' + variant);
if (bold) newClassNames.push('font-bold ');
if(bold) newClassNames.push('font-bold ');
if (fontWeight) newClassNames.push('font-' + fontWeight);
if(fontWeight) newClassNames.push('font-' + fontWeight);
if (fontSize) newClassNames.push('fs-' + fontSize);
if(fontSize) newClassNames.push('fs-' + fontSize);
if (align) newClassNames.push('text-' + align);
if(align) newClassNames.push('text-' + align);
if (underline) newClassNames.push('underline');
if(underline) newClassNames.push('underline');
if (italics) newClassNames.push('italic');
if(italics) newClassNames.push('italic');
if (truncate) newClassNames.push('text-truncate');
if(truncate) newClassNames.push('text-truncate');
if (center) newClassNames.push('text-center');
if(center) newClassNames.push('text-center');
if (textEnd) newClassNames.push('text-end');
if(textEnd) newClassNames.push('text-end');
if (small) newClassNames.push('text-sm');
if(small) newClassNames.push('text-sm');
if (wrap) newClassNames.push('text-wrap');
if(wrap) newClassNames.push('text-wrap');
if (noWrap) newClassNames.push('text-nowrap');
if(noWrap) newClassNames.push('text-nowrap');
if (textBreak) newClassNames.push('text-break');
if(textBreak) newClassNames.push('text-break');
return newClassNames;
}, [ variant, fontWeight, fontSize, align, bold, underline, italics, truncate, center, textEnd, small, wrap, noWrap, textBreak ]);
return <Base classNames={ getClassNames } { ...rest } />;
}
};

4
src/common/card/NitroCardContentView.tsx
View File

@ -10,10 +10,10 @@ export const NitroCardContentView: FC<ColumnProps> = props =>
// Theme Changer
const newClassNames: string[] = [ 'container-fluid', 'h-full p-[8px] overflow-auto', 'bg-light' ];
if (classNames.length) newClassNames.push(...classNames);
if(classNames.length) newClassNames.push(...classNames);
return newClassNames;
}, [ classNames ]);
return <Column classNames={ getClassNames } overflow={ overflow } { ...rest } />;
}
};

4
src/common/card/NitroCardContext.tsx
View File

@ -11,7 +11,7 @@ const NitroCardContext = createContext<INitroCardContext>({
export const NitroCardContextProvider: FC<ProviderProps<INitroCardContext>> = props =>
{
return <NitroCardContext.Provider value={ props.value }>{ props.children }</NitroCardContext.Provider>
}
return <NitroCardContext.Provider value={ props.value }>{ props.children }</NitroCardContext.Provider>;
};
export const useNitroCardContext = () => useContext(NitroCardContext);

4
src/common/card/NitroCardHeaderView.tsx
View File

@ -21,7 +21,7 @@ export const NitroCardHeaderView: FC<NitroCardHeaderViewProps> = props =>
{
event.stopPropagation();
event.nativeEvent.stopImmediatePropagation();
}
};
return (
<Column center className={ 'relative flex items-center justify-center flex-col drag-handler min-h-card-header max-h-card-header bg-card-header' } { ...rest }>
@ -38,4 +38,4 @@ export const NitroCardHeaderView: FC<NitroCardHeaderViewProps> = props =>
</Flex>
</Column>
);
}
};

4
src/common/card/NitroCardView.tsx
View File

@ -22,7 +22,7 @@ export const NitroCardView: FC<NitroCardViewProps> = props =>
if (classNames.length) newClassNames.push(...classNames);
if(classNames.length) newClassNames.push(...classNames);
return newClassNames;
}, [ classNames ]);
@ -34,4 +34,4 @@ export const NitroCardView: FC<NitroCardViewProps> = props =>
</DraggableWindow>
</NitroCardContextProvider>
);
}
};

2
src/common/card/accordion/NitroCardAccordionContext.tsx
View File

@ -16,6 +16,6 @@ const NitroCardAccordionContext = createContext<INitroCardAccordionContext>({
export const NitroCardAccordionContextProvider: FC<ProviderProps<INitroCardAccordionContext>> = props =>
{
return <NitroCardAccordionContext.Provider { ...props } />;
}
};
export const useNitroCardAccordionContext = () => useContext(NitroCardAccordionContext);

2
src/common/card/accordion/NitroCardAccordionItemView.tsx
View File

@ -15,4 +15,4 @@ export const NitroCardAccordionItemView: FC<NitroCardAccordionItemViewProps> = p
{ children }
</Flex>
);
}
};

6
src/common/card/accordion/NitroCardAccordionSetView.tsx
View File

@ -20,7 +20,7 @@ export const NitroCardAccordionSetView: FC<NitroCardAccordionSetViewProps> = pro
closeAll();
setIsOpen(prevValue => !prevValue);
}
};
const onClose = useCallback(() => setIsOpen(false), []);
@ -65,7 +65,7 @@ export const NitroCardAccordionSetView: FC<NitroCardAccordionSetViewProps> = pro
return newClosers;
});
}
};
}, [ onClose, setClosers ]);
return (
@ -81,4 +81,4 @@ export const NitroCardAccordionSetView: FC<NitroCardAccordionSetViewProps> = pro
</Column> }
</Column>
);
}
};

2
src/common/card/accordion/NitroCardAccordionView.tsx
View File

@ -22,4 +22,4 @@ export const NitroCardAccordionView: FC<NitroCardAccordionViewProps> = props =>
<Column gap={ 0 } { ...rest } />
</NitroCardAccordionContextProvider>
);
}
};

4
src/common/card/tabs/NitroCardTabsItemView.tsx
View File

@ -19,7 +19,7 @@ export const NitroCardTabsItemView: FC<NitroCardTabsItemViewProps> = props =>
//if (isActive) newClassNames.push('bg-[#dfdfdf] border-b-[1px_solid_black]');
if (classNames.length) newClassNames.push(...classNames);
if(classNames.length) newClassNames.push(...classNames);
return newClassNames;
}, [ isActive, classNames ]);
@ -33,4 +33,4 @@ export const NitroCardTabsItemView: FC<NitroCardTabsItemViewProps> = props =>
<LayoutItemCountView count={ count } /> }
</Flex>
);
}
};

4
src/common/card/tabs/NitroCardTabsView.tsx
View File

@ -9,7 +9,7 @@ export const NitroCardTabsView: FC<FlexProps> = props =>
{
const newClassNames: string[] = [ 'justify-center gap-0.5 flex bg-card-tabs min-h-card-tabs max-h-card-tabs pt-1 border-b border-card-border px-2' ];
if (classNames.length) newClassNames.push(...classNames);
if(classNames.length) newClassNames.push(...classNames);
return newClassNames;
}, [ classNames ]);
@ -19,4 +19,4 @@ export const NitroCardTabsView: FC<FlexProps> = props =>
{ children }
</Flex>
);
}
};

10
src/common/draggable-window/DraggableWindow.tsx
View File

@ -169,7 +169,7 @@ export const DraggableWindow: FC<DraggableWindowProps> = props =>
if(!disableDrag)
{
const handle = (element.querySelector(handleSelector) as HTMLElement);
const handle = (element.querySelector(handleSelector));
if(handle) setDragHandler(handle);
}
@ -201,7 +201,7 @@ export const DraggableWindow: FC<DraggableWindowProps> = props =>
const index = CURRENT_WINDOWS.indexOf(element);
if(index >= 0) CURRENT_WINDOWS.splice(index, 1);
}
};
}, [ handleSelector, windowPosition, uniqueKey, disableDrag, offsetLeft, offsetTop, bringToTop ]);
useEffect(() =>
@ -227,7 +227,7 @@ export const DraggableWindow: FC<DraggableWindowProps> = props =>
{
dragHandler.removeEventListener(MouseEventType.MOUSE_DOWN, onDragMouseDown);
dragHandler.removeEventListener(TouchEventType.TOUCH_START, onTouchDown);
}
};
}, [ dragHandler, onDragMouseDown, onTouchDown ]);
useEffect(() =>
@ -245,7 +245,7 @@ export const DraggableWindow: FC<DraggableWindowProps> = props =>
document.removeEventListener(TouchEventType.TOUCH_END, onDragTouchUp);
document.removeEventListener(MouseEventType.MOUSE_MOVE, onDragMouseMove);
document.removeEventListener(TouchEventType.TOUCH_MOVE, onDragTouchMove);
}
};
}, [ isDragging, onDragMouseUp, onDragMouseMove, onDragTouchUp, onDragTouchMove ]);
useEffect(() =>
@ -266,4 +266,4 @@ export const DraggableWindow: FC<DraggableWindowProps> = props =>
{ children }
</div>, document.getElementById('draggable-windows-container'))
);
}
};

28
src/common/layout/LayoutAvatarImageView.tsx
View File

@ -24,7 +24,7 @@ export const LayoutAvatarImageView: FC<LayoutAvatarImageViewProps> = props =>
{
const newClassNames: string[] = [ 'avatar-image relative w-[90px] h-[130px] bg-no-repeat bg-[center_-8px] pointer-events-none' ];
if (classNames.length) newClassNames.push(...classNames);
if(classNames.length) newClassNames.push(...classNames);
return newClassNames;
}, [ classNames ]);
@ -33,27 +33,27 @@ export const LayoutAvatarImageView: FC<LayoutAvatarImageViewProps> = props =>
{
let newStyle: CSSProperties = {};
if (avatarUrl && avatarUrl.length) newStyle.backgroundImage = `url('${ avatarUrl }')`;
if(avatarUrl && avatarUrl.length) newStyle.backgroundImage = `url('${ avatarUrl }')`;
if (scale !== 1)
if(scale !== 1)
{
newStyle.transform = `scale(${ scale })`;
if (!(scale % 1)) newStyle.imageRendering = 'pixelated';
if(!(scale % 1)) newStyle.imageRendering = 'pixelated';
}
if (Object.keys(style).length) newStyle = { ...newStyle, ...style };
if(Object.keys(style).length) newStyle = { ...newStyle, ...style };
return newStyle;
}, [ avatarUrl, scale, style ]);
useEffect(() =>
{
if (!isReady) return;
if(!isReady) return;
const figureKey = [ figure, gender, direction, headOnly ].join('-');
if (AVATAR_IMAGE_CACHE.has(figureKey))
if(AVATAR_IMAGE_CACHE.has(figureKey))
{
setAvatarUrl(AVATAR_IMAGE_CACHE.get(figureKey));
}
@ -61,27 +61,27 @@ export const LayoutAvatarImageView: FC<LayoutAvatarImageViewProps> = props =>
{
const resetFigure = (_figure: string) =>
{
if (isDisposed.current) return;
if(isDisposed.current) return;
const avatarImage = GetAvatarRenderManager().createAvatarImage(_figure, AvatarScaleType.LARGE, gender, { resetFigure: (figure: string) => resetFigure(figure), dispose: null, disposed: false });
let setType = AvatarSetType.FULL;
if (headOnly) setType = AvatarSetType.HEAD;
if(headOnly) setType = AvatarSetType.HEAD;
avatarImage.setDirection(setType, direction);
const imageUrl = avatarImage.processAsImageUrl(setType);
if (imageUrl && !isDisposed.current)
if(imageUrl && !isDisposed.current)
{
if (!avatarImage.isPlaceholder()) AVATAR_IMAGE_CACHE.set(figureKey, imageUrl);
if(!avatarImage.isPlaceholder()) AVATAR_IMAGE_CACHE.set(figureKey, imageUrl);
setAvatarUrl(imageUrl);
}
avatarImage.dispose(true);
}
};
resetFigure(figure);
}
@ -96,8 +96,8 @@ export const LayoutAvatarImageView: FC<LayoutAvatarImageViewProps> = props =>
return () =>
{
isDisposed.current = true;
}
};
}, []);
return <Base classNames={ getClassNames } style={ getStyle } { ...rest } />;
}
};

2
src/common/layout/LayoutBackgroundImage.tsx
View File

@ -20,4 +20,4 @@ export const LayoutBackgroundImage: FC<LayoutBackgroundImageProps> = props =>
}, [ style, imageUrl ]);
return <Base fit={ fit } style={ getStyle } { ...rest } />;
}
};

24
src/common/layout/LayoutBadgeImageView.tsx
View File

@ -22,11 +22,11 @@ export const LayoutBadgeImageView: FC<LayoutBadgeImageViewProps> = props =>
{
const newClassNames: string[] = [ 'relative w-[40px] h-[40px] bg-no-repeat bg-center' ];
if (isGroup) newClassNames.push('group-badge');
if(isGroup) newClassNames.push('group-badge');
if (isGrayscale) newClassNames.push('grayscale');
if(isGrayscale) newClassNames.push('grayscale');
if (classNames.length) newClassNames.push(...classNames);
if(classNames.length) newClassNames.push(...classNames);
return newClassNames;
}, [ classNames, isGroup, isGrayscale ]);
@ -35,37 +35,37 @@ export const LayoutBadgeImageView: FC<LayoutBadgeImageViewProps> = props =>
{
let newStyle: CSSProperties = {};
if (imageElement)
if(imageElement)
{
newStyle.backgroundImage = `url(${ (isGroup) ? imageElement.src : GetConfigurationValue<string>('badge.asset.url').replace('%badgename%', badgeCode.toString()) })`;
newStyle.width = imageElement.width;
newStyle.height = imageElement.height;
if (scale !== 1)
if(scale !== 1)
{
newStyle.transform = `scale(${ scale })`;
if (!(scale % 1)) newStyle.imageRendering = 'pixelated';
if(!(scale % 1)) newStyle.imageRendering = 'pixelated';
newStyle.width = (imageElement.width * scale);
newStyle.height = (imageElement.height * scale);
}
}
if (Object.keys(style).length) newStyle = { ...newStyle, ...style };
if(Object.keys(style).length) newStyle = { ...newStyle, ...style };
return newStyle;
}, [ badgeCode, isGroup, imageElement, scale, style ]);
useEffect(() =>
{
if (!badgeCode || !badgeCode.length) return;
if(!badgeCode || !badgeCode.length) return;
let didSetBadge = false;
const onBadgeImageReadyEvent = async (event: BadgeImageReadyEvent) =>
{
if (event.badgeId !== badgeCode) return;
if(event.badgeId !== badgeCode) return;
const element = await TextureUtils.generateImage(new NitroSprite(event.image));
@ -74,13 +74,13 @@ export const LayoutBadgeImageView: FC<LayoutBadgeImageViewProps> = props =>
didSetBadge = true;
GetEventDispatcher().removeEventListener(BadgeImageReadyEvent.IMAGE_READY, onBadgeImageReadyEvent);
}
};
GetEventDispatcher().addEventListener(BadgeImageReadyEvent.IMAGE_READY, onBadgeImageReadyEvent);
const texture = isGroup ? GetSessionDataManager().getGroupBadgeImage(badgeCode) : GetSessionDataManager().getBadgeImage(badgeCode);
if (texture && !didSetBadge)
if(texture && !didSetBadge)
{
(async () =>
{
@ -103,4 +103,4 @@ export const LayoutBadgeImageView: FC<LayoutBadgeImageViewProps> = props =>
{ children }
</Base>
);
}
};

2
src/common/layout/LayoutCounterTimeView.tsx
View File

@ -39,4 +39,4 @@ export const LayoutCounterTimeView: FC<LayoutCounterTimeViewProps> = props =>
{ children }
</div>
);
}
};

8
src/common/layout/LayoutCurrencyIcon.tsx
View File

@ -15,7 +15,7 @@ export const LayoutCurrencyIcon: FC<CurrencyIconProps> = props =>
{
const newClassNames: string[] = [ 'nitro-currency-icon', 'bg-center bg-no-repeat w-[15px] h-[15px]' ];
if (classNames.length) newClassNames.push(...classNames);
if(classNames.length) newClassNames.push(...classNames);
return newClassNames;
}, [ classNames ]);
@ -35,10 +35,10 @@ export const LayoutCurrencyIcon: FC<CurrencyIconProps> = props =>
newStyle.backgroundImage = urlString;
if (Object.keys(style).length) newStyle = { ...newStyle, ...style };
if(Object.keys(style).length) newStyle = { ...newStyle, ...style };
return newStyle;
}, [ style, urlString ]);
return <Base classNames={ getClassNames } style={ getStyle } { ...rest } />
}
return <Base classNames={ getClassNames } style={ getStyle } { ...rest } />;
};

2
src/common/layout/LayoutFurniIconImageView.tsx
View File

@ -14,4 +14,4 @@ export const LayoutFurniIconImageView: FC<LayoutFurniIconImageViewProps> = props
const { productType = 's', productClassId = -1, extraData = '', ...rest } = props;
return <LayoutImage className="furni-image" imageUrl={ GetImageIconUrlForProduct(productType, productClassId, extraData) } { ...rest } />;
}
};

2
src/common/layout/LayoutFurniImageView.tsx
View File

@ -67,4 +67,4 @@ export const LayoutFurniImageView: FC<LayoutFurniImageViewProps> = props =>
if(!imageElement) return null;
return <Base classNames={ [ 'furni-image' ] } style={ getStyle } { ...rest } />;
}
};

24
src/common/layout/LayoutGridItem.tsx
View File

@ -27,21 +27,21 @@ export const LayoutGridItem: FC<LayoutGridItemProps> = props =>
const newClassNames: string[] = [ 'layout-grid-item', 'border', 'border-2', 'border-muted', 'rounded' ];
if (itemActive) newClassNames.push('!bg-[#ececec] !border-[#fff]');
if(itemActive) newClassNames.push('!bg-[#ececec] !border-[#fff]');
if (itemUniqueSoldout || (itemUniqueNumber > 0)) newClassNames.push('unique-item');
if(itemUniqueSoldout || (itemUniqueNumber > 0)) newClassNames.push('unique-item');
if (itemUniqueSoldout) newClassNames.push('sold-out');
if(itemUniqueSoldout) newClassNames.push('sold-out');
if (itemUnseen) newClassNames.push('unseen');
if(itemUnseen) newClassNames.push('unseen');
if (itemHighlight) newClassNames.push('has-highlight');
if(itemHighlight) newClassNames.push('has-highlight');
if (disabled) newClassNames.push('disabled')
if(disabled) newClassNames.push('disabled');
if (itemImage === null) newClassNames.push('icon', 'loading-icon');
if(itemImage === null) newClassNames.push('icon', 'loading-icon');
if (classNames.length) newClassNames.push(...classNames);
if(classNames.length) newClassNames.push(...classNames);
return newClassNames;
}, [ itemActive, itemUniqueSoldout, itemUniqueNumber, itemUnseen, itemHighlight, disabled, itemImage, classNames ]);
@ -50,11 +50,11 @@ export const LayoutGridItem: FC<LayoutGridItemProps> = props =>
{
let newStyle = { ...style };
if (itemImage && !(itemUniqueSoldout || (itemUniqueNumber > 0))) newStyle.backgroundImage = `url(${ itemImage })`;
if(itemImage && !(itemUniqueSoldout || (itemUniqueNumber > 0))) newStyle.backgroundImage = `url(${ itemImage })`;
if (itemColor) newStyle.backgroundColor = itemColor;
if(itemColor) newStyle.backgroundColor = itemColor;
if (Object.keys(style).length) newStyle = { ...newStyle, ...style };
if(Object.keys(style).length) newStyle = { ...newStyle, ...style };
return newStyle;
}, [ style, itemImage, itemColor, itemUniqueSoldout, itemUniqueNumber ]);
@ -73,4 +73,4 @@ export const LayoutGridItem: FC<LayoutGridItemProps> = props =>
{ children }
</Column>
);
}
};

2
src/common/layout/LayoutImage.tsx
View File

@ -10,4 +10,4 @@ export const LayoutImage: FC<LayoutImageProps> = props =>
const { imageUrl = null, className = '', ...rest } = props;
return <img alt="" className={ 'no-select ' + className } src={ imageUrl } { ...rest } />;
}
};

4
src/common/layout/LayoutItemCountView.tsx
View File

@ -14,7 +14,7 @@ export const LayoutItemCountView: FC<LayoutItemCountViewProps> = props =>
{
const newClassNames: string[] = [ 'inline-block px-[.65em] py-[.35em] text-[.75em] font-bold leading-none text-[#fff] text-center whitespace-nowrap align-baseline rounded-[.25rem]', '!border-[1px] !border-[solid] !border-[#283F5D]', 'border-black', 'bg-danger', 'px-1', 'top-[2px] right-[2px] text-[9.5px] px-[3px] py-[2px] ' ];
if (classNames.length) newClassNames.push(...classNames);
if(classNames.length) newClassNames.push(...classNames);
return newClassNames;
}, [ classNames ]);
@ -25,4 +25,4 @@ export const LayoutItemCountView: FC<LayoutItemCountViewProps> = props =>
{ children }
</Base>
);
}
};

2
src/common/layout/LayoutLoadingSpinnerView.tsx
View File

@ -12,4 +12,4 @@ export const LayoutLoadingSpinnerView: FC<BaseProps<HTMLDivElement>> = props =>
<Base className="spinner" />
</Base>
);
}
};

6
src/common/layout/LayoutMiniCameraView.tsx
View File

@ -17,18 +17,18 @@ export const LayoutMiniCameraView: FC<LayoutMiniCameraViewProps> = props =>
const getCameraBounds = () =>
{
if (!elementRef || !elementRef.current) return null;
if(!elementRef || !elementRef.current) return null;
const frameBounds = elementRef.current.getBoundingClientRect();
return new NitroRectangle(Math.floor(frameBounds.x), Math.floor(frameBounds.y), Math.floor(frameBounds.width), Math.floor(frameBounds.height));
}
};
const takePicture = () =>
{
PlaySound(SoundNames.CAMERA_SHUTTER);
textureReceiver(GetRoomEngine().createTextureFromRoom(roomId, 1, getCameraBounds()));
}
};
return (
<DraggableWindow handleSelector=".nitro-room-thumbnail-camera">

2
src/common/layout/LayoutNotificationAlertView.tsx
View File

@ -32,4 +32,4 @@ export const LayoutNotificationAlertView: FC<LayoutNotificationAlertViewProps> =
</NitroCardContentView>
</NitroCardView>
);
}
};

6
src/common/layout/LayoutNotificationBubbleView.tsx
View File

@ -18,7 +18,7 @@ export const LayoutNotificationBubbleView: FC<LayoutNotificationBubbleViewProps>
{
const newClassNames: string[] = [ 'text-sm bg-[#1c1c20f2] px-[5px] py-[6px] [box-shadow:inset_0_5px_#22222799,_inset_0_-4px_#12121599] ', 'rounded' ];
if (classNames.length) newClassNames.push(...classNames);
if(classNames.length) newClassNames.push(...classNames);
return newClassNames;
}, [ classNames ]);
@ -32,7 +32,7 @@ export const LayoutNotificationBubbleView: FC<LayoutNotificationBubbleViewProps>
useEffect(() =>
{
if (!fadesOut) return;
if(!fadesOut) return;
const timeout = setTimeout(() =>
{
@ -49,4 +49,4 @@ export const LayoutNotificationBubbleView: FC<LayoutNotificationBubbleViewProps>
<Flex classNames={ getClassNames } overflow={ overflow } onClick={ onClose } { ...rest } />
</TransitionAnimation>
);
}
};

4
src/common/layout/LayoutPetImageView.tsx
View File

@ -114,10 +114,10 @@ export const LayoutPetImageView: FC<LayoutPetImageViewProps> = props =>
return () =>
{
isDisposed.current = true;
}
};
}, []);
const url = `url('${ petUrl }')`;
return <Base classNames={ [ 'pet-image' ] } style={ getStyle } { ...rest } />;
}
};

8
src/common/layout/LayoutPrizeProductImageView.tsx
View File

@ -19,12 +19,12 @@ export const LayoutPrizeProductImageView: FC<LayoutPrizeProductImageViewProps> =
{
case ProductTypeEnum.WALL:
case ProductTypeEnum.FLOOR:
return <LayoutFurniImageView productClassId={ classId } productType={ productType } />
return <LayoutFurniImageView productClassId={ classId } productType={ productType } />;
case ProductTypeEnum.BADGE:
return <LayoutBadgeImageView badgeCode={ extraParam }/>
return <LayoutBadgeImageView badgeCode={ extraParam }/>;
case ProductTypeEnum.HABBO_CLUB:
return <LayoutCurrencyIcon type="hc" />
return <LayoutCurrencyIcon type="hc" />;
}
return null;
}
};

4
src/common/layout/LayoutProgressBar.tsx
View File

@ -16,7 +16,7 @@ export const LayoutProgressBar: FC<LayoutProgressBarProps> = props =>
{
const newClassNames: string[] = [ 'border-[1px] border-[solid] border-[#fff] p-[2px] h-[20px] rounded-[.25rem] overflow-hidden bg-[#1E7295] ', 'text-white' ];
if (classNames.length) newClassNames.push(...classNames);
if(classNames.length) newClassNames.push(...classNames);
return newClassNames;
}, [ classNames ]);
@ -29,4 +29,4 @@ export const LayoutProgressBar: FC<LayoutProgressBarProps> = props =>
{ children }
</Column>
);
}
};

2
src/common/layout/LayoutRarityLevelView.tsx
View File

@ -25,4 +25,4 @@ export const LayoutRarityLevelView: FC<LayoutRarityLevelViewProps> = props =>
{ children }
</Base>
);
}
};

2
src/common/layout/LayoutRoomObjectImageView.tsx
View File

@ -56,4 +56,4 @@ export const LayoutRoomObjectImageView: FC<LayoutRoomObjectImageViewProps> = pro
if(!imageElement) return null;
return <Base classNames={ [ 'furni-image' ] } style={ getStyle } { ...rest } />;
}
};

8
src/common/layout/LayoutRoomPreviewerView.tsx
View File

@ -15,7 +15,7 @@ export const LayoutRoomPreviewerView: FC<{
if(event.shiftKey) roomPreviewer.changeRoomObjectDirection();
else roomPreviewer.changeRoomObjectState();
}
};
useEffect(() =>
{
@ -46,7 +46,7 @@ export const LayoutRoomPreviewerView: FC<{
canvas = null;
elementRef.current.style.backgroundImage = `url(${ base64 })`;
}
};
GetTicker().add(update);
@ -72,7 +72,7 @@ export const LayoutRoomPreviewerView: FC<{
resizeObserver.disconnect();
texture.destroy(true);
}
};
}, [ roomPreviewer, elementRef, height ]);
return (
@ -86,4 +86,4 @@ export const LayoutRoomPreviewerView: FC<{
} }
onClick={ onClick } />
);
}
};

6
src/common/layout/LayoutRoomThumbnailView.tsx
View File

@ -16,14 +16,14 @@ export const LayoutRoomThumbnailView: FC<LayoutRoomThumbnailViewProps> = props =
{
const newClassNames: string[] = [ 'relative w-[110px] h-[110px] bg-[url("@/assets/images/navigator/thumbnail_placeholder.png")] bg-no-repeat bg-center', 'rounded', '!border-[1px] !border-[solid] !border-[#283F5D]' ];
if (classNames.length) newClassNames.push(...classNames);
if(classNames.length) newClassNames.push(...classNames);
return newClassNames;
}, [ classNames ]);
const getImageUrl = useMemo(() =>
{
if (customUrl && customUrl.length) return (GetConfigurationValue<string>('image.library.url') + customUrl);
if(customUrl && customUrl.length) return (GetConfigurationValue<string>('image.library.url') + customUrl);
return (GetConfigurationValue<string>('thumbnails.url').replace('%thumbnail%', roomId.toString()));
}, [ customUrl, roomId ]);
@ -34,4 +34,4 @@ export const LayoutRoomThumbnailView: FC<LayoutRoomThumbnailViewProps> = props =
{ children }
</Base>
);
}
};

2
src/common/layout/LayoutTrophyView.tsx
View File

@ -39,4 +39,4 @@ export const LayoutTrophyView: FC<LayoutTrophyViewProps> = props =>
</Column>
</DraggableWindow>
);
}
};

4
src/common/layout/UserProfileIconView.tsx
View File

@ -16,7 +16,7 @@ export const UserProfileIconView: FC<UserProfileIconViewProps> = props =>
{
const newClassNames: string[] = [ 'bg-[url("@/assets/images/friends/friends-spritesheet.png")]', 'w-[13px] h-[11px] bg-[-51px_-91px]' ];
if (classNames.length) newClassNames.push(...classNames);
if(classNames.length) newClassNames.push(...classNames);
return newClassNames;
}, [ classNames ]);
@ -26,4 +26,4 @@ export const UserProfileIconView: FC<UserProfileIconViewProps> = props =>
{ children }
</Base>
);
}
};

2
src/common/layout/limited-edition/LayoutLimitedEditionCompactPlateView.tsx
View File

@ -32,4 +32,4 @@ export const LayoutLimitedEditionCompactPlateView: FC<LayoutLimitedEditionCompac
{ children }
</Base>
);
}
};

4
src/common/layout/limited-edition/LayoutLimitedEditionCompletePlateView.tsx
View File

@ -18,7 +18,7 @@ export const LayoutLimitedEditionCompletePlateView: FC<LayoutLimitedEditionCompl
{
const newClassNames: string[] = [ 'unique-complete-plate' ];
if (classNames.length) newClassNames.push(...classNames);
if(classNames.length) newClassNames.push(...classNames);
return newClassNames;
}, [ classNames ]);
@ -37,4 +37,4 @@ export const LayoutLimitedEditionCompletePlateView: FC<LayoutLimitedEditionCompl
</Column>
</Base>
);
}
};

2
src/common/layout/limited-edition/LayoutLimitedEditionStyledNumberView.tsx
View File

@ -15,4 +15,4 @@ export const LayoutLimitedEditionStyledNumberView: FC<LayoutLimitedEditionStyled
{ numbers.map((number, index) => <i key={ index } className={ 'limited-edition-number n-' + number } />) }
</>
);
}
};

4
src/common/transitions/TransitionAnimation.tsx
View File

@ -37,7 +37,7 @@ export const TransitionAnimation: FC<TransitionAnimationProps> = props =>
return () =>
{
if(timeoutData) clearTimeout(timeoutData);
}
};
}, [ inProp, timeout ]);
return (
@ -49,4 +49,4 @@ export const TransitionAnimation: FC<TransitionAnimationProps> = props =>
) }
</Transition>
);
}
};

64
src/common/transitions/TransitionAnimationStyles.ts
View File

@ -5,130 +5,130 @@ import { TransitionAnimationTypes } from './TransitionAnimationTypes';
export function getTransitionAnimationStyle(type: string, transition: TransitionStatus, timeout: number = 300): Partial<CSSProperties>
{
switch (type)
switch(type)
{
case TransitionAnimationTypes.BOUNCE:
switch (transition)
switch(transition)
{
default:
return {}
return {};
case ENTERING:
return {
animationName: 'bounceIn',
animationDuration: `${ timeout }ms`
}
};
case EXITING:
return {
animationName: 'bounceOut',
animationDuration: `${ timeout }ms`
}
};
}
case TransitionAnimationTypes.SLIDE_LEFT:
switch (transition)
switch(transition)
{
default:
return {}
return {};
case ENTERING:
return {
animationName: 'slideInLeft',
animationDuration: `${ timeout }ms`
}
};
case EXITING:
return {
animationName: 'slideOutLeft',
animationDuration: `${ timeout }ms`
}
};
}
case TransitionAnimationTypes.SLIDE_RIGHT:
switch (transition)
switch(transition)
{
default:
return {}
return {};
case ENTERING:
return {
animationName: 'slideInRight',
animationDuration: `${ timeout }ms`
}
};
case EXITING:
return {
animationName: 'slideOutRight',
animationDuration: `${ timeout }ms`
}
};
}
case TransitionAnimationTypes.FLIP_X:
switch (transition)
switch(transition)
{
default:
return {}
return {};
case ENTERING:
return {
animationName: 'flipInX',
animationDuration: `${ timeout }ms`
}
};
case EXITING:
return {
animationName: 'flipOutX',
animationDuration: `${ timeout }ms`
}
};
}
case TransitionAnimationTypes.FADE_UP:
switch (transition)
switch(transition)
{
default:
return {}
return {};
case ENTERING:
return {
animationName: 'fadeInUp',
animationDuration: `${ timeout }ms`
}
};
case EXITING:
return {
animationName: 'fadeOutDown',
animationDuration: `${ timeout }ms`
}
};
}
case TransitionAnimationTypes.FADE_IN:
switch (transition)
switch(transition)
{
default:
return {}
return {};
case ENTERING:
return {
animationName: 'fadeIn',
animationDuration: `${ timeout }ms`
}
};
case EXITING:
return {
animationName: 'fadeOut',
animationDuration: `${ timeout }ms`
}
};
}
case TransitionAnimationTypes.FADE_DOWN:
switch (transition)
switch(transition)
{
default:
return {}
return {};
case ENTERING:
return {
animationName: 'fadeInDown',
animationDuration: `${ timeout }ms`
}
};
case EXITING:
return {
animationName: 'fadeOutUp',
animationDuration: `${ timeout }ms`
}
};
}
case TransitionAnimationTypes.HEAD_SHAKE:
switch (transition)
switch(transition)
{
default:
return {}
return {};
case ENTERING:
return {
animationName: 'headShake',
animationDuration: `${ timeout }ms`
}
};
}
}

2
src/common/utils/CreateTransitionToIcon.ts
View File

@ -10,4 +10,4 @@ export const CreateTransitionToIcon = (image: HTMLImageElement, fromElement: HTM
event.iconName = icon;
GetEventDispatcher().dispatchEvent(event);
}
};

2
src/common/utils/FriendlyTimeView.tsx
View File

@ -25,4 +25,4 @@ export const FriendlyTimeView: FC<FriendlyTimeViewProps> = props =>
const value = (Math.round(new Date().getSeconds()) - getStartSeconds);
return <Base { ...rest }>{ isShort ? FriendlyTime.shortFormat(value) : FriendlyTime.format(value) }</Base>;
}
};

Some files were not shown because too many files have changed in this diff Show More