"yogalayout.com" to "yogalayout.dev"

Summary:
X-link: facebook/react-native#41420

X-link: facebook/yoga#1465

https://yogalayout.com now redirects to https://yogalayout.dev

This replaces references to "yogalayout.com" with "yogalayout.dev", the same website, with a new domain. This includes:
1. Code comments
2. Yoga website config (publish action CNAME, Docusaurus config)
3. Documentation URLs in Yoga packages

Changelog:
[General][Fixed] - "yogalayout.com" to "yogalayout.dev"

Reviewed By: christophpurrer

Differential Revision: D51229587

fbshipit-source-id: b1c336a52aab5e02565071b61430d5435381dc0a

docs/codegen/layout-specs.mdx

@@ -79,7 +79,7 @@ The following image shows the Layout Specification Lifecycle.
 
 <img src={useBaseUrl('/images/layout-spec-lifecycle.png')} alt='Layout Spec lifecycle flowchart' className="white-background" />
 
-To see all the layout features that the framework exposes, refer to the [Yoga](https://yogalayout.com/docs/) documentation.
+To see all the layout features that the framework exposes, refer to the [Yoga](https://yogalayout.dev/docs/) documentation.
 
   </TabItem>
   <TabItem value="kotlin">
@@ -141,7 +141,7 @@ The following image shows the Layout Specification Lifecycle.
 
 <img src={useBaseUrl("/images/layout-spec-lifecycle.svg")} alt="Layout Spec lifecycle flowchart" className="white-background" />
 
-To see all the layout features that the framework exposes, refer to the [Yoga](https://yogalayout.com/docs/) documentation.
+To see all the layout features that the framework exposes, refer to the [Yoga](https://yogalayout.dev/docs/) documentation.
 
   </TabItem>
 </Tabs>

docs/custom-layout.md

@@ -4,7 +4,7 @@ title: Manual Measurement
 ---
 import useBaseUrl from '@docusaurus/useBaseUrl';
 
-Litho relies on [Yoga](https://yogalayout.com/docs/), a powerful layout engine that can create very complex UIs for layout calculations.  However, there are few exceptions where Yoga is not sufficient and you may need to implement your own measuring and layout logic.
+Litho relies on [Yoga](https://yogalayout.dev/docs/), a powerful layout engine that can create very complex UIs for layout calculations.  However, there are few exceptions where Yoga is not sufficient and you may need to implement your own measuring and layout logic.
 
 Litho provides a manual component measurement API for determining component sizes during layout creation, which enables Developers to implement dynamic logic based on component sizes.
 

docs/getting-started.mdx

@@ -339,7 +339,7 @@ android_library(
 
 You can test your install by adding a view created with Litho to an activity.
 
-First, initialize `SoLoader`. Litho has a dependency on [SoLoader](https://github.com/facebook/SoLoader) to help load native libraries provided by the underlying layout engine, [Yoga](https://yogalayout.com/docs/). Your `Application` class is a good place to do this:
+First, initialize `SoLoader`. Litho has a dependency on [SoLoader](https://github.com/facebook/SoLoader) to help load native libraries provided by the underlying layout engine, [Yoga](https://yogalayout.dev/docs/). Your `Application` class is a good place to do this:
 
 ```java title="MyApplication.java"
 public class MyApplication extends Application {
@@ -388,7 +388,7 @@ Now, when you run the app you should see "Hello World!" displayed on the screen.
 
 You can test your install by adding a view created with Litho to an activity.
 
-First, initialize `SoLoader`. Litho has a dependency on [SoLoader](https://github.com/facebook/SoLoader) to help load native libraries provided by the underlying layout engine, [Yoga](https://yogalayout.com/docs/). Your `Application` class is a good place to do this:
+First, initialize `SoLoader`. Litho has a dependency on [SoLoader](https://github.com/facebook/SoLoader) to help load native libraries provided by the underlying layout engine, [Yoga](https://yogalayout.dev/docs/). Your `Application` class is a good place to do this:
 
 ```kotlin title="MyApplication.kt"
 class MyApplication: Application() {

docs/mainconcepts/flexbox-yoga.mdx

@@ -7,7 +7,7 @@ import useBaseUrl from '@docusaurus/useBaseUrl';
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
 
-Litho uses the [Yoga](https://yogalayout.com/) library, which is an implementation of [Flexbox](https://www.w3.org/TR/css-flexbox-1/), to measure and layout on-screen components. Users familiar with Flexbox on the web should have no problems. For users familiar with how Android normally performs Layout, Flexbox will remind them of `LinearLayout`.
+Litho uses the [Yoga](https://yogalayout.dev/) library, which is an implementation of [Flexbox](https://www.w3.org/TR/css-flexbox-1/), to measure and layout on-screen components. Users familiar with Flexbox on the web should have no problems. For users familiar with how Android normally performs Layout, Flexbox will remind them of `LinearLayout`.
 
 This page shows how various attributes of Flexbox are used for on-screen layout.
 
@@ -98,4 +98,4 @@ The `YogaAlign` values, for Lines, are illustrated below.
 
 <img src={useBaseUrl('/images/litho-layout-align-content.png')} alt='align-content'/>
 
-For more information on specific Flexbox properties, refer to the [Yoga documentation](https://yogalayout.com/docs/) or explore any web resource on how Flexbox functions.
+For more information on specific Flexbox properties, refer to the [Yoga documentation](https://yogalayout.dev/docs/) or explore any web resource on how Flexbox functions.

docs/mainconcepts/troubleshooting.mdx

@@ -7,7 +7,7 @@ A few issues may be encountered while using flexbox. This section discusses the
 
 For debugging, the [Flipper layout inspector plugin](/docs/debugging/debugging-tips#layout-inspector-plugin) can be used to see the component hierarchy, and the flex properties can be updated in the plugin itself to understand how it affects layout.
 
-Another tool that can be used for understanding and playing around with flexbox properties is [Yoga Playground](https://yogalayout.com/playground).
+Another tool that can be used for understanding and playing around with flexbox properties is [Yoga Playground](https://yogalayout.dev/playground).
 
 ## Why is my text truncated?
 

docs/mainconcepts/yoga-playground.mdx

@@ -5,7 +5,7 @@ title: Yoga Playground
 
 import useBaseUrl from '@docusaurus/useBaseUrl';
 
-The [Yoga Playground](https://yogalayout.com/playground) can be used to try different layout configurations and generate corresponding Litho code, as shown in the following screenshot.
+The [Yoga Playground](https://yogalayout.dev/playground) can be used to try different layout configurations and generate corresponding Litho code, as shown in the following screenshot.
 
 <img src={useBaseUrl('/images/yoga-playground.png')} alt='Yoga Playground' className="white-background" />
 

docs/tutorial.mdx

@@ -18,7 +18,7 @@ First, initialize `SoLoader` in your `Application` class:
 ```java file=sample-barebones/src/main/java/com/facebook/samples/lithobarebones/SampleApplication.java start=app_setup_start end=app_setup_end
 ```
 
-Behind the scenes, Litho uses [Yoga](https://yogalayout.com/docs/) for layout. Yoga has native dependencies and [SoLoader](https://github.com/facebook/SoLoader) is brought in to take care of loading those. Initializing `SoLoader` here ensures that you're not referencing unloaded libraries later on.
+Behind the scenes, Litho uses [Yoga](https://yogalayout.dev/docs/) for layout. Yoga has native dependencies and [SoLoader](https://github.com/facebook/SoLoader) is brought in to take care of loading those. Initializing `SoLoader` here ensures that you're not referencing unloaded libraries later on.
 
 Next, add a predefined [Text](pathname:///javadoc/com/facebook/litho/widget/Text.html) Litho component to an activity:
 
@@ -92,7 +92,7 @@ public class ListItemSpec {
 }
 ```
 
-You should recognize the `Text` component from the previous tutorial step. In this example, you're passing it in as a `child` property of a [Column](pathname:///javadoc/com/facebook/litho/Column.html). You can think of a `Column` as equivalent to a `<div>` in HTML.  It's a wrapper, used mainly for collating things together and perhaps adding some background styling.  Since Litho uses [Yoga](https://yogalayout.com/docs/), you can add flexbox attributes to set the layout for the children of a `Column` or a `Row`. Here, you simply set the padding and the background color.
+You should recognize the `Text` component from the previous tutorial step. In this example, you're passing it in as a `child` property of a [Column](pathname:///javadoc/com/facebook/litho/Column.html). You can think of a `Column` as equivalent to a `<div>` in HTML.  It's a wrapper, used mainly for collating things together and perhaps adding some background styling.  Since Litho uses [Yoga](https://yogalayout.dev/docs/), you can add flexbox attributes to set the layout for the children of a `Column` or a `Row`. Here, you simply set the padding and the background color.
 
 How do you render this component? In your activity, simply change the `Component` definition to:
 

docs/tutorial/introducing-layout.md

@@ -8,7 +8,7 @@ In this section of the tutorial, you'll become familiar with building layouts us
 
 ## Yoga and Flexbox
 
-To **measure** and **layout** on-screen components, Litho uses the [Yoga](https://yogalayout.com/) library, which is an implementation of [Flexbox](https://www.w3.org/TR/css-flexbox-1/).
+To **measure** and **layout** on-screen components, Litho uses the [Yoga](https://yogalayout.dev/) library, which is an implementation of [Flexbox](https://www.w3.org/TR/css-flexbox-1/).
 
 To learn more about Flexbox, see the [Layout System with Flexbox](../mainconcepts/flexbox-yoga.mdx) page in the 'Main Concepts' section.
 

docs/tutorial/project-setup.mdx

@@ -44,7 +44,7 @@ apply plugin: 'kotlin-kapt'
 
 ## 3. Wire up native libs
 
-Litho has a dependency on [SoLoader](https://github.com/facebook/SoLoader) to help load native libraries provided by the underlying layout engine, [Yoga](https://yogalayout.com/docs/)[^1].
+Litho has a dependency on [SoLoader](https://github.com/facebook/SoLoader) to help load native libraries provided by the underlying layout engine, [Yoga](https://yogalayout.dev/docs/)[^1].
 
 [^1]: Yoga is a cross-platform (usable on Android, iOS, and other platforms) implementation of the Flexbox layout system used in web browsers. Litho uses Yoga to enable layouts (positioning of elements in the screen) to be specified via the Flexbox layouting system.
 

litho-core-kotlin/src/main/kotlin/com/facebook/litho/core/CoreStyles.kt

@@ -233,7 +233,7 @@ inline fun Style.padding(
 /**
  * Defines padding on the component on a per-edge basis, with a percent value of container's size.
  * See
- * [https://yogalayout.com/docs/margins-paddings-borders](https://yogalayout.com/docs/margins-paddings-borders)
+ * [https://yogalayout.dev/docs/margins-paddings-borders](https://yogalayout.dev/docs/margins-paddings-borders)
  * for more information.
  */
 inline fun Style.paddingPercent(
@@ -284,7 +284,7 @@ inline fun Style.margin(
 /**
  * Defines margin around the component on a per-edge basis, with a percent value of container's
  * size. See
- * [https://yogalayout.com/docs/margins-paddings-borders](https://yogalayout.com/docs/margins-paddings-borders)
+ * [https://yogalayout.dev/docs/margins-paddings-borders](https://yogalayout.dev/docs/margins-paddings-borders)
  * for more information.
  */
 inline fun Style.marginPercent(

litho-core-kotlin/src/main/kotlin/com/facebook/litho/flexbox/FlexboxStyle.kt

@@ -169,7 +169,7 @@ internal class FlexboxObjectStyleItem(
  * parent's size. Values should be from 0 to 100.
  * - See https://css-tricks.com/snippets/css/a-guide-to-flexbox/ for more documentation on flexbox
  *   properties.
- * - See https://yogalayout.com/ for a web-based playground for trying out flexbox layouts.
+ * - See https://yogalayout.dev/ for a web-based playground for trying out flexbox layouts.
  *
  * Defaults: flex-grow = 0, flex-shrink = 1, flex-basis = null, flex-basis-percent = null
  */
@@ -190,7 +190,7 @@ inline fun Style.flex(
  * property for this child.
  * - See https://css-tricks.com/snippets/css/a-guide-to-flexbox/ for more documentation on flexbox
  *   properties.
- * - See https://yogalayout.com/ for a web-based playground for trying out flexbox layouts.
+ * - See https://yogalayout.dev/ for a web-based playground for trying out flexbox layouts.
  */
 inline fun Style.alignSelf(align: YogaAlign): Style =
     this + FlexboxObjectStyleItem(FlexboxObjectField.ALIGN_SELF, align)
@@ -216,7 +216,7 @@ inline fun Style.aspectRatio(aspectRatio: Float): Style =
  * For positionType of RELATIVE: the values specified here will define how the child is positioned
  * relative to where that edge would have normally been positioned.
  *
- * See https://yogalayout.com/ for a web-based playground for trying out flexbox layouts.
+ * See https://yogalayout.dev/ for a web-based playground for trying out flexbox layouts.
  */
 inline fun Style.position(
     all: Dimen? = null,