Git Product home page Git Product logo

toolbox's Introduction

HelpChat Toolbox

What is it?

HelpChat Toolbox is a toolbox of useful tools for HelpChat's Minecraft plugins, configs, and more!

It currently includes the following features:

Usage

HelpChat's Toolbox is hosted at toolbox.helpch.at.

Development

Starting Guide

  1. Clone the repository
  2. Install NPM, and NodeJS for your respective platform
  3. Install yarn globally (npm i -g yarn)
  4. Install the dependencies of this project (yarn install)
  5. Run the dev server (yarn dev)
  6. Start making changes! They'll be automatically reloaded @ http://localhost:3000/

Generating JSON Schemas for Converter Types

Run the command yarn generateschema, and pass it to the Converter. It will validate types for you at runtime.

UI Development & Design

Run yarn dev, and it will automatically reload the UI at http://localhost:3000/ as you make changes. Pages are generated from the pages/ directory, so to add a new page simply just create that file in the directory.

Feature Development

Converters are currently written in their own folder (converters/), directory. To test a newly created one you'll need to create a new page for it to see live updates in your browser, refer to the UI Development & Design section above for more information on developing with live-updates

toolbox's People

Contributors

darbyjack avatar fredthedoggy avatar funny-cube avatar heychazza avatar renovate[bot] avatar starmism avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

blitzoffline

toolbox's Issues

feature: Command generators

Something I find myself using quite often are command generators for specific setblock or give commands. Might not be something that many people need often, but if you need a quick way to set mob spawner that spawns boats with vanilla commands, it might be worth the effort :D
Examples: https://www.gamergeeks.net/apps/minecraft/

Add line numeration to the validators.

So when I have an invalid file and I put it thru one of the validators I get an error similar to this:

Parsing error on line 22, column 55: Expected "=", [ \t] or [A-Za-z0-9_-] but "." found.

The problem is then I have to go and find out which is the 22nd line and since they're not marked in the toolbox, I either have to open a new page in a text editor that does have line numeration and paste it there so I can see it or I have to count the lines myself. It would be nice if there would be a line numeration directly embedded in the page. Something like this:

image

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Rate-Limited

These updates are currently rate-limited. Click on a checkbox below to force their creation now.

  • chore(deps): update dependency @types/prismjs to v1.26.4
  • chore(deps): update dependency ts-node to v10.9.2
  • chore(deps): update dependency twin.macro to v3.4.1
  • chore(deps): update dependency eslint to v8.57.0
  • chore(deps): update dependency tailwindcss to v3.4.10
  • chore(deps): update dependency ts-json-schema-generator to v1.5.1
  • fix(deps): update dependency @microlink/react-json-view to v1.23.1
  • fix(deps): update dependency ajv to v8.17.1
  • fix(deps): update dependency react-simple-code-editor to v0.14.1
  • fix(deps): update font awesome (@fortawesome/fontawesome-free, @fortawesome/fontawesome-svg-core, @fortawesome/free-solid-svg-icons, @fortawesome/react-fontawesome)
  • chore(deps): update dependency @types/node to v20
  • chore(deps): update dependency eslint to v9
  • chore(deps): update dependency ts-json-schema-generator to v2
  • ๐Ÿ” Create all rate-limited PRs at once ๐Ÿ”

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

Detected dependencies

npm
package.json
  • @fortawesome/fontawesome-free 6.4.2
  • @fortawesome/fontawesome-svg-core 6.4.2
  • @fortawesome/free-solid-svg-icons 6.4.2
  • @fortawesome/react-fontawesome 0.2.0
  • @js.properties/properties 0.5.4
  • @microlink/react-json-view ^1.22.2
  • @tkint/hocon-parser 0.0.0-alpha.0
  • ajv 8.12.0
  • next 12.3.4
  • prism-react-renderer 1.3.5
  • prismjs 1.29.0
  • react 18.2.0
  • react-dom 18.2.0
  • react-simple-code-editor 0.13.1
  • styled-components 5.3.9
  • toml 3.0.0
  • x2js 3.4.4
  • xml-js 1.6.11
  • yaml 2.3.2
  • @types/node 18.15.11
  • @types/prismjs 1.26.1
  • @types/react 18.2.28
  • @types/styled-components 5.1.28
  • babel-plugin-macros 3.1.0
  • eslint 8.51.0
  • eslint-config-next 12.3.4
  • prettier 2.8.7
  • tailwindcss 3.3.3
  • ts-json-schema-generator 1.3.0
  • ts-node 10.9.1
  • twin.macro 3.4.0
  • typescript 4.8.4

  • Check this box to trigger a request for Renovate to run again on this repository

Use different icons for each tool

Hi, great site - it's nice to see a fresh MC tools site finally haha.

I think it would be nice to use different icons/logos for each tool.
- I think right now the idea is that the icons help the user know which "type" of tool each one is... this is fine, but it makes the site look more copy/paste.

[Suggestion] simple page to convert IGN/UUID to UUID/IGN

If we have the page open already it would be nice to find out who's uuid.json is what IGN, and visa versa. A little input where we can dump the info and it returns the opposite, would be nice. Perhaps even with a link to namenc if we desire more info.

if input is larger than 25, it's probably uuid, else it's an ign, and a regex to limit to valid usernames only.

some plugins also note down uuid without dashes. it would be nice if it lists those as well.

curl -s -H "Accept: application/json" https://api.minecraftservices.com/minecraft/profile/lookup/d669c8706d95430787a30c2eabb4ba3e

That way we can also use it like this, for services that support it / require it.

intput: streamcam

output: (click icon to copy to clipboard)
> uuid: d669c870-6d95-4307-87a3-0c2eabb4ba3e [icon]
> suuid: d669c8706d95430787a30c2eabb4ba3e [icon]
> user: streamcam [icon]
> user history: [icon]
 mrsfloris - Original name
 townx - 01/05/18 12:38:20
 streamcam - 07/06/19 23:03:24
> https://namemc.com/search?q=d669c870-6d95-4307-87a3-0c2eabb4ba3e

ChatChat format has changed.

The ChatChat format has been changed. It currently looks like this:

formats:
  format-name:
    priority: # 
    parts:
      part-name:
      - ''
      - ''
      other-part-name:
      - ''

It can have infinite parts.

Split the tools on the main page.

Right now every single tool is just randomly thrown in a box on the main page. IMO this toolbox is or should be more than just a bunch of ChatChat converters and some extra tools.

It would be nice if there would be a tab for:

  • converters (to which we might want to add extra plugin to plugin converters not just chatchat)
  • plugin config validators (I know there will be a DeluxeMenus menu validator so we can add just that in that category for now)
  • file validators where we can put the yaml, toml, etc, validators.

I know you guys have opened an issue about splitting these things in the navbar as well.

More accessible back button on each tools page

Although it is possible to go back by clicking on the logo in the top left, this is a bit of a reach when the main content is in the middle of the page.
There is decent space around this area of the site, a simple "Back" button, or pointy back arrow button here could just do the trick.
Screen Shot 2022-04-05 at 08 47 40

Github link should link to the toolbox

Right now, there is a Github button but it links to github.com/HelpChat. It would be nice if instead it would link directly to the toolbox. This could potentially bring some extra help or at least some extra interest in this repository. There's no reason to link the github org since they can just see what org the repository is in if that's what they want.

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.