From facebook/docusaurus#103 (comment)

Check out https://github.com/govau/platforms-alpha/blob/master/lib/shared/fileTabs.js

Thoughts on any improvements which can be made to our existing multi-select code blocks?
I don't think tabs will work, as @stevenzeck pointed out we have too many options to select, however, this plugin structure looks very promising and potentially more flexible and robust.

For example: https://unibeautify.com/docs/config-file?installation_id=####&setup_action=update

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.

• Update dependency @types/lodash to v4.17.4
• Update dependency fs-extra to v11 (fs-extra, @types/fs-extra)
• Update dependency node to v20
• Update dependency prettier to v3
• Update dependency rimraf to v5
• Update dependency stylelint to v16
• Update dependency stylelint-config-standard to v36
• Update dependency stylelint-order to v6
• Update dependency tslint to v6
• Update dependency typescript to v5
• 🔐 Create all rate-limited PRs at once 🔐

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.

• Update dependency jquery to v3.5.0 [SECURITY]
• Update dependency node to v12.22.12
• Update dependency array-flatten to v3
• Update dependency get-pkg-repo to v5
• Update dependency js-yaml to v4

Open

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

• Update dependency bootstrap to v4.6.2
• Update dependency bootstrap to v5
• Update dependency diff to v5 (diff, @types/diff)
• Update dependency eslint to v9
• Update dependency ts-node to v10
• Click on this checkbox to rebase all open PRs at once

Detected dependencies

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

Currently, examples are only shown in Option specific docs.
It would be great to also show examples when viewing a Language.

When I run yarn install && yarn docs I get this error:

→ yarn docs
yarn run v1.7.0
$ npm run clean && npm run generate-docs

> [email protected] clean /Users/marvinheilemann/Documents/Projects/_plugins/Unibeautify/website
> npm run rm-languages && npm run rm-beautifiers && npm run rm-options && npm run rm-executables


> [email protected] rm-languages /Users/marvinheilemann/Documents/Projects/_plugins/Unibeautify/website
> rimraf 'docs/language-*'


> [email protected] rm-beautifiers /Users/marvinheilemann/Documents/Projects/_plugins/Unibeautify/website
> rimraf 'docs/beautifier-*'


> [email protected] rm-options /Users/marvinheilemann/Documents/Projects/_plugins/Unibeautify/website
> rimraf 'docs/option-*' && rimraf 'docs/options-for-languages.md'


> [email protected] rm-executables /Users/marvinheilemann/Documents/Projects/_plugins/Unibeautify/website
> rimraf 'docs/executable-*'


> [email protected] generate-docs /Users/marvinheilemann/Documents/Projects/_plugins/Unibeautify/website
> ts-node scripts/generate-docs

brace_style - HTML - BAD EXAMPLES
newline_between_rules - CSS - BAD EXAMPLES
Error: Dependency "Black" is required and not installed.
  - spawn black ENOENT
  - spawn black ENOENT
  - spawn black ENOENT
    at loadVersion.then.catch.then.isInstalled (/Users/marvinheilemann/Documents/Projects/_plugins/Unibeautify/website/node_modules/unibeautify/src/DependencyManager/Dependency.ts:34:17)
    at process._tickCallback (internal/process/next_tick.js:68:7)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] generate-docs: `ts-node scripts/generate-docs`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] generate-docs script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/marvinheilemann/.npm/_logs/2018-07-05T09_35_41_495Z-debug.log
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

Node: v10.4.1
Yarn: 1.7.0
on latest OSX (10.13.5)

that results in empty .md doc files (beautifier-black-beautifier.md etc.).

A resulting error is that when I do cd website/ && yarn start and navigate to http://localhost:3000/docs/about.html that I get this browser error:

Error: Improper sidebars.json file, document with id 'beautifier-black' not found. Make sure that documents with the ids specified in sidebars.json exist and that no ids are repeated.
    at _loop (/Users/marvinheilemann/Documents/Projects/_plugins/Unibeautify/website/website/node_modules/docusaurus/lib/server/readCategories.js:58:17)
    at readCategories (/Users/marvinheilemann/Documents/Projects/_plugins/Unibeautify/website/website/node_modules/docusaurus/lib/server/readCategories.js:34:53)
    at DocsSidebar.render (/Users/marvinheilemann/Documents/Projects/_plugins/Unibeautify/website/website/node_modules/docusaurus/lib/core/DocsSidebar.js:18:26)
    at processChild (/Users/marvinheilemann/Documents/Projects/_plugins/Unibeautify/website/website/node_modules/react-dom/cjs/react-dom-server.node.development.js:2204:18)
    at resolve (/Users/marvinheilemann/Documents/Projects/_plugins/Unibeautify/website/website/node_modules/react-dom/cjs/react-dom-server.node.development.js:2061:5)
    at ReactDOMServerRenderer.render (/Users/marvinheilemann/Documents/Projects/_plugins/Unibeautify/website/website/node_modules/react-dom/cjs/react-dom-server.node.development.js:2380:22)
    at ReactDOMServerRenderer.read (/Users/marvinheilemann/Documents/Projects/_plugins/Unibeautify/website/website/node_modules/react-dom/cjs/react-dom-server.node.development.js:2354:19)
    at renderToStaticMarkup (/Users/marvinheilemann/Documents/Projects/_plugins/Unibeautify/website/website/node_modules/react-dom/cjs/react-dom-server.node.development.js:2737:25)
    at renderToStaticMarkupWithDoctype (/Users/marvinheilemann/Documents/Projects/_plugins/Unibeautify/website/website/node_modules/docusaurus/lib/server/renderUtils.js:16:30)
    at /Users/marvinheilemann/Documents/Projects/_plugins/Unibeautify/website/website/node_modules/docusaurus/lib/server/server.js:283:14

See https://support.google.com/analytics/answer/1136920?hl=en and https://blog.kissmetrics.com/critical-goal-types/

See https://marketplace.visualstudio.com/items?itemName=Glavin001.unibeautify-vscode#review-details

API: https://marketplace.visualstudio.com/_apis/public/gallery/publishers/Glavin001/extensions/unibeautify-vscode/reviews?count=10&filterOptions=3

UI look like: https://docusaurus.io/

https://unibeautify.com/docs/options.html and the contents of the left nav https://unibeautify.com/docs/option-align-assignments.html should make clear which options are deprecated.

Table

1. Remove the option entirely from the table
2. Add new column(s) to the table for newer metadata
3. Leave table as-is

Nav

1. Create a section beneath the "W" on the left named "Deprecated" and list options that are deprecated there instead of under their letter

See https://crowdin.com/page/open-source-project-setup-request and https://docusaurus.io/docs/en/translation.html

Keywords

• open source code beautifier
• (each of the beautifier names)
• atom-beautify
• (language) code formatter
• code formatter
• (language) prettier
• eslint prettier
• javascript formatter
• prettier vscode
• code beautify
• beautifier code
• format code
• js formatter
• (beautifier) (language)
• (beautifier) (editor)
• (beautifier) config

Search intent

What is...

• what is (beautifier)
• what is (language)
• what is (editor)

How to...

• how to format code with (beautifier)

People also ask

• How do you use (beautifier)?

• Should I use (beautifier)?

• How do you use (beautifier) in (editor)?

• Does (beautifier) ignore node_modules?

• Is (beautifier) a linter?

• How do I enable (beautifier) on save?

• How do I install (beautifier) globally?

• How do I change the format code in (editor)?

• What is code formatting?

• How do I disable (beautifier) in (editor)?

• What is (beautifier) used for?

• (language) formatter (editor)

• (language) formatter

• (language) code formatter

• code formatter online

• (beautifier) sandbox

• run (beautifier) on all files

• (beautifier) vs (beautifier)

• (editor) beautify shortcut

• (editor) formatting settings

• (editor) disable format on save

• (editor) format on save not working

• (editor) format shortcut

• (editor) code format code not working

• (beautifier) (option) not working

• (beautifier) not working (editor)

• beautify code

• how to use prettier vscode

• jsbeautifyrc

• How do you customize (beautifier)?

• How to install (beautifier) in (editor)?

• How do I enable/disable (beautifier) in (editor)?

• How do I use (beautifier) in (editor)?

@muuvmuuv has created an awesome redesign:

This issue is to track discussions and progress.

None of the links on the unibeautify site work in Firefox, i.e. clicking doesn't do anything.

Looking in the dev console, it appears that the site is trying to do something fancy with GA, but that's blocked by Firefox.

There is an error with this repository's Renovate configuration that needs to be fixed. As a precaution, Renovate will stop PRs until it is resolved.

Error type: undefined. Note: this is a nested preset so please contact the preset author if you are unable to fix it yourself.

See https://github.com/npm/public-api/issues/15 for problem.

• Search for packages:
  • http://stackoverflow.com/a/13657540/2578205
  • https://registry.npmjs.org/-/_view/byKeyword?startkey=[%22unibeautify%22]&endkey=[%22unibeautify%22,{}]&group_level=3
  • fetch('https://registry.npmjs.cf/-/_view/byKeyword?startkey=[%22unibeautify%22]&endkey=[%22unibeautify%22,{}]&group_level=3').then(result=>console.log(result))
• Retrieve package information
  • https://github.com/hemanth/fetch-nice-package
  • http://registry.npmjs.com/beautifier-prettydiff
  • fetch('https://registry.npmjs.cf/beautifier-prettydiff').then(result=>console.log(result))

See https://www.netlify.com/docs/split-testing/?_ga=2.109667973.1263117523.1528420706-446232961.1528420706#tracking-split-testing-information

@szeck87 @CelinaCampbell @muuvmuuv we should discuss the logo situation.

1️⃣Version 1	2️⃣Version 2	3️⃣Proposal
		By @muuvmuuv

(I don't know how to fix the logo sizes above 🙄)

I'm not entirely sold on the space theme, with the planet in the 3️⃣proposed logo.

1️⃣ was inspired by the slogan "the one beautifier to rule them all" (a Lord of the Rings reference).
2️⃣ is a a work in progress to create a clearly readable logo, focusing on the U and B (for Uni and Beautify).

@muuvmuuv 's comment:
Hey guys, I played a little bit with the Unibeautify logo on the weekend. I don’t want to offend someone, but it looks a little bit unfinished for me. So here is my idea plus a idea how we could design the website (not mine, its from dribbble).

How we could design the webpage in the future:

my idea of the logo

I think the logo and design is very important, however it has not been a priority of mine these past few months. I think @muuvmuuv has a good point, we should make the design and logo look finished and polished.

1. https://github.com/rauchg/slackin/#usage
2. Most people seem to use Heroku, but now should work too
3. Plug in the info needed to set it up

• For the API token, they suggest setting up a dedicated user for inviting and using that users API token. There is also a link in the above URL for recaptcha

• Installation instructions
• Configuration
• Executables / Dependencies

This will give us the ability to add plugins like:

• https://prismjs.com/plugins/copy-to-clipboard/ (Fast way to copy a config sample)
• https://prismjs.com/plugins/line-numbers/ (Just nice to have)
• https://prismjs.com/plugins/line-highlight/ (To highlight something important)
• https://prismjs.com/plugins/show-invisibles/ (important for https://unibeautify.com/docs/option-remove-trailing-whitespace)
• https://prismjs.com/plugins/jsonp-highlight/ (Nice to link to a file in a repo)
• https://prismjs.com/plugins/remove-initial-line-feed/ (If accidentally added)
• https://prismjs.com/plugins/command-line/ (useful for the CLI later)
• https://prismjs.com/plugins/unescaped-markup/ (Nice for HTML)

This issue was generated by todo based on a TODO comment in f701bd5 when #122 was merged. cc @muuvmuuv.

Since some of the docs are auto-generated based on beautifiers and Unibeautify loaded languages and options, the edit button linking to the markdown files does not make sense. Instead, it should redirect to the appropriate place to edit.

• Languages edit button goes to Unibeautify core repository: https://github.com/Unibeautify/unibeautify/blob/master/src/languages.json
• Options edit button goes to Unibeautify core repository: https://github.com/Unibeautify/unibeautify/blob/master/src/options.ts
• Beautifiers edit button goes to beautifier's repository

This will require a change to Docusaurus itself: https://github.com/facebook/Docusaurus/blob/a5e963dba134bf0f6a83908d49cd59ce06704cb3/lib/core/Doc.js#L30-L37

From @bardware on September 7, 2018 13:46

Hi,

I just stumble over your website and see you embed logos of languages that are 400 kByte in size. That's a lot. It looks to me it's a png embedded in svg. Maybe you can resize it.

Copied from original issue: Unibeautify/unibeautify#178

See https://github.com/Glavin001/atom-beautify#language-support

Columns:

• Language name
• File Patterns (extensions, glob, etc)
• Atom Grammars
• VSCode Syntax
• Supported Beautifiers (names)
• # of supported options

The individual pages for options is getting to be quite large, even with expand/collapse sections. A few thoughts:

• Consider having just a single example for an option, rather than one for all languages. I see examples as something to just get the point across, and 95% of the time a single one will do that. For instance, indent_style is pretty straightforward. I can look at a Javascript example and probably get the idea of how it would work for HTML.
• Consolidate all the languages that don't have an example into a comma separated list, with a link going to the GitHub example page for that language/option.

Current domain configuration pointing at GitHub Pages:

Document Unibeautify/unibeautify#221

See original issue: Glavin001/atom-beautify#1928

Inspired by Unibeautify/vscode#23 and #114

Build something like https://github.com/Unibeautify/vscode/blob/master/scripts/update-readme.ts to generate installation instructions and update the README. Use beautifiers from https://github.com/Unibeautify/website/blob/master/scripts/generate-docs/beautifiers.ts#L12-L22 . This will prevent problems like #114 which are confusing to users who are trying to contribute. Documentation is important!

Please let me know if you would like to work on this! I (@Glavin001) have not started yet and looking for contributors. If you take this on, I can add the in progress label so no one else works on it by accident. Thanks in advance!

https://github.com/otakustay/react-diff-view

• Individual option detail page
• Individual language page
• Individual beautifier page

Version 10 of Node.js (code name Dubnium) has been released! 🎊

To see what happens to your code in Node.js 10, Greenkeeper has created a branch with the following changes:

• Added the new Node.js version to your .travis.yml

If you’re interested in upgrading this repo to Node.js 10, you can open a PR with these changes. Please note that this issue is just intended as a friendly reminder and the PR as a possible starting point for getting your code running on Node.js 10.

Your Greenkeeper Bot 🌴