Files

Nick Gerleman 2caa8ac8cb Workaround Docusaurus prism highlighting hydration bug (#1519 )

Summary:
Pull Request resolved: https://github.com/facebook/yoga/pull/1519

See https://github.com/facebook/docusaurus/issues/9629

We use prism to render the code for the inline editor. Prism renders colors to style directly, and the color chosen is dependent on a setting that may not be available at SSR time.

This adds an SSR-specific representation of the code, missing some of the nuances in token colorization (similar to https://github.com/facebook/docusaurus/pull/7373). This adds a little bit of jank compared to perfect SSR, but fixes cases where the mode is incorrect, and is a lot less jank then the more generic solution used by theme-live-codeblock of keeping the rendering of the opposite color until rehydration.

Preview: https://yoga-website-next-git-fork-nickgerleman-exp-2f8171-fbopensource.vercel.app/

Reviewed By: yungsters

Differential Revision: D52163722

fbshipit-source-id: 312dc52134f0084d40f78147190151700ee10ff7

2023-12-19 12:46:26 -08:00

blog

Backfil Yoga 2.0 Release notes to blog (#1508 )

2023-12-12 09:06:58 -08:00

docs

Docusarus: Init Project (#1312 )

2023-06-22 13:46:57 -07:00

src

Workaround Docusaurus prism highlighting hydration bug (#1519 )

2023-12-19 12:46:26 -08:00

static

Replace Playground with JSX Editor (#1500 )

2023-12-12 09:06:58 -08:00

.eslintrc.cjs

Enable lints for React Components (#1515 )

2023-12-15 22:46:58 -08:00

.gitignore

Fixes for publish workflows (#1319 )

2023-06-30 11:44:15 -07:00

babel.config.cjs

Consolidate JavaScript Flavors (#1433 )

2023-10-31 20:41:38 -07:00

docusaurus.config.js

Backfil Yoga 2.0 Release notes to blog (#1508 )

2023-12-12 09:06:58 -08:00

package.json

Make playground links shorter (#1516 )

2023-12-19 12:46:26 -08:00

README.md

Docusarus: Init Project (#1312 )

2023-06-22 13:46:57 -07:00

sidebars.cjs

Replace Playground with JSX Editor (#1500 )

2023-12-12 09:06:58 -08:00

tsconfig.json

Replace Playground with JSX Editor (#1500 )

2023-12-12 09:06:58 -08:00

README.md

Website

This website is built using Docusaurus 2, a modern static website generator.

Installation

$ yarn

Local Development

$ yarn start

This command starts a local development server and opens up a browser window. Most changes are reflected live without having to restart the server.

Build

$ yarn build

This command generates static content into the build directory and can be served using any static contents hosting service.

Deployment

Using SSH:

$ USE_SSH=true yarn deploy

Not using SSH:

$ GIT_USER=<Your GitHub username> yarn deploy

If you are using GitHub pages for hosting, this command is a convenient way to build the website and push to the gh-pages branch.