Code Monkey home page Code Monkey logo

nitro-react's Introduction

Nitro React v2.1

Prerequisites

  • Git
  • NodeJS >= 18
    • If using NodeJS < 18 remove --openssl-legacy-provider from the package.json scripts
  • Yarn npm i yarn -g

Installation

  • First you should open terminal and navigate to the folder where you want to clone Nitro
  • Clone Nitro
    • git clone https://git.krews.org/nitro/nitro-react.git
  • Install the dependencies
    • yarn install
    • This may take some time, please be patient
  • Rename a few files
    • Rename public/renderer-config.json.example to public/renderer-config.json
    • Rename public/ui-config.json.example to public/ui-config.json
  • Set your links
    • Open public/renderer-config.json
      • Update socket.url, asset.url, image.library.url, & hof.furni.url
    • Open public/ui-config.json
      • Update camera.url, thumbnails.url, url.prefix, habbopages.url
    • You can override any variable by passing it to NitroConfig in the index.html

Usage

Development

Run Nitro in development mode when you are editing the files, this way you can see the changes in your browser instantly

yarn start

Production

To build a production version of Nitro just run the following command

yarn build:prod
  • A dist folder will be generated, these are the files that must be uploaded to your webserver
  • Consult your CMS documentation for compatibility with Nitro and how to add the production files

nitro-react's People

Contributors

berkibap avatar billsonnn avatar brenoepics avatar dank074 avatar duckietm avatar laynester avatar livezx avatar mynameisbatman avatar objectretros avatar oobjectt avatar rasmuskd avatar robbis95 avatar robbishabbo avatar snaiker avatar sphynxkitten avatar twanadot avatar zzyek62 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

nitro-react's Issues

messenger/groups

  • user should be able to send/receive IM messages
  • groups should be able to send/receive IM messages

nux

implement nux for showcasing UI features on first load

catalog/room-events

  • users should be able to buy room events (for a specified room, duration is 120 minutes? ) from catalogue
  • after a user buys one, that room will display a event info banner on top right corner, below user purse

catalog/layouts

add support for the following layouts:

  • default_3x3_color_grouping

pets/training

  • user should be able to see current pet tricks
  • user should be able to select a pet trick
  • pet should display experience changes as it does tricks

Song Disk

The naming for the song disk is wrong.
it defaults to Epic Flail on all Song disks, however in the catlog it is shown correctly.

in Nitro:

switch(this._category)
        {
            case FurniCategory.POSTER:
                key = (('poster_' + k.stuffData.getLegacyString()) + '_name');
                break;
            case FurniCategory.TRAX_SONG:
                this._name = 'SONG_NAME';
                return;
            default:
                if(this.isWallItem)

in SWF:
image

user-profile

  • profile padding around badges
  • relationship margins
  • fix add friend button
  • hide groups section if user has no groups

catalog/gift

  • show friends when selecting the user to send the gift to

navigator

  • allow the ability to change navigation visualisation type for a specific block/group
  • room creation could be more like the flash client and be in a modal?
  • add error for room name length (3)
  • saved searches

trophy

  • text should be inline and have appropriate padding for name and date

catalog/marketplace

  • buy from marketplace
  • post on marketplace
  • view own items on marketplace
  • view public items on marketplace
  • add confirm dialogues to purchase/post

hc-center

  • add a variable to enable/disable learn more
  • add a variable to enable/disable see all benefits

help-center/guide-helper-tool

  • Add packets to renderer
  • guides should be able to respond to help requests
  • users should be able to send help requests
  • guides should be able to follow users requesting help/ users requesting help should be able to follow guide
  • guide/ user should display icon on top of head during help session
  • users should be able to close help session at any point
  • users should be able to send feedback at end of help session
  • users/ guides should be able to chat using a special messenger during help session
  • ambassadors should be able to do chat reviews

room/quiz

  • a room quiz should start when the packet is received. The quiz will run for the specified amount of seconds in the packet, or if amount of seconds is -1, for unspecified amount of time until quiz end packet is received
  • users should be able to respond to room quiz by clicking an icon that appears on top of their head (options either YES or NO)
  • after a user votes, the results tally should be displayed at the top

navigator/home-room

client should force the user to enter home room instead of relying on server to do it

room/floor-editor

  • Add floorplan editor
  • Add floorplan previewer
  • Fix floorplan editor interaction listener
  • Fix styling

help-center/reporting

  • add my sanction status
  • report user by room chat
  • report user by messenger
  • add report button to chat history like unity??
  • report user photos
  • report forum thread
  • report forum message
  • report user guide

feature/theming

  • add support for a dark theme

give some thought to how other theme iterations could be made, ie flash client theme

groups/forums

  • users should be able to purchase group forums from catalogue (so do catalog layout)
  • users should be able to view a list of their groups which own an active forum
  • users should be able to read/create threads
  • users should be able to read thread messages/ post their own
  • group admins should be able to moderate that group's forum

hc-center

user should be able to see their HC streak, their initial HC join date, and payday info

sounds

  • credit/purchase sound
  • moderation ticket sound
  • ducket sound
  • console message received sound
  • new concole chat sound

messenger/friend-selection

  • Be able to select friends
  • Be able to remove selected friends
  • Be able to invite selected friends to current room
  • Fix SendRoomInviteComposer (we are sending the packet in the wrong order. Should be ints then string)
  • Make room invite layout in the thread

Client-side Ejectall Modal Does Not Display

When using :ejectall command as per Habbo, the room.confirm.eject_all should display a confirmation message to verify CANCEL or OK to ejecting all the furniture in a room, similarly to :pickall.

Unfortunately, this appears to be missing from Nitro client-side.

toolbar

  • add a configuration variable to enable/disable quests
  • add a configuration variable to enable/disable helper tool
  • add a configuration variable to enable/disable group forums
  • chat input flood cooldown

user-settings

  • change width to allow for localisations and default text to fix correctly
  • remove or add a config toggle for "remove old chat"

messenger/friend-requests

  • ability to add friends from user context menu
  • ability to search/add friends from messenger
  • friend bubble on room enter
  • ability to add friends from user profile
  • ability to remove friends from friend list

mobile-optimizations

  • fix wireds styling
  • fix user profiles
  • messenger header
  • fix chatlog room buttons
  • fix room visit link url css
  • fix highscores so they dont move with camera
  • make purse collapsable ?
  • toolbar should be scrollable
  • chatbox should be centered
  • change looks should have a scrollable navigation
  • floor plan editor structure could be better. Just make it a column on mobile, so draw mode > enter direction / wall height, dark height full width on own row, then look and feel.
  • mod tool chatlog buttons should be inline and have appropriate padding
  • smaller height for minimal windows, such as alerts
  • catalogue navigation should be scrollable
  • group creation padding issues
  • catalogue group creation should be a column
  • hc center text isn't readable
  • youtube tv should be a column on mobile
  • room ad editing should have a button to expand it into a window, or hide the edit button as it won't be feasible to do on mobile anyways
  • camera should be a column type, with a scrollable list of camera effects at the top, preview below, then buttons with fixed margins
  • stacking helper should not have a full height

wired

  • match the design of the flash or unity wireds, custom designs should be reserved for unofficial UIs

context-menu/ambassador

  • ambassadors should be able to mute from context menu
  • ambassadors should be able to alert from context menu

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.