Docs: Added content + updated formatting

Author: Prozilla

packages/docs/.vitepress/config.ts

@@ -115,7 +115,22 @@ export default defineConfig({
 								]
 							},
 						]
-					}
+					},
+					{
+						text: "Functions",
+						base: "/reference/functions/",
+						collapsed: false,
+						items: [
+							{ text: "Array", link: "/array" },
+							{ text: "Browser", link: "/browser" },
+							{ text: "Date", link: "/date" },
+							{ text: "Math", link: "/math" },
+						]
+					},
+					{
+						text: "Constants",
+						link: "constants"
+					},
 				]
 			},
 		},

packages/docs/.vitepress/theme/style.css

@@ -104,6 +104,7 @@
 :root {
 	--vp-font-family-base: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	--vp-font-family-mono: "Roboto Mono", source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
+	--vp-custom-block-font-size: 16px;
 }
 
 /**
@@ -256,8 +257,8 @@
 
 	--vp-custom-block-details-border: transparent;
 	--vp-custom-block-details-text: var(--vp-c-text-1);
-	--vp-custom-block-details-bg: var(--vp-c-default-1);
-	--vp-custom-block-details-code-bg: var(--vp-c-default-1);
+	--vp-custom-block-details-bg: var(--vp-c-bg-alt);
+	--vp-custom-block-details-code-bg: var(--vp-c-bg);
 }
 
 /**
@@ -273,6 +274,8 @@
  * -------------------------------------------------------------------------- */
 
 .custom-block {
+	--vp-code-block-bg: var(--vp-c-bg);
+
 	border: none;
 	border-left: 5px solid;
 	padding: 12px 12px 6px;
@@ -314,12 +317,45 @@
 	--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z'/%3E%3C/svg%3E")
 }
 
-.custom-block ul {
-	margin: 8px 0;
+.custom-block.details {
+	padding: 0;
+}
+
+.custom-block.details > summary {
+	padding: 12px;
+	margin: 0;
+	color: var(--vp-c-text-2);
+	font-weight: 400;
+}
+
+.custom-block.details > summary ~ * {
+	margin-left: 12px !important;
+	margin-right: 12px !important;
+}
+
+.custom-block.details > *:nth-child(2) {
+	margin-top: 0;
+}
+
+.custom-block.details > *:last-child {
+	margin-bottom: 0;
+}
+
+.custom-block.details[open] {
+	padding-bottom: 16px;
+}
+
+.custom-block ul ul {
+	margin: 0 !important;
 }
 
 .custom-block li + li {
-	margin-top: 4px;
+	margin-top: 4px !important;
+}
+
+li > p {
+	margin: 0 !important;
+	line-height: 24px !important;
 }
 
 .VPContent.is-home .vp-doc {
@@ -347,4 +383,9 @@
 
 .vp-doc .VPTeamMembers.medium.count-1.center .container {
 	max-width: 368px !important;
+}
+
+.vp-doc img {
+	border-radius: 8px;
+	margin: 16px 0;
 }

packages/docs/src/public/assets/file-icons.png

@@ -53,33 +53,33 @@ interface WindowOptions {
 
 ### name
 
+The display name of this application
+
 - **Type:** `string`
 - **Default:** `"App"`
 
-The display name of this application
-
 ### id
 
+The unique ID of this application
+
 - **Type:** `string`
 - **Default:** `"app"`
 
-The unique ID of this application
-
 > [!WARNING]
 > Every app must have a unique ID that only contains lower case letters (a-z), numbers (0-9) and dashes (-).
 
 ### windowContent
 
-- **Type:** `React.FC<AppProps>`
-
 React component that renders this app inside a window when the app is running
 
-### windowOptions
+- **Type:** `React.FC<AppProps>`
 
-- **Type:** `WindowOptions`
+### windowOptions
 
 Default options that get passed to the `windowContent` component
 
+- **Type:** `WindowOptions`
+
 ```ts
 interface WindowOptions {
 	size?: Vector2;
@@ -92,120 +92,120 @@ interface WindowOptions {
 
 ### description
 
-- **Type:** `string | null`
-
 Description of this application
 
-### iconUrl
-
 - **Type:** `string | null`
 
-URL of the icon of this application
+### iconUrl
 
-### role
+URL of the icon of this application
 
 - **Type:** `string | null`
 
-Defines what parts of the OS this app is responsible for and how it can be used by other apps
+### role
 
-### associatedExtensions
+Defines what parts of the OS this app is responsible for and how it can be used by other apps
 
 - **Type:** `string | null`
 
+### associatedExtensions
+
 An array of file extensions that this application is used to open and read
 
+- **Type:** `string | null`
+
 ### pinnedByDefault
 
+Determines whether the app is pinned by default
+
 - **Type:** `boolean`
 - **Default:** `true`
 
-Determines whether the app is pinned by default
-
 ### launchAtStartup
 
+Determines whether the app is launched at startup
+
 - **Type:** `boolean`
 - **Default:** `false`
 
-Determines whether the app is launched at startup
-
 ## Methods
 
 ### setName(name)
 
+Set the display name of this application
+
 - **Parameters**
   - **name**
 	- **Type:** `string`
 - **Returns**
   - **Type:** `this`
 
-Set the display name of this application
-
 ### setDescription(description)
 
+Set the description of this application
+
 - **Parameters**
   - **description**
 	- **Type:** `string`
 - **Returns**
   - **Type:** `this`
 
-Set the description of this application
-
 ### setIconUrl(iconUrl)
 
+Set the URL of the icon of this application
+
 - **Parameters**
   - **iconUrl**
 	- **Type:** `string | null`
 - **Returns**
   - **Type:** `this`
 
-Set the URL of the icon of this application
-
 ### setRole(role)
 
+Set the role of this application
+
 - **Parameters**
   - **role**
 	- **Type:** `string | null`
 - **Returns**
   - **Type:** `this`
 
-Set the role of this application
-
 ### setAssociatedExtensions(extensions)
 
+Set the associated extensions of this application
+
 - **Parameters**
   - **extensions**
 	- **Type:** `string[] | null`
 - **Returns**
   - **Type:** `this`
 
-Set the associated extensions of this application
-
 ### setPinnedByDefault(pinnedByDefault)
 
+Changes whether this application is pinned by default or not
+
 - **Parameters**
   - **pinnedByDefault**
 	- **Type:** `boolean`
 - **Returns**
   - **Type:** `this`
 
-Changes whether this application is pinned by default or not
-
 ### setLaunchAtStartup(launchAtStartup)
 
+Changes whether this application is launched at startup or not
+
 - **Parameters**
   - **launchAtStartup**
 	- **Type:** `boolean`
 - **Returns**
   - **Type:** `this`
 
-Changes whether this application is launched at startup or not
-
 ### WindowContent(props)
 
+Renders the app as a React component
+
 - **Parameters**
   - **props**
 	- **Type:** `AppProps`
 - **Returns**
   - **Type:** `React.ReactElement`
-
-Renders the app as a React component