Light

unibeautify / playground Goto Github PK

View Code? Open in Web Editor NEW

2.0 2.0 2.0 2.87 MB

Try Unibeautify in your browser!

Home Page: https://playground.unibeautify.com

License: MIT License

TypeScript 83.95% CSS 5.16% JavaScript 7.60% Dockerfile 0.96% EJS 2.34%

beautifier playground unibeautify

playground's Introduction

Unibeautify

One Beautifier to rule them all, One Beautifier to clean them, One Beautifier to bring them all and in the darkness sheen them

Travis CI (Linux / macOS)	AppVeyor (Windows)	Test Coverage

Why

Single beautifier abstracting multiple beautifiers for multiple languages
Unified beautifier configuration options

Install

To use programmatically with Node.js:

$ npm install --save unibeautify

CLI

See Unibeautify-CLI:

$ npm install --global @unibeautify/cli

Usage

See test/ directory for examples.

Contribute

# Be sure to lint
npm run lint
# And build
npm run build
# And test
npm test

playground's People

Contributors

Stargazers

Watchers

Forkers

jackymancs4-fork alamgirsarkar

playground's Issues

Add "Copy Link" button

https://github.com/Unibeautify/playground/blob/master/src/Container.tsx#L102-L109

Add placeholder for each language

When changing to a language show a placeholder in the selected language.
See https://codemirror.net/demo/placeholder.html

Setup Google Analytics

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-112681254-2"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-112681254-2');
</script>

Add "Report Issue" button

https://github.com/Unibeautify/playground/blob/master/src/Container.tsx#L110-L117

Show list of supported beautifiers for each option

Currently we show all of the options which are supported by the language. However, not all beautifiers support each of these options. For example, there may be an option supported by Prettier beautifier and not by Pretty Diff beautifier which is shown for JavaScript language. If the beautifiers list only contains Pretty Diff and the option is not supported this can be very confusing to users.

Persist state in URI's Hash

Allowing users to copy link and attach to issues.

Use https://yarnpkg.com/en/package/lz-string

Generate options form UI from API support

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.

Edited/Blocked

These updates have been manually edited so Renovate will no longer make changes. To discard all commits and start over, click on a checkbox.

Open

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

Update dependency @types/react-copy-to-clipboard to v5
Update dependency bootstrap to v5
Update dependency css-loader to v6
Update dependency file-loader to v6
Update dependency style-loader to v3
Update dependency webpack to v5
Update dependency webpack-merge to v5
Update react monorepo to v18 (major) (@types/react, @types/react-dom, react, react-dom)
Click on this checkbox to rebase all open PRs at once

Detected dependencies

docker-compose

docker-compose.yml

dockerfile

Dockerfile

node 7-alpine@sha256:4954ce53247180e207772f936223b11d52a7e4ee712dfe73fe2a75e39f785067

npm

package.json

@babel/core ^7.0.0

babel-loader ^8.0.0

font-awesome ^4.7.0

html-webpack-plugin ^3.2.0

jquery 3.4.1

lodash ^4.17.10

lz-string ^1.4.4

react ^16.4.2

react-codemirror ^1.0.0

react-copy-to-clipboard ^5.0.1

react-dom ^16.4.2

react-github-button ^0.1.11

react-jsonschema-form ^1.8.1

unibeautify ^0.17.0

@types/history 4.7.9

@types/lodash 4.14.171

@types/lz-string 1.3.34

@types/node 10.17.60

@types/react 16.14.11

@types/react-codemirror 1.0.5

@types/react-copy-to-clipboard 4.3.0

@types/react-dom 16.9.14

@types/react-jsonschema-form 1.7.6

@types/react-router-dom 5.1.8

@types/webpack-env 1.16.2

awesome-typescript-loader 5.2.1

bootstrap 4.6.0

bootstrap-loader 3.0.4

clean-webpack-plugin 3.0.0

css-loader 3.6.0

file-loader 4.3.0

postcss-loader 3.0.0

react-hot-loader 4.13.0

react-router-dom 5.2.0

sass-loader 8.0.2

source-map-loader 0.2.4

style-loader 1.3.0

typescript 3.9.10

webpack 4.46.0

webpack-cli 3.3.12

webpack-dev-server 3.11.2

webpack-merge 4.2.2

travis

.travis.yml

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

Recommend Projects

React

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

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

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

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
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.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

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

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.