fix: SEO-1 (#29)

docusaurus.config.js

@@ -40,6 +40,9 @@ const config = {
   organizationName: 'Noodl', // Usually your GitHub org/user name.
   projectName: 'Noodl', // Usually your repo name.
 
+  // This depends on the hosting provider
+  // trailingSlash: true,
+
   presets: [
     [
       'classic',
@@ -49,7 +52,6 @@ const config = {
           sidebarPath: require.resolve('./sidebars.js'),
           breadcrumbs: false,
         },
-
         theme: {
           customCss: [
             require.resolve('./src/css/custom.css'),
@@ -150,7 +152,10 @@ const config = {
     [
       require('./plugins/copy-node-markdowns'),
       {
-        paths: ['nodes/', 'library/modules/'],
+        paths: [
+          { path: 'nodes/', folderName: true },
+          { path: 'library/modules/' }
+        ],
       },
     ],
 

library/prefabs/media-query/README.md

@@ -15,13 +15,13 @@ This prefab gives you a couple of components that allow you to easily work with
 
 ## Included components
 
-- **[Media Query Setup](components/media-query-setup)**: Sets up the global breakpoints. Needs to be placed in your projects home component.
+- **[Media Query Setup](./components/media-query-setup/README.md)**: Sets up the global breakpoints. Needs to be placed in your projects home component.
 
-- **[Match Media Query](components/match-media-query/)**: Checks all global media queries and outputs a boolean based on the current active breakpoint.
+- **[Match Media Query](./components/match-media-query/README.md)**: Checks all global media queries and outputs a boolean based on the current active breakpoint.
 
-- **[Match Custom Media Query](components/match-custom-media-query/)**: Checks for a custom one-off media query. Only used for edge-cases outside of the breapoints in **Match Media Query**
+- **[Match Custom Media Query](./components/match-custom-media-query/README.md)**: Checks for a custom one-off media query. Only used for edge-cases outside of the breapoints in **Match Media Query**
 
-- **[Media Query Debugger](components/media-query-debugger/)**: A visual component that renders the name of the currently active breakpoint.
+- **[Media Query Debugger](./components/media-query-debugger/README.md)**: A visual component that renders the name of the currently active breakpoint.
 
 ## Quickstart
 

library/prefabs/supabase/README.md

@@ -19,21 +19,21 @@ This prefab gives you a few components that allows you to connect to Supabase an
 
 ### Base Components
 
-- **[Supabase - Setup Client](components/setup-client)**: Sets up the Supabse SDK client to access your supabase instance. Must be placed in your projects home component.
-- **[Supabase - Example Request](components/supabase-request-example)**: An example on how to fetch data from a table in Supabase.
+- **[Supabase - Setup Client](./components/setup-client/README.md)**: Sets up the Supabse SDK client to access your supabase instance. Must be placed in your projects home component.
+- **[Supabase - Example Request](./components/supabase-request-example/README.md)**: An example on how to fetch data from a table in Supabase.
 
 ### User Components
 
-- **[Supabase – Sign Up](components/supabase-sign-up)**: Signs up a new user.
-- **[Supabase – Log In](components/supabase-log-in)**: Logs in a user.
-- **[Supabase – Log Out](components/supabase-log-out)**: Logs out a user.
-- **[Supabase – Send Password Reset](components/supabase-send-password-reset)**: Sends a link to reset user password.
-- **[Supabase – Send Magic Link](components/supabase-send-magic-link)**: Sends a login link without password.
-- **[Supabase – Resend Confirmation](components/supabase-resend-confirmation)**: Resend a signup confirmation email when validating sign up by email
-- **[Supabase – Fetch Current User Auth](components/supabase-fetch-current-user-auth)**: Retrieves the auth data of the currently logged in user and saves it to a global `currentUser` object.
-- **[Supabase – Fetch Current User Profile Data](components/supabase-fetch-current-user-profile-data)**: Retrieves the non-auth user data of the currently logged in user and saves it to a global `currentUser` object.
-- **[Supabase – Update Current User Auth](components/supabase-update-current-user-auth)**: Updates auth data for the currently logged in user, both in Supabase and the `currentUser` object.
-- **[Supabase – Update Current User Profile Data](components/supabase-update-current-user-profile-data)**: Updates user data for the currently logged in user, both in Supabase and the `currentUser` object.
+- **[Supabase – Sign Up](./components/supabase-sign-up/README.md)**: Signs up a new user.
+- **[Supabase – Log In](./components/supabase-log-in/README.md)**: Logs in a user.
+- **[Supabase – Log Out](./components/supabase-log-out/README.md)**: Logs out a user.
+- **[Supabase – Send Password Reset](./components/supabase-send-password-reset/README.md)**: Sends a link to reset user password.
+- **[Supabase – Send Magic Link](./components/supabase-send-magic-link/README.md)**: Sends a login link without password.
+- **[Supabase – Resend Confirmation](./components/supabase-resend-confirmation/README.md)**: Resend a signup confirmation email when validating sign up by email
+- **[Supabase – Fetch Current User Auth](./components/supabase-fetch-current-user-auth/README.md)**: Retrieves the auth data of the currently logged in user and saves it to a global `currentUser` object.
+- **[Supabase – Fetch Current User Profile Data](./components/supabase-fetch-current-user-profile-data/README.md)**: Retrieves the non-auth user data of the currently logged in user and saves it to a global `currentUser` object.
+- **[Supabase – Update Current User Auth](./components/supabase-update-current-user-auth/README.md)**: Updates auth data for the currently logged in user, both in Supabase and the `currentUser` object.
+- **[Supabase – Update Current User Profile Data](./components/supabase-update-current-user-profile-data/README.md)**: Updates user data for the currently logged in user, both in Supabase and the `currentUser` object.
 
 ### Pages
 
@@ -64,6 +64,6 @@ This will set everything up and allow you to use all of the other Supabase compo
 
 You can use an **[Object](/nodes/data/object/object-node)** node set to the id `currentUser` to get all the user data (if a user is logged in).
 
-You can use the **[Supabase – Fetch Current User Auth](components/supabase-update-current-user-auth)** component to check if the user is logged in. If the user is already authenticated from a previous session, this session is retrieved, the user is considered logged in, and the component outputs `true` on its `Logged In` output and in the `currentUser` Noodl object.
+You can use the **[Supabase – Fetch Current User Auth](./components/supabase-update-current-user-auth/README.md)** component to check if the user is logged in. If the user is already authenticated from a previous session, this session is retrieved, the user is considered logged in, and the component outputs `true` on its `Logged In` output and in the `currentUser` Noodl object.
 
-Use the **[Supabase - Fetch Current User Profile Data](components/supabase-update-current-user-profile-data)** to trigger a data fetch and refresh the non-auth data in the `currentUser` object.
+Use the **[Supabase - Fetch Current User Profile Data](./components/supabase-update-current-user-profile-data/README.md)** to trigger a data fetch and refresh the non-auth data in the `currentUser` object.

library/prefabs/xano/README.md

@@ -19,17 +19,17 @@ This prefab gives you a few components that allows you to connect to Xano and ma
 
 ### Base Components
 
-- **[Xano - Setup XanoClient](components/setup-xanoclient)**: Sets up the Xano SDK client to access your instance and workspace. Must be placed in your projects home component.
-- **[Xano - Request](components/xano-request)**: Does an API Call to a Xano Endpoint and returns the result.
+- **[Xano - Setup XanoClient](./components/setup-xanoclient/README.md)**: Sets up the Xano SDK client to access your instance and workspace. Must be placed in your projects home component.
+- **[Xano - Request](./components/xano-request/README.md)**: Does an API Call to a Xano Endpoint and returns the result.
 
 ### User Components
 
-- **[Xano – Sign Up](components/xano-sign-up)**: Signs up a new user.
-- **[Xano – Log In](components/xano-log-in)**: Logs in a user.
-- **[Xano – Log Out](components/xano-log-out)**: Logs out a user.
-- **[Xano – Current User](components/xano-current-user)**: Gets the user data of the currently logged in user and saves it to a global `currentUser` object.
-- **[Xano – Update Current User](components/xano-update-current-user)**: Updates user data for the currently logged in user, both in Xano and the `currentUser` object.
-- **[Xano – authToken – Refresh](components/xano-authtoken-refresh)**: Triggers a refresh of the auth token. Mostly for internal use inside of the Xano prefab, but exposed for advanced users.
+- **[Xano – Sign Up](./components/xano-sign-up/README.md)**: Signs up a new user.
+- **[Xano – Log In](./components/xano-log-in/README.md)**: Logs in a user.
+- **[Xano – Log Out](./components/xano-log-out/README.md)**: Logs out a user.
+- **[Xano – Current User](./components/xano-current-user/README.md)**: Gets the user data of the currently logged in user and saves it to a global `currentUser` object.
+- **[Xano – Update Current User](./components/xano-update-current-user/README.md)**: Updates user data for the currently logged in user, both in Xano and the `currentUser` object.
+- **[Xano – authToken – Refresh](./components/xano-authtoken-refresh/README.md)**: Triggers a refresh of the auth token. Mostly for internal use inside of the Xano prefab, but exposed for advanced users.
 
 ## Quickstart
 

nodes/_overview.tsx

@@ -34,7 +34,7 @@ export function NodeReferenceListing() {
 
 export function NodeColorGuide({ text }) {
     return (
-        <Section title="Node colors" linkLabel={null}>
+        <Section title="Node colors" linkLabel={undefined}>
             <Grid layout={GridLayout.Grid_2_3}>
                 <Text>{text}</Text>
 

nodes/basic-elements/circle/README.md

@@ -57,8 +57,8 @@ This node supports the following properties:
 
 <div className="hidden-props-for-editor">
 
-@include "../shared-props/inputs/_visual-input-properties.md"
+@include "../../shared-props/inputs/_visual-input-properties.md"
 
-@include "../shared-props/outputs/_visual-output-properties.md"
+@include "../../shared-props/outputs/_visual-output-properties.md"
 
 </div>

nodes/basic-elements/group.md

@@ -1,74 +0,0 @@
----
-hide_title: true
-hide_table_of_contents: true
-title: Group
----
-
-<##head##>
-
-# Group
-
-This node is a styleable container. It can have other visual nodes nested inside of it.
-
-<div className="ndl-image-with-background l">
-
-![](/nodes/basic-elements/group/group_visual.png)
-
-</div>
-
-The <span className="ndl-node">Group</span> is the most essential node when it comes to creating layouts and arranging visual elements.
-
-<div className="ndl-image-with-background l">
-
-![](/nodes/basic-elements/group/group_node.png)
-
-</div>
-
-<##head##>
-
-**Group** nodes are typically used to layout children by stacking (the default), but can also be used to simply provide margins and padding to a group of visual nodes. To learn more about **Group** nodes check out the [Layouting guide](/docs/guides/user-interfaces/layout).
-
-## Inputs
-
-Many of the UI nodes share the same inputs. Please refer to the [Visual Input Properties](/nodes/shared-props/inputs/visual-input-properties) documentation.
-
-This node supports the following properties:
-
--   [Margin](/nodes/shared-props/inputs/visual-input-properties#margin)
--   [Padding](/nodes/shared-props/inputs/visual-input-properties#padding)
--   [Alignment](/nodes/shared-props/inputs/visual-input-properties#alignment)
--   [Dimensions](/nodes/shared-props/inputs/visual-input-properties#dimensions)
--   [Layout](/nodes/shared-props/inputs/visual-input-properties#layout)
--   [Align and justify content](/nodes/shared-props/inputs/visual-input-properties#align-and-justify-content)
--   [Scroll](/nodes/shared-props/inputs/visual-input-properties#scroll)
--   [Style](/nodes/shared-props/inputs/visual-input-properties#style)
--   [Border Style](/nodes/shared-props/inputs/visual-input-properties#border-style)
--   [Corner Radius](/nodes/shared-props/inputs/visual-input-properties#corner-radius)
--   [Box Shadow](/nodes/shared-props/inputs/visual-input-properties#box-shadow)
--   [Placement](/nodes/shared-props/inputs/visual-input-properties#placement)
--   [Dimension Constraints](/nodes/shared-props/inputs/visual-input-properties#dimension-constraints)
--   [Focus](/nodes/shared-props/inputs/visual-input-properties#focus)
--   [Other](/nodes/shared-props/inputs/visual-input-properties#other)
--   [Advanced HTML](/nodes/shared-props/inputs/visual-input-properties#advanced-html)
-
-## Outputs
-
-Many of the UI nodes share the same outputs. Please refer to the [Visual Output Properties](/nodes/shared-props/outputs/visual-output-properties) documentation.
-
-This node supports the following properties:
-
--   [Scrolling](/nodes/shared-props/outputs/visual-output-properties#scrolling)
--   [Bounding Box](/nodes/shared-props/outputs/visual-output-properties#bounding-box)
--   [Mounted](/nodes/shared-props/outputs/visual-output-properties#mounted)
--   [Pointer Events](/nodes/shared-props/outputs/visual-output-properties#pointer-events)
--   [Hover Events](/nodes/shared-props/outputs/visual-output-properties#hover-events)
--   [Focus](/nodes/shared-props/outputs/visual-output-properties#focus)
--   [Other](/nodes/shared-props/outputs/visual-output-properties#other)
-
-<div className="hidden-props-for-editor">
-
-@include "../shared-props/inputs/_visual-input-properties.md"
-
-@include "../shared-props/outputs/_visual-output-properties.md"
-
-</div>

nodes/basic-elements/group/README.md

@@ -0,0 +1,74 @@
+---
+hide_title: true
+hide_table_of_contents: true
+title: Group
+---
+
+<##head##>
+
+# Group
+
+This node is a styleable container. It can have other visual nodes nested inside of it.
+
+<div className="ndl-image-with-background l">
+
+![](/nodes/basic-elements/group/group_visual.png)
+
+</div>
+
+The <span className="ndl-node">Group</span> is the most essential node when it comes to creating layouts and arranging visual elements.
+
+<div className="ndl-image-with-background l">
+
+![](/nodes/basic-elements/group/group_node.png)
+
+</div>
+
+<##head##>
+
+**Group** nodes are typically used to layout children by stacking (the default), but can also be used to simply provide margins and padding to a group of visual nodes. To learn more about **Group** nodes check out the [Layouting guide](/docs/guides/user-interfaces/layout).
+
+## Inputs
+
+Many of the UI nodes share the same inputs. Please refer to the [Visual Input Properties](/nodes/shared-props/inputs/visual-input-properties) documentation.
+
+This node supports the following properties:
+
+- [Margin](/nodes/shared-props/inputs/visual-input-properties#margin)
+- [Padding](/nodes/shared-props/inputs/visual-input-properties#padding)
+- [Alignment](/nodes/shared-props/inputs/visual-input-properties#alignment)
+- [Dimensions](/nodes/shared-props/inputs/visual-input-properties#dimensions)
+- [Layout](/nodes/shared-props/inputs/visual-input-properties#layout)
+- [Align and justify content](/nodes/shared-props/inputs/visual-input-properties#align-and-justify-content)
+- [Scroll](/nodes/shared-props/inputs/visual-input-properties#scroll)
+- [Style](/nodes/shared-props/inputs/visual-input-properties#style)
+- [Border Style](/nodes/shared-props/inputs/visual-input-properties#border-style)
+- [Corner Radius](/nodes/shared-props/inputs/visual-input-properties#corner-radius)
+- [Box Shadow](/nodes/shared-props/inputs/visual-input-properties#box-shadow)
+- [Placement](/nodes/shared-props/inputs/visual-input-properties#placement)
+- [Dimension Constraints](/nodes/shared-props/inputs/visual-input-properties#dimension-constraints)
+- [Focus](/nodes/shared-props/inputs/visual-input-properties#focus)
+- [Other](/nodes/shared-props/inputs/visual-input-properties#other)
+- [Advanced HTML](/nodes/shared-props/inputs/visual-input-properties#advanced-html)
+
+## Outputs
+
+Many of the UI nodes share the same outputs. Please refer to the [Visual Output Properties](/nodes/shared-props/outputs/visual-output-properties) documentation.
+
+This node supports the following properties:
+
+- [Scrolling](/nodes/shared-props/outputs/visual-output-properties#scrolling)
+- [Bounding Box](/nodes/shared-props/outputs/visual-output-properties#bounding-box)
+- [Mounted](/nodes/shared-props/outputs/visual-output-properties#mounted)
+- [Pointer Events](/nodes/shared-props/outputs/visual-output-properties#pointer-events)
+- [Hover Events](/nodes/shared-props/outputs/visual-output-properties#hover-events)
+- [Focus](/nodes/shared-props/outputs/visual-output-properties#focus)
+- [Other](/nodes/shared-props/outputs/visual-output-properties#other)
+
+<div className="hidden-props-for-editor">
+
+@include "../../shared-props/inputs/_visual-input-properties.md"
+
+@include "../../shared-props/outputs/_visual-output-properties.md"
+
+</div>

nodes/basic-elements/icon/README.md

@@ -65,8 +65,8 @@ This node supports the following [Visual Output Properties](/nodes/shared-props/
 
 <div className="hidden-props-for-editor">
 
-@include "../shared-props/inputs/_visual-input-properties.md"
+@include "../../shared-props/inputs/_visual-input-properties.md"
 
-@include "../shared-props/outputs/_visual-output-properties.md"
+@include "../../shared-props/outputs/_visual-output-properties.md"
 
 </div>

nodes/basic-elements/image/README.md

@@ -52,8 +52,8 @@ This node supports the following properties:
 
 <div className="hidden-props-for-editor">
 
-@include "../shared-props/inputs/_visual-input-properties.md"
+@include "../../shared-props/inputs/_visual-input-properties.md"
 
-@include "../shared-props/outputs/_visual-output-properties.md"
+@include "../../shared-props/outputs/_visual-output-properties.md"
 
 </div>

nodes/basic-elements/text/README.md

@@ -62,8 +62,8 @@ This node supports the following outputs:
 
 <div className="hidden-props-for-editor">
 
-@include "../shared-props/inputs/_visual-input-properties.md"
+@include "../../shared-props/inputs/_visual-input-properties.md"
 
-@include "../shared-props/outputs/_visual-output-properties.md"
+@include "../../shared-props/outputs/_visual-output-properties.md"
 
 </div>

nodes/basic-elements/video/README.md

@@ -91,7 +91,7 @@ This node supports the following [Visual Output Properties](/nodes/shared-props/
 
 <div className="hidden-props-for-editor">
 
-@include "../shared-props/inputs/_visual-input-properties.md"
-@include "../shared-props/outputs/_visual-output-properties.md"
+@include "../../shared-props/inputs/_visual-input-properties.md"
+@include "../../shared-props/outputs/_visual-output-properties.md"
 
 </div>

nodes/component-stack/component-stack-node/README.md

@@ -30,7 +30,7 @@ A Component Stack should have a number of _component entries_ that it can push o
 
 With the **clip** property set to <span className="ndl-data">false</span>, the **Component Stack** will automatically take up as much space as available and expand beyond that if its component currently showing is larger. If the **clip** property is set to <span className="ndl-data">true</span> it fill up any available space in its parent container and clip its components if they are larger than that.
 
-If you want to control the size of the **Component Stack** beyond that, you should put it as a child in a [Group](/nodes/basic-elements/group) node.
+If you want to control the size of the **Component Stack** beyond that, you should put it as a child in a [Group](/nodes/basic-elements/group/README.md) node.
 
 <##head##>
 
@@ -75,8 +75,8 @@ This node supports the following [Visual Output Properties](/nodes/shared-props/
 
 <div className="hidden-props-for-editor">
 
-@include "../shared-props/inputs/_visual-input-properties.md"
+@include "../../shared-props/inputs/_visual-input-properties.md"
 
-@include "../shared-props/outputs/_visual-output-properties.md"
+@include "../../shared-props/outputs/_visual-output-properties.md"
 
 </div>

nodes/data/cloud-data/add-record-relation/README.md

@@ -33,7 +33,7 @@ Finally, send a <span className="ndl-signal">signal</span> to <span className="n
 | <span className="ndl-data">Relation</span>         | You need to choose the **Relation** property of the owning class to use when creating the relation.                                                                                                   |
 | <span className="ndl-data">Target Record Id</span> | <##input:target record id##>This input should be connected to the **Id** of the target record of the new relation.<##input##>                                                                         |
 
-@include "./id-source.md"
+@include "../_id-source.md"
 
 | Signal                                 | Description                                                                                                   |
 | -------------------------------------- | ------------------------------------------------------------------------------------------------------------- |

nodes/data/cloud-data/create-new-record/README.md

@@ -32,7 +32,7 @@ You can also provide values for the properties of the record either via connecti
 | -------------------------------------- | ---------------------------------------------------------------------------- |
 | <span className="ndl-signal">Do</span> | <##input:do##>Send a signal on this input to create a new record.<##input##> |
 
-@include "./_acl.md"
+@include "../_acl.md"
 
 ## Outputs
 

nodes/data/cloud-data/delete-record/README.md

@@ -29,7 +29,7 @@ Then send a signal on the **Do** input to perform the action.
 | <span className="ndl-data">Class</span> | You need to select the **Class** of records that this node will act on.                                                                                        |
 | <span className="ndl-data">Id</span>    | <##input:id##>Specify the **Id** of the record that you want to delete.<##input##> This input is only valid if **Id Source** is set to **Specify explicitly**. |
 
-@include "./id-source.md"
+@include "../_id-source.md"
 
 | Signal                                 | Description                                                                                                 |
 | -------------------------------------- | ----------------------------------------------------------------------------------------------------------- |

nodes/data/cloud-data/record/README.md

@@ -28,7 +28,7 @@ Then you can access the properties of the specific **Record** through the proper
 | <span className="ndl-data">Class</span> | Select the **Class** for this Records that this node will get data from. Choosing the **Class** will make the node get all properties of the class as outputs. |
 | <span className="ndl-data">Id</span>    | <##input:id##>The Id of the **Record** that this node should read data from.<##input##>                                                                        |
 
-@include "./id-source.md"
+@include "../_id-source.md"
 
 | Signal                                    | Description                                                                                                                                                                                                                             |
 | ----------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |

nodes/data/cloud-data/remove-record-relation/README.md

@@ -33,7 +33,7 @@ Finally, send a <span className="ndl-signal">signal</span> to <span className="n
 | <span className="ndl-data">Relation</span>         | You need to choose the **Relation** property of the owning class to use when removing the relation.                                                                                                                  |
 | <span className="ndl-data">Target Record Id</span> | <##input:target record id##>This input should be connected to the **Id** of the target record that have an existing relation to the owning record via the **Relation** property that should be removed.<##input##>   |
 
-@include "./id-source.md"
+@include "../_id-source.md"
 
 | Signal                                 | Description                                                                                                                 |
 | -------------------------------------- | --------------------------------------------------------------------------------------------------------------------------- |

nodes/data/cloud-data/set-record-properties/README.md

@@ -31,13 +31,13 @@ Send a <span className="ndl-signal">signal</span> to <span className="ndl-signal
 | <span className="ndl-data">Id</span>              | <##input:id##>Specify the **Id** of the record that you want to set the properties on.<##input##> This input is only valid if **Id Source** is set to **Specify explicitly**.                                                                                                                        |
 | <span className="ndl-data">Property Inputs</span> | <##input:prop-\*##>The value to set this property to when the action is triggered.<##input##> For each property in the specified class there will be an input of the correct type. You can provide the values for the inputs either through connections or by specifying them in the property panel. |
 
-@include "./id-source.md"
+@include "../_id-source.md"
 
 | Signal                                 | Description                                                                                                |
 | -------------------------------------- | ---------------------------------------------------------------------------------------------------------- |
 | <span className="ndl-signal">Do</span> | <##input:do##>When a signal is received on this input the properties will be set on the record.<##input##> |
 
-@include "./_acl.md"
+@include "../_acl.md"
 
 ## Outputs
 

nodes/data/object/create-new-object/README.md

@@ -22,7 +22,7 @@ You can provide any number of properties with values for your new Object. When t
 
 ## Inputs
 
-@include "./_properties.md"
+@include "../_properties.md"
 
 | Signal                                 | Description                                                                                                 |
 | -------------------------------------- | ----------------------------------------------------------------------------------------------------------- |

nodes/data/object/set-object-properties/README.md

@@ -30,7 +30,7 @@ Finally, send a signal to **Do** to perform the action.
 
 ## Inputs
 
-@include "./_properties.md"
+@include "../_properties.md"
 
 | Data                                        | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
 | ------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |

nodes/navigation/page-inputs/README.md

@@ -20,6 +20,6 @@ One common use for this is when you want certain input parameters to be availabl
 
 <##head##>
 
-@include "./common-navigation.md"
+@include "../_common-navigation.md"
 
 <span className="hidden-props-for-editor"><##output:pm-\*##>A page parameter that will be available as an input on any **Navigate** node that navigates to its associated **Page**.<##output##></span>

nodes/navigation/page-router/README.md

@@ -76,7 +76,7 @@ If needed, you can use multiple **Page Routers** at the same time. This could fo
 
 ![](/nodes/navigation/page-router/multi-router.png)
 
-@include "./common-navigation.md"
+@include "../_common-navigation.md"
 
 ## Visual Appearance
 
@@ -116,8 +116,8 @@ This node supports the following [Visual Output Properties](/nodes/shared-props/
 
 <div className="hidden-props-for-editor">
 
-@include "../shared-props/inputs/_visual-input-properties.md"
+@include "../../shared-props/inputs/_visual-input-properties.md"
 
-@include "../shared-props/outputs/_visual-output-properties.md"
+@include "../../shared-props/outputs/_visual-output-properties.md"
 
 </div>

nodes/navigation/page/README.md

@@ -50,8 +50,8 @@ This node supports the following [Visual Output Properties](/nodes/shared-props/
 
 <div className="hidden-props-for-editor">
 
-@include "../shared-props/inputs/_visual-input-properties.md"
+@include "../../shared-props/inputs/_visual-input-properties.md"
 
-@include "../shared-props/outputs/_visual-output-properties.md"
+@include "../../shared-props/outputs/_visual-output-properties.md"
 
 </div>

nodes/ui-controls/button/README.md

@@ -32,7 +32,7 @@ Use variations to create different types of buttons
 
 The Button can be enabled and disabled using the Enabled input:
 
-@include "../shared-props/inputs/_enabled.md"
+@include "../../shared-props/inputs/_enabled.md"
 
 The Button node has a set of label properties that can be set:
 
@@ -83,13 +83,13 @@ The main output for the button is the Click <span className="ndl-signal">signal<
 
 It also features a set of more in depth <span className="ndl-signal">signals</span>:
 
-@include "../shared-props/outputs/_control-events.md"
+@include "../../shared-props/outputs/_control-events.md"
 
 ### States
 
 Apart from triggering <span className="ndl-signal">signals</span> the Button node also notifies of its state through <span className="ndl-data">data</span> outputs:
 
-@include "../shared-props/outputs/_control-states.md"
+@include "../../shared-props/outputs/_control-states.md"
 
 ### Visual
 
@@ -101,8 +101,8 @@ This node supports the following [Visual Output Properties](/nodes/shared-props/
 
 <div className="hidden-props-for-editor">
 
-@include "../shared-props/inputs/_visual-input-properties.md"
+@include "../../shared-props/inputs/_visual-input-properties.md"
 
-@include "../shared-props/outputs/_visual-output-properties.md"
+@include "../../shared-props/outputs/_visual-output-properties.md"
 
 </div>

nodes/ui-controls/checkbox/README.md

@@ -51,7 +51,7 @@ It can be enabled and disabled using the <span className="ndl-data">Enabled</spa
 
 <div className="ndl-table-35-65">
 
-@include "../shared-props/inputs/_enabled.md"
+@include "../../shared-props/inputs/_enabled.md"
 
 </div>
 
@@ -124,7 +124,7 @@ It also features a set of <span className="ndl-signal">signals</span>:
 
 <div className="ndl-table-35-65">
 
-@include "../shared-props/outputs/_control-events.md"
+@include "../../shared-props/outputs/_control-events.md"
 
 </div>
 
@@ -134,7 +134,7 @@ Apart from triggering <span className="ndl-signal">signals</span> the Checkbox n
 
 <div className="ndl-table-35-65">
 
-@include "../shared-props/outputs/_control-states.md"
+@include "../../shared-props/outputs/_control-states.md"
 
 </div>
 
@@ -148,8 +148,8 @@ This node supports the following [Visual Output Properties](/nodes/shared-props/
 
 <div className="hidden-props-for-editor">
 
-@include "../shared-props/inputs/_visual-input-properties.md"
+@include "../../shared-props/inputs/_visual-input-properties.md"
 
-@include "../shared-props/outputs/_visual-output-properties.md"
+@include "../../shared-props/outputs/_visual-output-properties.md"
 
 </div>

nodes/ui-controls/dropdown/README.md

@@ -64,7 +64,7 @@ The mapping can be achieved through `Value: function (object) { return object.id
 
 User interaction can be enabled and disabled:
 
-@include "../shared-props/inputs/_enabled.md"
+@include "../../shared-props/inputs/_enabled.md"
 
 ### Visual
 
@@ -97,13 +97,13 @@ The main output is the following:
 
 It also features a set of more in depth <span className="ndl-signal">signals</span>:
 
-@include "../shared-props/outputs/_control-events.md"
+@include "../../shared-props/outputs/_control-events.md"
 
 ### States
 
 Apart from triggering <span className="ndl-signal">signals</span> the Dropdown node also notifies of its state through <span className="ndl-data">data</span> outputs:
 
-@include "../shared-props/outputs/_control-states.md"
+@include "../../shared-props/outputs/_control-states.md"
 
 ### Visual
 
@@ -115,8 +115,8 @@ This node supports the following [Visual Output Properties](/nodes/shared-props/
 
 <div className="hidden-props-for-editor">
 
-@include "../shared-props/inputs/_visual-input-properties.md"
+@include "../../shared-props/inputs/_visual-input-properties.md"
 
-@include "../shared-props/outputs/_visual-output-properties.md"
+@include "../../shared-props/outputs/_visual-output-properties.md"
 
 </div>

nodes/ui-controls/radio-button-group/README.md

@@ -34,7 +34,7 @@ The output of the <span className="ndl-node">Radio Button Group</span> node is t
 
 It can be enabled and disabled using the <span className="ndl-data">Enabled</span> input:
 
-@include "../shared-props/inputs/_enabled.md"
+@include "../../shared-props/inputs/_enabled.md"
 
 ### Visual
 
@@ -71,8 +71,8 @@ This node supports the following [Visual Output Properties](/nodes/shared-props/
 
 <div className="hidden-props-for-editor">
 
-@include "../shared-props/inputs/_visual-input-properties.md"
+@include "../../shared-props/inputs/_visual-input-properties.md"
 
-@include "../shared-props/outputs/_visual-output-properties.md"
+@include "../../shared-props/outputs/_visual-output-properties.md"
 
 </div>

nodes/ui-controls/radio-button/README.md

@@ -45,7 +45,7 @@ The main input of the Radio Button node is the <span className="ndl-data">Value<
 
 It can be enabled and disabled using the <span className="ndl-data">Enabled</span> input:
 
-@include "../shared-props/inputs/_enabled.md"
+@include "../../shared-props/inputs/_enabled.md"
 
 The Checkbox node has a set of label properties that can be set:
 
@@ -94,13 +94,13 @@ The main output of the Radio Button node is the <span className="ndl-data">Check
 
 It also features a set of <span className="ndl-signal">signals</span>:
 
-@include "../shared-props/outputs/_control-events.md"
+@include "../../shared-props/outputs/_control-events.md"
 
 ### States
 
 Apart from triggering <span className="ndl-signal">signals</span> the Checkbox node also notifies of its state through <span className="ndl-data">data</span> outputs:
 
-@include "../shared-props/outputs/_control-states.md"
+@include "../../shared-props/outputs/_control-states.md"
 
 This node supports the following [Visual Output Properties](/nodes/shared-props/outputs/visual-output-properties/):
 
@@ -110,8 +110,8 @@ This node supports the following [Visual Output Properties](/nodes/shared-props/
 
 <div className="hidden-props-for-editor">
 
-@include "../shared-props/inputs/_visual-input-properties.md"
+@include "../../shared-props/inputs/_visual-input-properties.md"
 
-@include "../shared-props/outputs/_visual-output-properties.md"
+@include "../../shared-props/outputs/_visual-output-properties.md"
 
 </div>

nodes/ui-controls/slider/README.md

@@ -37,7 +37,7 @@ The <span className="ndl-node">Slider</span> node allows you to set a <span clas
 
 It can be enabled and disabled using the <span className="ndl-data">Enabled</span> input:
 
-@include "../shared-props/inputs/_enabled.md"
+@include "../../shared-props/inputs/_enabled.md"
 
 ### Thumb and track
 
@@ -64,13 +64,13 @@ This node supports the following [Visual Input Properties](/nodes/shared-props/i
 | <span className="ndl-data">Value</span>         | The current selected numeric value of the range control.                                                                                |
 | <span className="ndl-data">Value Percent</span> | The current selected numeric value of the range control adjusted to be between `0` and `100`, so the value of the range control in `%`. |
 
-@include "../shared-props/outputs/_control-events.md"
+@include "../../shared-props/outputs/_control-events.md"
 
 ### States
 
 The Slider
 
-@include "../shared-props/outputs/_control-states.md"
+@include "../../shared-props/outputs/_control-states.md"
 
 ### Visual
 
@@ -82,8 +82,8 @@ This node supports the following [Visual Output Properties](/nodes/shared-props/
 
 <div className="hidden-props-for-editor">
 
-@include "../shared-props/inputs/_visual-input-properties.md"
+@include "../../shared-props/inputs/_visual-input-properties.md"
 
-@include "../shared-props/outputs/_visual-output-properties.md"
+@include "../../shared-props/outputs/_visual-output-properties.md"
 
 </div>

nodes/ui-controls/text-input/README.md

@@ -81,13 +81,13 @@ This node supports the following [Visual Input Properties](/nodes/shared-props/i
 
 It also features the standard set of UI control <span className="ndl-signal">signals</span>:
 
-@include "../shared-props/outputs/_control-events.md"
+@include "../../shared-props/outputs/_control-events.md"
 
 ### States
 
 Apart from triggering <span className="ndl-signal">signals</span> the Checkbox node also notifies of its state through <span className="ndl-data">data</span> outputs:
 
-@include "../shared-props/outputs/_control-states.md"
+@include "../../shared-props/outputs/_control-states.md"
 
 ### Visual
 
@@ -99,8 +99,8 @@ This node supports the following [Visual Output Properties](/nodes/shared-props/
 
 <div className="hidden-props-for-editor">
 
-@include "../shared-props/inputs/_visual-input-properties.md"
+@include "../../shared-props/inputs/_visual-input-properties.md"
 
-@include "../shared-props/outputs/_visual-output-properties.md"
+@include "../../shared-props/outputs/_visual-output-properties.md"
 
 </div>