nitro/nitro-react
1
0
Fork 0
mirror of https://github.com/billsonnn/nitro-react.git synced 2024-11-22 22:30:52 +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 charset = utf-8
insert_final_newline = true
end_of_line = lf
indent_style = space indent_style = space
indent_size = 4 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, "typescript.format.placeOpenBraceOnNewLineForFunctions": true,
"editor.wordWrap": "on", "editor.wordWrap": "on",
"editor.codeActionsOnSave": { "editor.codeActionsOnSave": {
"source.fixAll.eslint": "explicit", "source.fixAll.eslint": "always",
"source.fixAll.sortJSON": "never", "source.fixAll.sortJSON": "never",
"source.organizeImports": "always" "source.organizeImports": "always"
}, },
@ -17,10 +17,7 @@
"files.trimFinalNewlines": true, "files.trimFinalNewlines": true,
"emmet.showExpandedAbbreviation": "never", "emmet.showExpandedAbbreviation": "never",
"eslint.format.enable": true, "eslint.format.enable": true,
"eslint.validate": [ "eslint.validate": ["javascript", "typescript"],
"javascript",
"typescript"
],
"eslint.workingDirectories": [ "eslint.workingDirectories": [
{ {
"pattern": "./src" "pattern": "./src"
@ -34,18 +31,9 @@
"css": "css" "css": "css"
}, },
"tailwindCSS.experimental.classRegex": [ "tailwindCSS.experimental.classRegex": [
[ ["classes \\=([^;]*);", "'([^']*)'"],
"classes \\=([^;]*);", ["classes \\=([^;]*);", "\"([^\"]*)\""],
"'([^']*)'" ["classes \\=([^;]*);", "\\`([^\\`]*)\\`"]
],
[
"classes \\=([^;]*);",
"\"([^\"]*)\""
],
[
"classes \\=([^;]*);",
"\\`([^\\`]*)\\`"
]
], ],
"editor.quickSuggestions": { "editor.quickSuggestions": {
"strings": true "strings": true

2
css-utils/CSSColorUtils.js
View File

@ -64,8 +64,6 @@ const generateShades = (colors) =>
} }
} }
console.log(colors)
return 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", "name": "nitro-react",
"version": "2.2", "version": "2.2",
"homepage": ".", "homepage": ".",
"private": true, "private": true,
"scripts": { "scripts": {
"start": "vite", "start": "vite",
"build": "vite build", "build": "vite build",
"build:prod": "npx browserslist@latest --update-db && yarn build", "build:prod": "npx browserslist@latest --update-db && yarn build",
"eslint": "eslint src --ext .ts,.tsx" "eslint": "eslint ./src"
}, },
"dependencies": { "dependencies": {
"@tanstack/react-virtual": "3.2.0", "@tanstack/react-virtual": "3.2.0",
"@types/react-transition-group": "^4.4.10", "@types/react-transition-group": "^4.4.10",
"dompurify": "^3.1.0", "dompurify": "^3.1.5",
"react": "^18.2.0", "react": "^18.3.1",
"react-dom": "^18.2.0", "react-dom": "^18.3.1",
"react-icons": "^5.0.1", "react-icons": "^5.2.1",
"react-slider": "^2.0.6", "react-slider": "^2.0.6",
"react-tiny-popover": "^8.0.4", "react-tiny-popover": "^8.0.4",
"react-transition-group": "^4.4.5", "react-transition-group": "^4.4.5",
"react-youtube": "^7.13.1", "react-youtube": "^7.13.1",
"use-between": "^1.3.5" "use-between": "^1.3.5"
}, },
"devDependencies": { "devDependencies": {
"@tailwindcss/forms": "^0.5.7", "@tailwindcss/forms": "^0.5.7",
"@types/node": "^20.11.30", "@types/node": "^20.11.30",
"@types/react": "^18.2.67", "@types/react": "^18.3.3",
"@types/react-dom": "^18.2.22", "@types/react-dom": "^18.3.0",
"@types/react-slider": "^1.3.6", "@types/react-slider": "^1.3.6",
"@typescript-eslint/eslint-plugin": "^7.3.1", "@typescript-eslint/eslint-plugin": "^7.13.1",
"@typescript-eslint/parser": "^7.3.1", "@typescript-eslint/parser": "^7.13.1",
"@vitejs/plugin-react": "^4.2.1", "@vitejs/plugin-react": "^4.3.1",
"autoprefixer": "^10.4.19", "autoprefixer": "^10.4.19",
"eslint": "^8.57.0", "eslint": "^9.5.0",
"eslint-plugin-import": "^2.29.1", "eslint-plugin-react": "^7.34.2",
"eslint-plugin-jsx-a11y": "^6.8.0", "eslint-plugin-react-hooks": "^5.1.0-rc-1434af3d22-20240618",
"eslint-plugin-react": "^7.34.1", "postcss": "^8.4.38",
"eslint-plugin-react-hooks": "^4.6.0", "postcss-nested": "^6.0.1",
"postcss": "^8.4.38", "sass": "^1.77.4",
"postcss-nested": "^6.0.1", "tailwindcss": "^3.4.4",
"prettier": "^3.2.5", "typescript": "^5.4.5",
"prettier-plugin-tailwindcss": "^0.5.13", "typescript-eslint": "^7.13.1",
"sass": "^1.72.0", "vite": "^5.2.13",
"tailwindcss": "^3.4.3", "vite-tsconfig-paths": "^4.3.2"
"typescript": "^5.4.2", }
"vite": "^5.1.6",
"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 { FC, useEffect, useState } from 'react';
import { GetUIVersion } from './api'; import { GetUIVersion } from './api';
import { MainView } from './components/MainView'; import { MainView } from './components/MainView';
@ -8,15 +29,15 @@ import { classNames } from './layout';
NitroVersion.UI_VERSION = GetUIVersion(); 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(); const parser = event.getParser();
if (!parser) return; if(!parser) return;
LegacyExternalInterface.callGame('showGame', parser.url); LegacyExternalInterface.callGame('showGame', parser.url);
}); });
@ -27,78 +48,108 @@ export const App: FC<{}> = props =>
{ {
try 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({ const renderer = await PrepareRenderer({
width, width,
height, height,
resolution: window.devicePixelRatio,
autoDensity: true, autoDensity: true,
backgroundAlpha: 0, backgroundAlpha: 0,
preference: 'webgl', preference: 'webgl',
eventMode: 'none', eventMode: 'none',
failIfMajorPerformanceCaveat: false failIfMajorPerformanceCaveat: false,
}); });
await GetConfiguration().init(); await GetConfiguration().init();
GetTicker().maxFPS = GetConfiguration().getValue<number>('system.fps.max', 24); GetTicker().maxFPS = GetConfiguration().getValue<number>(
NitroLogger.LOG_DEBUG = GetConfiguration().getValue<boolean>('system.log.debug', true); 'system.fps.max',
NitroLogger.LOG_WARN = GetConfiguration().getValue<boolean>('system.log.warn', false); 24,
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(),
]
); );
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(); await GetRoomEngine().init();
// new GameMessageHandler(); // new GameMessageHandler();
if (LegacyExternalInterface.available) LegacyExternalInterface.call('legacyTrack', 'authentication', 'authok', []); if(LegacyExternalInterface.available)
LegacyExternalInterface.call(
'legacyTrack',
'authentication',
'authok',
[],
);
HabboWebTools.sendHeartBeat(); HabboWebTools.sendHeartBeat();
setInterval(() => HabboWebTools.sendHeartBeat(), 10000); setInterval(() => HabboWebTools.sendHeartBeat(), 10000);
GetTicker().add(ticker => GetRoomEngine().update(ticker)); GetTicker().add((ticker) => GetRoomEngine().update(ticker));
GetTicker().add(ticker => renderer.render(GetStage())); GetTicker().add((ticker) => renderer.render(GetStage()));
GetTicker().add(ticker => GetTexturePool().run()); GetTicker().add((ticker) => GetTexturePool().run());
setIsReady(true); setIsReady(true);
// handle socket close // handle socket close
//canvas.addEventListener('webglcontextlost', () => instance.events.dispatchEvent(new NitroEvent(Nitro.WEBGL_CONTEXT_LOST))); //canvas.addEventListener('webglcontextlost', () => instance.events.dispatchEvent(new NitroEvent(Nitro.WEBGL_CONTEXT_LOST)));
} }
catch (err) catch (err)
{ {
NitroLogger.error(err); NitroLogger.error(err);
} }
} };
prepare(window.innerWidth, window.innerHeight); prepare(window.innerWidth, window.innerHeight);
}, []); }, []);
return ( return (
<div className={ classNames('w-full h-full overflow-hidden text-base', !(window.devicePixelRatio % 1) && '[image-rendering:pixelated]') }> <div
{ !isReady && className={classNames(
<LoadingView /> } 'w-full h-full overflow-hidden text-base',
{ isReady && <MainView /> } !(window.devicePixelRatio % 1) && '[image-rendering:pixelated]',
)}
>
{!isReady && <LoadingView />}
{isReady && <MainView />}
<div id="draggable-windows-container" /> <div id="draggable-windows-container" />
</div> </div>
); );
} };

46
src/api/achievements/AchievementUtilities.ts
View File

@ -7,91 +7,91 @@ export class AchievementUtilities
public static getAchievementBadgeCode(achievement: AchievementData): string public static getAchievementBadgeCode(achievement: AchievementData): string
{ {
if(!achievement) return null; if(!achievement) return null;
let badgeId = achievement.badgeId; let badgeId = achievement.badgeId;
if(!achievement.finalLevel) badgeId = GetLocalizationManager().getPreviousLevelBadgeId(badgeId); if(!achievement.finalLevel) badgeId = GetLocalizationManager().getPreviousLevelBadgeId(badgeId);
return badgeId; return badgeId;
} }
public static getAchievementCategoryImageUrl(category: IAchievementCategory, progress: number = null, icon: boolean = false): string public static getAchievementCategoryImageUrl(category: IAchievementCategory, progress: number = null, icon: boolean = false): string
{ {
const imageUrl = GetConfigurationValue<string>('achievements.images.url'); const imageUrl = GetConfigurationValue<string>('achievements.images.url');
let imageName = icon ? 'achicon_' : 'achcategory_'; let imageName = icon ? 'achicon_' : 'achcategory_';
imageName += category.code; imageName += category.code;
if(progress !== null) imageName += `_${ ((progress > 0) ? 'active' : 'inactive') }`; if(progress !== null) imageName += `_${ ((progress > 0) ? 'active' : 'inactive') }`;
return imageUrl.replace('%image%', imageName); return imageUrl.replace('%image%', imageName);
} }
public static getAchievementCategoryMaxProgress(category: IAchievementCategory): number public static getAchievementCategoryMaxProgress(category: IAchievementCategory): number
{ {
if(!category) return 0; if(!category) return 0;
let progress = 0; let progress = 0;
for(const achievement of category.achievements) for(const achievement of category.achievements)
{ {
progress += achievement.levelCount; progress += achievement.levelCount;
} }
return progress; return progress;
} }
public static getAchievementCategoryProgress(category: IAchievementCategory): number public static getAchievementCategoryProgress(category: IAchievementCategory): number
{ {
if(!category) return 0; if(!category) return 0;
let progress = 0; let progress = 0;
for(const achievement of category.achievements) progress += (achievement.finalLevel ? achievement.level : (achievement.level - 1)); for(const achievement of category.achievements) progress += (achievement.finalLevel ? achievement.level : (achievement.level - 1));
return progress; return progress;
} }
public static getAchievementCategoryTotalUnseen(category: IAchievementCategory): number public static getAchievementCategoryTotalUnseen(category: IAchievementCategory): number
{ {
if(!category) return 0; if(!category) return 0;
let unseen = 0; let unseen = 0;
for(const achievement of category.achievements) ((achievement.unseen > 0) && unseen++); for(const achievement of category.achievements) ((achievement.unseen > 0) && unseen++);
return unseen; return unseen;
} }
public static getAchievementHasStarted(achievement: AchievementData): boolean public static getAchievementHasStarted(achievement: AchievementData): boolean
{ {
if(!achievement) return false; if(!achievement) return false;
if(achievement.finalLevel || ((achievement.level - 1) > 0)) return true; if(achievement.finalLevel || ((achievement.level - 1) > 0)) return true;
return false; return false;
} }
public static getAchievementIsIgnored(achievement: AchievementData): boolean public static getAchievementIsIgnored(achievement: AchievementData): boolean
{ {
if(!achievement) return false; if(!achievement) return false;
const ignored = GetConfigurationValue<string[]>('achievements.unseen.ignored'); const ignored = GetConfigurationValue<string[]>('achievements.unseen.ignored');
const value = achievement.badgeId.replace(/[0-9]/g, ''); const value = achievement.badgeId.replace(/[0-9]/g, '');
const index = ignored.indexOf(value); const index = ignored.indexOf(value);
if(index >= 0) return true; if(index >= 0) return true;
return false; return false;
} }
public static getAchievementLevel(achievement: AchievementData): number public static getAchievementLevel(achievement: AchievementData): number
{ {
if(!achievement) return 0; if(!achievement) return 0;
if(achievement.finalLevel) return achievement.level; if(achievement.finalLevel) return achievement.level;
return (achievement.level - 1); return (achievement.level - 1);
} }
} }

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; if(a.index > b.index) return 1;
return 0; 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; if(a.partSet.id > b.partSet.id) return 1;
return 0; return 0;
} };
} };

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

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

2
src/api/camera/CameraPicture.ts
View File

@ -4,6 +4,6 @@ export class CameraPicture
{ {
constructor( constructor(
public texture: NitroTexture, public texture: NitroTexture,
public imageUrl: string) public imageUrl: string)
{} {}
} }

2
src/api/camera/CameraPictureThumbnail.ts
View File

@ -2,6 +2,6 @@ export class CameraPictureThumbnail
{ {
constructor( constructor(
public effectName: string, public effectName: string,
public thumbnailUrl: string) public thumbnailUrl: string)
{} {}
} }

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

@ -1,7 +1,7 @@
import { NodeData } from '@nitrots/nitro-renderer'; import { NodeData } from '@nitrots/nitro-renderer';
import { ICatalogNode } from './ICatalogNode'; import { ICatalogNode } from './ICatalogNode';
export class CatalogNode implements ICatalogNode export class CatalogNode implements ICatalogNode
{ {
private _depth: number = 0; private _depth: number = 0;
private _localization: string = ''; private _localization: string = '';

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

@ -1,4 +1,4 @@
export class CatalogPageName export class CatalogPageName
{ {
public static DUCKET_INFO: string = 'ducket_info'; public static DUCKET_INFO: string = 'ducket_info';
public static CREDITS: string = 'credits'; public static CREDITS: string = 'credits';

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

@ -5,6 +5,6 @@ export class CatalogPetPalette
constructor( constructor(
public readonly breed: string, public readonly breed: string,
public readonly palettes: SellablePetPaletteData[] public readonly palettes: SellablePetPaletteData[]
) )
{} {}
} }

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

@ -4,12 +4,12 @@ import { ICatalogNode } from './ICatalogNode';
export const GetPixelEffectIcon = (id: number) => export const GetPixelEffectIcon = (id: number) =>
{ {
return ''; return '';
} };
export const GetSubscriptionProductIcon = (id: number) => export const GetSubscriptionProductIcon = (id: number) =>
{ {
return ''; return '';
} };
export const GetOfferNodes = (offerNodes: Map<number, ICatalogNode[]>, offerId: number) => export const GetOfferNodes = (offerNodes: Map<number, ICatalogNode[]>, offerId: number) =>
{ {
@ -21,20 +21,20 @@ export const GetOfferNodes = (offerNodes: Map<number, ICatalogNode[]>, offerId:
for(const node of nodes) for(const node of nodes)
{ {
if(!node.isVisible) continue; if(!node.isVisible) continue;
allowedNodes.push(node); allowedNodes.push(node);
} }
} }
return allowedNodes; return allowedNodes;
} };
export const FilterCatalogNode = (search: string, furniLines: string[], node: ICatalogNode, nodes: ICatalogNode[]) => export const FilterCatalogNode = (search: string, furniLines: string[], node: ICatalogNode, nodes: ICatalogNode[]) =>
{ {
if(node.isVisible && (node.pageId > 0)) if(node.isVisible && (node.pageId > 0))
{ {
let nodeAdded = false; let nodeAdded = false;
const hayStack = [ node.pageName, node.localization ].join(' ').toLowerCase().replace(/ /gi, ''); const hayStack = [ node.pageName, node.localization ].join(' ').toLowerCase().replace(/ /gi, '');
if(hayStack.indexOf(search) > -1) if(hayStack.indexOf(search) > -1)
@ -59,7 +59,7 @@ export const FilterCatalogNode = (search: string, furniLines: string[], node: IC
} }
for(const child of node.children) FilterCatalogNode(search, furniLines, child, nodes); for(const child of node.children) FilterCatalogNode(search, furniLines, child, nodes);
} };
export function GetPetIndexFromLocalization(localization: string) 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; return imageUrl;
} };

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

@ -1,4 +1,4 @@
export interface ICatalogNode export interface ICatalogNode
{ {
activate(): void; activate(): void;
deactivate(): void; deactivate(): void;

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

@ -1,4 +1,4 @@
export class MarketPlaceOfferState export class MarketPlaceOfferState
{ {
public static readonly ONGOING = 1; public static readonly ONGOING = 1;
public static readonly ONGOING_OWN = 1; public static readonly ONGOING_OWN = 1;

4
src/api/catalog/Offer.ts
View File

@ -60,7 +60,7 @@ export class Offer implements IPurchasableOffer
public activate(): void public activate(): void
{ {
} }
public get clubLevel(): number public get clubLevel(): number
@ -228,7 +228,7 @@ export class Offer implements IPurchasableOffer
{ {
const products: IProduct[] = []; const products: IProduct[] = [];
const productData = GetProductDataForLocalization(this.localizationId); const productData = GetProductDataForLocalization(this.localizationId);
for(const product of this._products) for(const product of this._products)
{ {
const furnitureData = GetFurnitureData(product.productClassId, product.productType); const furnitureData = GetFurnitureData(product.productClassId, product.productType);

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

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

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

@ -11,7 +11,7 @@ export class PlacedObjectPurchaseData
public readonly x: number, public readonly x: number,
public readonly y: number, public readonly y: number,
public readonly direction: number, public readonly direction: number,
public readonly offer: IPurchasableOffer) public readonly offer: IPurchasableOffer)
{} {}
public get offerId(): number public get offerId(): number

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

@ -1,4 +1,4 @@
export class RequestedPage export class RequestedPage
{ {
public static REQUEST_TYPE_NONE: number = 0; public static REQUEST_TYPE_NONE: number = 0;
public static REQUEST_TYPE_ID: number = 1; public static REQUEST_TYPE_ID: number = 1;

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

@ -6,6 +6,6 @@ export class SearchResult
constructor( constructor(
public readonly searchValue: string, public readonly searchValue: string,
public readonly offers: IPurchasableOffer[], public readonly offers: IPurchasableOffer[],
public readonly filteredNodes: ICatalogNode[]) public readonly filteredNodes: ICatalogNode[])
{} {}
} }

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

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

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

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

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

@ -3,11 +3,11 @@ import { IGroupChatData } from './IGroupChatData';
export const GetGroupChatData = (extraData: string) => export const GetGroupChatData = (extraData: string) =>
{ {
if(!extraData || !extraData.length) return null; if(!extraData || !extraData.length) return null;
const splitData = extraData.split('/'); const splitData = extraData.split('/');
const username = splitData[0]; const username = splitData[0];
const figure = splitData[1]; const figure = splitData[1];
const userId = parseInt(splitData[2]); const userId = parseInt(splitData[2]);
return ({ username: username, figure: figure, userId: userId } as IGroupChatData); return ({ username: username, figure: figure, userId: userId } as IGroupChatData);
} };

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

@ -6,6 +6,6 @@ export class MessengerSettings
public userFriendLimit: number = 0, public userFriendLimit: number = 0,
public normalFriendLimit: number = 0, public normalFriendLimit: number = 0,
public extendedFriendLimit: number = 0, public extendedFriendLimit: number = 0,
public categories: FriendCategoryData[] = []) public categories: FriendCategoryData[] = [])
{} {}
} }

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

@ -40,7 +40,7 @@ export class MessengerThread
group.addChat(chat); group.addChat(chat);
this._lastUpdated = new Date(); this._lastUpdated = new Date();
this._unreadCount++; this._unreadCount++;
return chat; return chat;

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

@ -19,7 +19,7 @@ export class GroupBadgePart
public get code(): string public get code(): string
{ {
if((this.key === 0) && (this.type !== GroupBadgePart.BASE)) return null; if((this.key === 0) && (this.type !== GroupBadgePart.BASE)) return null;
return GroupBadgePart.getCode(this.type, this.key, this.color, this.position); return GroupBadgePart.getCode(this.type, this.key, this.color, this.position);
} }

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

@ -1,4 +1,4 @@
export class GroupType export class GroupType
{ {
public static REGULAR: number = 0; public static REGULAR: number = 0;
public static EXCLUSIVE: number = 1; public static EXCLUSIVE: number = 1;

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

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

2
src/api/guide-tool/GuideToolMessage.ts
View File

@ -2,7 +2,7 @@ export class GuideToolMessage
{ {
private _message: string; private _message: string;
private _roomId: number; private _roomId: number;
constructor(message: string, roomId?: number) constructor(message: string, roomId?: number)
{ {
this._message = message; this._message = message;

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

@ -1,4 +1,4 @@
export class ClubStatus export class ClubStatus
{ {
public static ACTIVE: string = 'active'; public static ACTIVE: string = 'active';
public static NONE: string = 'none'; public static NONE: string = 'none';

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))); BADGES.forEach(badge => ((badgeCodes.indexOf(badge) > -1) && (badgeCode = badge)));
return (badgeCode || DEFAULT_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'; if(code === 2) return 'abusive';
return 'resolved'; return 'resolved';
} };

2
src/api/inventory/FurnitureItem.ts
View File

@ -29,7 +29,7 @@ export class FurnitureItem implements IFurnitureItem
constructor(parser: IFurnitureItemData) constructor(parser: IFurnitureItemData)
{ {
if(!parser) return; if(!parser) return;
this._locked = false; this._locked = false;
this._id = parser.itemId; this._id = parser.itemId;
this._type = parser.spriteId; this._type = parser.spriteId;

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

@ -35,7 +35,7 @@ const addSingleFurnitureItem = (set: GroupItem[], item: FurnitureItem, unseen: b
} }
return groupItem; return groupItem;
} };
const addGroupableFurnitureItem = (set: GroupItem[], item: FurnitureItem, unseen: boolean) => const addGroupableFurnitureItem = (set: GroupItem[], item: FurnitureItem, unseen: boolean) =>
{ {
@ -85,7 +85,7 @@ const addGroupableFurnitureItem = (set: GroupItem[], item: FurnitureItem, unseen
const index = set.indexOf(existingGroup); const index = set.indexOf(existingGroup);
if(index >= 0) set.splice(index, 1); if(index >= 0) set.splice(index, 1);
set.unshift(existingGroup); set.unshift(existingGroup);
} }
@ -108,7 +108,7 @@ const addGroupableFurnitureItem = (set: GroupItem[], item: FurnitureItem, unseen
} }
return existingGroup; return existingGroup;
} };
export const addFurnitureItem = (set: GroupItem[], item: FurnitureItem, unseen: boolean) => 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); addGroupableFurnitureItem(set, item, unseen);
} }
} };
export const mergeFurniFragments = (fragment: Map<number, FurnitureListItemParser>, totalFragments: number, fragmentNumber: number, fragments: Map<number, FurnitureListItemParser>[]) => 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; fragments = null;
return merged; return merged;
} };
export const getAllItemIds = (groupItems: GroupItem[]) => export const getAllItemIds = (groupItems: GroupItem[]) =>
{ {
@ -168,4 +168,4 @@ export const getAllItemIds = (groupItems: GroupItem[]) =>
} }
return itemIds; return itemIds;
} };

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

@ -19,12 +19,12 @@ export const setPlacingItemId = (id: number) => (itemIdInPlacing = id);
export const cancelRoomObjectPlacement = () => export const cancelRoomObjectPlacement = () =>
{ {
if(getPlacingItemId() === -1) return; if(getPlacingItemId() === -1) return;
GetRoomEngine().cancelRoomObjectPlacement(); GetRoomEngine().cancelRoomObjectPlacement();
setPlacingItemId(-1); setPlacingItemId(-1);
setObjectMoverRequested(false); setObjectMoverRequested(false);
} };
export const attemptPetPlacement = (petItem: IPetItem, flag: boolean = false) => export const attemptPetPlacement = (petItem: IPetItem, flag: boolean = false) =>
{ {
@ -47,7 +47,7 @@ export const attemptPetPlacement = (petItem: IPetItem, flag: boolean = false) =>
} }
return true; return true;
} };
export const attemptItemPlacement = (groupItem: GroupItem, flag: boolean = false) => export const attemptItemPlacement = (groupItem: GroupItem, flag: boolean = false) =>
{ {
@ -92,7 +92,7 @@ export const attemptItemPlacement = (groupItem: GroupItem, flag: boolean = false
} }
return true; return true;
} };
export const attemptBotPlacement = (botItem: IBotItem, flag: boolean = false) => export const attemptBotPlacement = (botItem: IBotItem, flag: boolean = false) =>
@ -114,4 +114,4 @@ export const attemptBotPlacement = (botItem: IBotItem, flag: boolean = false) =>
} }
return true; return true;
} };

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

@ -12,7 +12,7 @@ export const addSinglePetItem = (petData: PetData, set: IPetItem[], unseen: bool
if(unseen) if(unseen)
{ {
//petItem.isUnseen = true; //petItem.isUnseen = true;
set.unshift(petItem); set.unshift(petItem);
} }
else else
@ -21,7 +21,7 @@ export const addSinglePetItem = (petData: PetData, set: IPetItem[], unseen: bool
} }
return petItem; return petItem;
} };
export const removePetItemById = (id: number, set: IPetItem[]) => export const removePetItemById = (id: number, set: IPetItem[]) =>
{ {
@ -39,7 +39,7 @@ export const removePetItemById = (id: number, set: IPetItem[]) =>
CreateLinkEvent('inventory/open'); CreateLinkEvent('inventory/open');
} }
set.splice(index, 1); set.splice(index, 1);
return petItem; return petItem;
@ -49,7 +49,7 @@ export const removePetItemById = (id: number, set: IPetItem[]) =>
} }
return null; return null;
} };
export const processPetFragment = (set: IPetItem[], fragment: Map<number, PetData>, isUnseen: (category: number, itemId: number) => boolean) => 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; return set;
} };
export const mergePetFragments = (fragment: Map<number, PetData>, totalFragments: number, fragmentNumber: number, fragments: Map<number, PetData>[]) => 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; fragments = null;
return merged; return merged;
} };

2
src/api/inventory/TradeUserData.ts
View File

@ -10,6 +10,6 @@ export class TradeUserData
public itemCount: number = 0, public itemCount: number = 0,
public creditsCount: number = 0, public creditsCount: number = 0,
public accepts: boolean = false, public accepts: boolean = false,
public canTrade: boolean = false) public canTrade: boolean = false)
{} {}
} }

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

@ -17,39 +17,39 @@ export const parseTradeItems = (items: ItemDataStructure[]) =>
{ {
const spriteId = item.spriteId; const spriteId = item.spriteId;
const category = item.category; const category = item.category;
let name = (item.furniType + spriteId); let name = (item.furniType + spriteId);
if(!item.isGroupable || isExternalImage(spriteId)) if(!item.isGroupable || isExternalImage(spriteId))
{ {
name = ('itemid' + item.itemId); name = ('itemid' + item.itemId);
} }
if(item.category === FurniCategory.POSTER) if(item.category === FurniCategory.POSTER)
{ {
name = (item.itemId + 'poster' + item.stuffData.getLegacyString()); name = (item.itemId + 'poster' + item.stuffData.getLegacyString());
} }
else if(item.category === FurniCategory.GUILD_FURNI) else if(item.category === FurniCategory.GUILD_FURNI)
{ {
name = ''; name = '';
} }
let groupItem = ((item.isGroupable && !isExternalImage(item.spriteId)) ? existingItems.getValue(name) : null); let groupItem = ((item.isGroupable && !isExternalImage(item.spriteId)) ? existingItems.getValue(name) : null);
if(!groupItem) if(!groupItem)
{ {
groupItem = createGroupItem(spriteId, category, item.stuffData); groupItem = createGroupItem(spriteId, category, item.stuffData);
existingItems.add(name, groupItem); existingItems.add(name, groupItem);
} }
groupItem.push(new FurnitureItem(item)); groupItem.push(new FurnitureItem(item));
} }
} }
return existingItems; return existingItems;
} };
export const getGuildFurniType = (spriteId: number, stuffData: IObjectData) => export const getGuildFurniType = (spriteId: number, stuffData: IObjectData) =>
{ {
@ -67,4 +67,4 @@ export const getGuildFurniType = (spriteId: number, stuffData: IObjectData) =>
} }
return type; return type;
} };

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

@ -32,4 +32,4 @@ export const GetIssueCategoryName = (categoryId: number) =>
} }
return 'Unknown'; 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); for(let i = 10; i <= 100; i = i + 10) list.push(i);
return list; return list;
} };
export const GetMaxVisitorsList = BuildMaxVisitorsList(); export const GetMaxVisitorsList = BuildMaxVisitorsList();

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

@ -1,6 +1,6 @@
import { GetConfiguration } from '@nitrots/nitro-renderer'; 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); return GetConfiguration().getValue(key, value);
} }

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

@ -3,7 +3,7 @@ import { CreateLinkEvent, HabboWebTools } from '@nitrots/nitro-renderer';
export const OpenUrl = (url: string) => export const OpenUrl = (url: string) =>
{ {
if(!url || !url.length) return; if(!url || !url.length) return;
if(url.startsWith('http')) if(url.startsWith('http'))
{ {
HabboWebTools.openWebPage(url); HabboWebTools.openWebPage(url);
@ -12,4 +12,4 @@ export const OpenUrl = (url: string) =>
{ {
CreateLinkEvent(url); CreateLinkEvent(url);
} }
} };

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

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

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

@ -20,7 +20,7 @@ export const DispatchTouchEvent = (event: TouchEvent, canvasId: number = 1, long
x = event.changedTouches[0].clientX; x = event.changedTouches[0].clientX;
y = event.changedTouches[0].clientY; y = event.changedTouches[0].clientY;
} }
let eventType = event.type; let eventType = event.type;
if(longTouch) eventType = TouchEventType.TOUCH_LONG; if(longTouch) eventType = TouchEventType.TOUCH_LONG;
@ -53,7 +53,7 @@ export const DispatchTouchEvent = (event: TouchEvent, canvasId: number = 1, long
break; break;
case MouseEventType.DOUBLE_CLICK: case MouseEventType.DOUBLE_CLICK:
break; break;
case TouchEventType.TOUCH_START: case TouchEventType.TOUCH_START:
eventType = MouseEventType.MOUSE_DOWN; eventType = MouseEventType.MOUSE_DOWN;
didMouseMove = false; didMouseMove = false;
@ -72,10 +72,10 @@ export const DispatchTouchEvent = (event: TouchEvent, canvasId: number = 1, long
default: return; 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);
} }
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); rectangle.y = Math.round(rectangle.y);
return rectangle; 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); point.y = Math.round(point.y);
return point; 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; const roomId = roomEngine.activeRoomId;
roomEngine.initializeRoomInstanceRenderingCanvas(roomId, canvasId, width, height); roomEngine.initializeRoomInstanceRenderingCanvas(roomId, canvasId, width, height);
} };

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

@ -6,8 +6,8 @@ export function GetCanStandUp(): string
const roomObject = GetOwnRoomObject(); const roomObject = GetOwnRoomObject();
if(!roomObject) return AvatarAction.POSTURE_STAND; if(!roomObject) return AvatarAction.POSTURE_STAND;
const model = roomObject.model; const model = roomObject.model;
return model.getValue<string>(RoomObjectVariable.FIGURE_CAN_STAND_UP); return model.getValue<string>(RoomObjectVariable.FIGURE_CAN_STAND_UP);
} }

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

@ -6,7 +6,7 @@ export function GetCanUseExpression(): boolean
const roomObject = GetOwnRoomObject(); const roomObject = GetOwnRoomObject();
if(!roomObject) return false; if(!roomObject) return false;
const model = roomObject.model; const model = roomObject.model;
const effectId = model.getValue<number>(RoomObjectVariable.FIGURE_EFFECT); const effectId = model.getValue<number>(RoomObjectVariable.FIGURE_EFFECT);

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

@ -4,6 +4,6 @@ import { GetConfigurationValue } from '../GetConfigurationValue';
export function GetClubMemberLevel(): number export function GetClubMemberLevel(): number
{ {
if(GetConfigurationValue<boolean>('hc.disabled', false)) return HabboClubLevelEnum.VIP; if(GetConfigurationValue<boolean>('hc.disabled', false)) return HabboClubLevelEnum.VIP;
return GetSessionDataManager().clubLevel; return GetSessionDataManager().clubLevel;
} }

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

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

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

@ -6,8 +6,8 @@ export function GetOwnPosture(): string
const roomObject = GetOwnRoomObject(); const roomObject = GetOwnRoomObject();
if(!roomObject) return AvatarAction.POSTURE_STAND; if(!roomObject) return AvatarAction.POSTURE_STAND;
const model = roomObject.model; const model = roomObject.model;
return model.getValue<string>(RoomObjectVariable.FIGURE_POSTURE); return model.getValue<string>(RoomObjectVariable.FIGURE_POSTURE);
} }

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

@ -6,9 +6,9 @@ export function IsRidingHorse(): boolean
const roomObject = GetOwnRoomObject(); const roomObject = GetOwnRoomObject();
if(!roomObject) return false; if(!roomObject) return false;
const model = roomObject.model; const model = roomObject.model;
const effectId = model.getValue<number>(RoomObjectVariable.FIGURE_EFFECT); const effectId = model.getValue<number>(RoomObjectVariable.FIGURE_EFFECT);
return (effectId === 77); return (effectId === 77);
} }

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

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

2
src/api/notification/NotificationBubbleType.ts
View File

@ -1,4 +1,4 @@
export class NotificationBubbleType export class NotificationBubbleType
{ {
public static FRIENDOFFLINE: string = 'friendoffline'; public static FRIENDOFFLINE: string = 'friendoffline';
public static FRIENDONLINE: string = 'friendonline'; public static FRIENDONLINE: string = 'friendonline';

2
src/api/room/widgets/AvatarInfoUser.ts
View File

@ -39,7 +39,7 @@ export class AvatarInfoUser implements IAvatarInfo
public targetRoomControllerLevel: number = 0; public targetRoomControllerLevel: number = 0;
public isAmbassador: boolean = false; public isAmbassador: boolean = false;
constructor(public readonly type: string) constructor(public readonly type: string)
{} {}
public get isOwnUser(): boolean public get isOwnUser(): boolean

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

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

4
src/api/room/widgets/ChatBubbleMessage.ts
View File

@ -10,7 +10,7 @@ export class ChatBubbleMessage
private _top: number = 0; private _top: number = 0;
private _left: number = 0; private _left: number = 0;
constructor( constructor(
public senderId: number = -1, public senderId: number = -1,
public senderCategory: number = -1, public senderCategory: number = -1,
@ -23,7 +23,7 @@ export class ChatBubbleMessage
public styleId: number = 0, public styleId: number = 0,
public imageUrl: string = null, public imageUrl: string = null,
public color: string = null public color: string = null
) )
{ {
this.id = ++ChatBubbleMessage.BUBBLE_COUNTER; this.id = ++ChatBubbleMessage.BUBBLE_COUNTER;
} }

2
src/api/room/widgets/ChatBubbleUtilities.ts
View File

@ -12,7 +12,7 @@ export class ChatBubbleUtilities
{ {
const avatarImage = GetAvatarRenderManager().createAvatarImage(figure, AvatarScaleType.LARGE, null, { const avatarImage = GetAvatarRenderManager().createAvatarImage(figure, AvatarScaleType.LARGE, null, {
resetFigure: figure => this.setFigureImage(figure), resetFigure: figure => this.setFigureImage(figure),
dispose: () => dispose: () =>
{}, {},
disposed: false disposed: false
}); });

2
src/api/room/widgets/DimmerFurnitureWidgetPresetItem.ts
View File

@ -4,6 +4,6 @@ export class DimmerFurnitureWidgetPresetItem
public id: number = 0, public id: number = 0,
public type: number = 0, public type: number = 0,
public color: number = 0, public color: number = 0,
public light: number = 0) public light: number = 0)
{} {}
} }

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) => 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))); 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 b: number = 0;
let index: number = 0; let index: number = 0;
while (index < name.length) while(index < name.length)
{ {
switch ((index % 3)) switch((index % 3))
{ {
case 0: case 0:
r = (r + ( name.charCodeAt(index) * 37) ); 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); b = ((b % DISK_COLOR_BLUE_RANGE) + DISK_COLOR_BLUE_MIN);
return `rgb(${ r },${ g },${ b })`; return `rgb(${ r },${ g },${ b })`;
} };

4
src/api/room/widgets/MannequinUtilities.ts
View File

@ -29,10 +29,10 @@ export class MannequinUtilities
for(const part of figureContainer.getPartTypeIds()) for(const part of figureContainer.getPartTypeIds())
{ {
if(this.MANNEQUIN_CLOTHING_PART_TYPES.indexOf(part) >= 0) continue; if(this.MANNEQUIN_CLOTHING_PART_TYPES.indexOf(part) >= 0) continue;
figureContainer.removePart(part); figureContainer.removePart(part);
} }
figureContainer.updatePart((this.MANNEQUIN_FIGURE[0] as string), (this.MANNEQUIN_FIGURE[1] as number), (this.MANNEQUIN_FIGURE[2] as number[])); figureContainer.updatePart((this.MANNEQUIN_FIGURE[0] as string), (this.MANNEQUIN_FIGURE[1] as number), (this.MANNEQUIN_FIGURE[2] as number[]));
}; };
} }

2
src/api/room/widgets/YoutubeVideoPlaybackStateEnum.ts
View File

@ -1,4 +1,4 @@
export class YoutubeVideoPlaybackStateEnum export class YoutubeVideoPlaybackStateEnum
{ {
public static readonly UNSTARTED = -1; public static readonly UNSTARTED = -1;
public static readonly ENDED = 0; public static readonly ENDED = 0;

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

@ -11,4 +11,4 @@ export const CloneObject = <T>(object: T): T =>
} }
return copy; 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] 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 val2 = ((value >> 16) & 0xFF);
const val3 = ((value >> 8) & 0xFF); const val3 = ((value >> 8) & 0xFF);
const val4 = (value & 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; 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'); 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 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; 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 }`; if(!badgeDesc || !badgeDesc.length) badgeDesc = `badge_desc_${ key }`;
return badgeDesc; 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 }`; if(!badgeName || !badgeName.length) badgeName = `badge_name_${ key }`;
return badgeName; return badgeName;
} };

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

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

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

@ -35,7 +35,7 @@ const encodeHTML = (str: string) =>
return full; return full;
}); });
} };
export const RoomChatFormatter = (content: string) => export const RoomChatFormatter = (content: string) =>
{ {
@ -72,4 +72,4 @@ export const RoomChatFormatter = (content: string) =>
} }
return result; 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(); if(!(value % 2)) return time.toString();
return (time + 0.5).toString(); return (time + 0.5).toString();
} };

4
src/common/AutoGrid.tsx
View File

@ -16,7 +16,7 @@ export const AutoGrid: FC<AutoGridProps> = props =>
let newStyle: CSSProperties = {}; let newStyle: CSSProperties = {};
newStyle['--nitro-grid-column-min-height'] = (columnMinHeight + 'px'); newStyle['--nitro-grid-column-min-height'] = (columnMinHeight + 'px');
if(columnCount > 1) newStyle.gridTemplateColumns = `repeat(auto-fill, minmax(${ columnMinWidth }px, 1fr))`; if(columnCount > 1) newStyle.gridTemplateColumns = `repeat(auto-fill, minmax(${ columnMinWidth }px, 1fr))`;
if(Object.keys(style).length) newStyle = { ...newStyle, ...style }; if(Object.keys(style).length) newStyle = { ...newStyle, ...style };
@ -25,4 +25,4 @@ export const AutoGrid: FC<AutoGridProps> = props =>
}, [ columnMinWidth, columnMinHeight, columnCount, style ]); }, [ columnMinWidth, columnMinHeight, columnCount, style ]);
return <Grid columnCount={ columnCount } fullHeight={ fullHeight } overflow={ overflow } style={ getStyle } { ...rest } />; 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[] = []; 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; return newClassNames;
}, [ display, fit, fitV, grow, shrink, fullWidth, fullHeight, overflow, position, float, pointer, visible, textColor, classNames ]); }, [ 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(' '); let newClassName = getClassNames.join(' ');
if (className.length) newClassName += (' ' + className); if(className.length) newClassName += (' ' + className);
return newClassName.trim(); return newClassName.trim();
}, [ getClassNames, className ]); }, [ getClassNames, className ]);
@ -71,7 +71,7 @@ export const Base: FC<BaseProps<HTMLDivElement>> = props =>
{ {
let newStyle: CSSProperties = {}; let newStyle: CSSProperties = {};
if (Object.keys(style).length) newStyle = { ...newStyle, ...style }; if(Object.keys(style).length) newStyle = { ...newStyle, ...style };
return newStyle; return newStyle;
}, [ style ]); }, [ style ]);
@ -81,4 +81,4 @@ export const Base: FC<BaseProps<HTMLDivElement>> = props =>
{ children } { children }
</div> </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]' ]; 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]'); 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]'); 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]'); 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]'); 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') 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]') 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') 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]') 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') 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]') 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]'); 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; return newClassNames;
}, [ variant, size, active, disabled, classNames ]); }, [ variant, size, active, disabled, classNames ]);
return <Flex center classNames={ getClassNames } { ...rest } />; 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[] = []; const newClassNames: string[] = [];
if (size) if(size)
{ {
let colClassName = `col-span-${ size }`; let colClassName = `col-span-${ size }`;
if (isCssGrid) colClassName = `${ colClassName }`; if(isCssGrid) colClassName = `${ colClassName }`;
newClassNames.push(colClassName); newClassNames.push(colClassName);
} }
if (offset) if(offset)
{ {
let colClassName = `offset-${ offset }`; let colClassName = `offset-${ offset }`;
if (isCssGrid) colClassName = `g-start-${ offset }`; if(isCssGrid) colClassName = `g-start-${ offset }`;
newClassNames.push(colClassName); newClassNames.push(colClassName);
} }
if (classNames.length) newClassNames.push(...classNames); if(classNames.length) newClassNames.push(...classNames);
return newClassNames; return newClassNames;
}, [ size, offset, isCssGrid, classNames ]); }, [ size, offset, isCssGrid, classNames ]);
return <Flex classNames={ getClassNames } column={ column } gap={ gap } { ...rest } />; 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[] = []; 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 newClassNames.push('flex-col');
} }
else 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; return newClassNames;
}, [ column, reverse, gap, center, alignSelf, alignItems, justifyContent, classNames ]); }, [ column, reverse, gap, center, alignSelf, alignItems, justifyContent, classNames ]);
return <Base classNames={ getClassNames } display={ display } { ...rest } />; 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 ]); }, [ classNames ]);
return <Flex classNames={ getClassNames } { ...rest } />; 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[] = []; 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)]'); 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); if(gap) newClassNames.push('gap-' + gap);
else if (gap === 0) newClassNames.push('gap-0'); 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; return newClassNames;
}, [ inline, gap, maxContent, alignSelf, alignItems, justifyContent, center, classNames ]); }, [ inline, gap, maxContent, alignSelf, alignItems, justifyContent, center, classNames ]);
@ -49,9 +49,9 @@ export const Grid: FC<GridProps> = props =>
{ {
let newStyle: CSSProperties = {}; 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; return newStyle;
}, [ columnCount, style ]); }, [ columnCount, style ]);
@ -61,4 +61,4 @@ export const Grid: FC<GridProps> = props =>
<Base classNames={ getClassNames } fullHeight={ fullHeight } style={ getStyle } { ...rest } /> <Base classNames={ getClassNames } fullHeight={ fullHeight } style={ getStyle } { ...rest } />
</GridContextProvider> </GridContextProvider>
); );
} };

4
src/common/GridContext.tsx
View File

@ -11,7 +11,7 @@ const GridContext = createContext<IGridContext>({
export const GridContextProvider: FC<ProviderProps<IGridContext>> = props => 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); export const useGridContext = () => useContext(GridContext);

2
src/common/HorizontalRule.tsx
View File

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

62
src/common/Popover.tsx
View File

@ -1,58 +1,40 @@
// @flow strict import { FC, PropsWithChildren, useEffect, useRef, useState } from 'react';
'use client'
import { useEffect, useRef, useState } from 'react';
function ReactPopover({ export const ReactPopover: FC<PropsWithChildren<{
children, content: JSX.Element;
content, trigger?: 'click' | 'hover';
trigger = 'click' }>> = props =>
})
{ {
const { content = null, trigger = null, children = null } = props;
const [ show, setShow ] = useState(false); const [ show, setShow ] = useState(false);
const wrapperRef = useRef(null); const wrapperRef = useRef(null);
const handleMouseOver = () => const handleMouseOver = () => (trigger === 'hover') && setShow(true);
{
if (trigger === 'hover')
{
setShow(true);
};
};
const handleMouseLeft = () => const handleMouseLeft = () => (trigger === 'hover') && setShow(false);
{
if (trigger === 'hover')
{
setShow(false);
};
};
useEffect(() => useEffect(() =>
{ {
function handleClickOutside(event) if(!show) return;
{
if (wrapperRef.current && !wrapperRef.current.contains(event.target))
{
setShow(false);
}
}
if (show) const handleClickOutside = (event: MouseEvent) =>
{ {
// Bind the event listener if(wrapperRef.current && !wrapperRef.current.contains(event.target)) setShow(false);
document.addEventListener('mousedown', handleClickOutside); };
return () =>
{ document.addEventListener('mousedown', handleClickOutside);
// Unbind the event listener on clean up
document.removeEventListener('mousedown', handleClickOutside); return () =>
}; {
} // Unbind the event listener on clean up
document.removeEventListener('mousedown', handleClickOutside);
};
}, [ show, wrapperRef ]); }, [ show, wrapperRef ]);
return ( return (
<div <div
ref={ wrapperRef } ref={ wrapperRef }
className="w-fit h-fit relative flex justify-center" className="relative flex justify-center w-fit h-fit"
onMouseEnter={ handleMouseOver } onMouseEnter={ handleMouseOver }
onMouseLeave={ handleMouseLeft }> onMouseLeave={ handleMouseLeft }>
<div <div
@ -70,5 +52,3 @@ function ReactPopover({
</div> </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' ]; 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; return newClassNames;
}, [ variant, fontWeight, fontSize, align, bold, underline, italics, truncate, center, textEnd, small, wrap, noWrap, textBreak ]); }, [ variant, fontWeight, fontSize, align, bold, underline, italics, truncate, center, textEnd, small, wrap, noWrap, textBreak ]);
return <Base classNames={ getClassNames } { ...rest } />; 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 // Theme Changer
const newClassNames: string[] = [ 'container-fluid', 'h-full p-[8px] overflow-auto', 'bg-light' ]; 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; return newClassNames;
}, [ classNames ]); }, [ classNames ]);
return <Column classNames={ getClassNames } overflow={ overflow } { ...rest } />; 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 => 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); 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.stopPropagation();
event.nativeEvent.stopImmediatePropagation(); event.nativeEvent.stopImmediatePropagation();
} };
return ( 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 }> <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> </Flex>
</Column> </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; return newClassNames;
}, [ classNames ]); }, [ classNames ]);
@ -34,4 +34,4 @@ export const NitroCardView: FC<NitroCardViewProps> = props =>
</DraggableWindow> </DraggableWindow>
</NitroCardContextProvider> </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 => export const NitroCardAccordionContextProvider: FC<ProviderProps<INitroCardAccordionContext>> = props =>
{ {
return <NitroCardAccordionContext.Provider { ...props } />; return <NitroCardAccordionContext.Provider { ...props } />;
} };
export const useNitroCardAccordionContext = () => useContext(NitroCardAccordionContext); 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 } { children }
</Flex> </Flex>
); );
} };

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

@ -18,9 +18,9 @@ export const NitroCardAccordionSetView: FC<NitroCardAccordionSetViewProps> = pro
const onClick = () => const onClick = () =>
{ {
closeAll(); closeAll();
setIsOpen(prevValue => !prevValue); setIsOpen(prevValue => !prevValue);
} };
const onClose = useCallback(() => setIsOpen(false), []); const onClose = useCallback(() => setIsOpen(false), []);
@ -62,10 +62,10 @@ export const NitroCardAccordionSetView: FC<NitroCardAccordionSetViewProps> = pro
const index = newClosers.indexOf(closeFunction); const index = newClosers.indexOf(closeFunction);
if(index >= 0) newClosers.splice(index, 1); if(index >= 0) newClosers.splice(index, 1);
return newClosers; return newClosers;
}); });
} };
}, [ onClose, setClosers ]); }, [ onClose, setClosers ]);
return ( return (
@ -81,4 +81,4 @@ export const NitroCardAccordionSetView: FC<NitroCardAccordionSetViewProps> = pro
</Column> } </Column> }
</Column> </Column>
); );
} };

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

@ -4,7 +4,7 @@ import { NitroCardAccordionContextProvider } from './NitroCardAccordionContext';
interface NitroCardAccordionViewProps extends ColumnProps interface NitroCardAccordionViewProps extends ColumnProps
{ {
} }
export const NitroCardAccordionView: FC<NitroCardAccordionViewProps> = props => export const NitroCardAccordionView: FC<NitroCardAccordionViewProps> = props =>
@ -22,4 +22,4 @@ export const NitroCardAccordionView: FC<NitroCardAccordionViewProps> = props =>
<Column gap={ 0 } { ...rest } /> <Column gap={ 0 } { ...rest } />
</NitroCardAccordionContextProvider> </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 (isActive) newClassNames.push('bg-[#dfdfdf] border-b-[1px_solid_black]');
if (classNames.length) newClassNames.push(...classNames); if(classNames.length) newClassNames.push(...classNames);
return newClassNames; return newClassNames;
}, [ isActive, classNames ]); }, [ isActive, classNames ]);
@ -33,4 +33,4 @@ export const NitroCardTabsItemView: FC<NitroCardTabsItemViewProps> = props =>
<LayoutItemCountView count={ count } /> } <LayoutItemCountView count={ count } /> }
</Flex> </Flex>
); );
} };

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