feat(docs): migrate documentation site into monorepo (#5912)

apps/docs/docs/widgets/system-resources/index.mdx

@@ -0,0 +1,62 @@
+---
+title: 'System Resources'
+description: 'Displays CPU, RAM and network of your host in real time'
+hide_title: true
+---
+
+import { WidgetHeader } from '@site/src/components/widgets/header';
+import { AddingWidget } from '@site/src/components/widgets/adding';
+import { WidgetConfig } from '@site/src/components/widgets/configuration';
+import { WidgetIntegrations } from '@site/src/components/widgets/integrations';
+import { systemResourcesWidget } from '.';
+import { dashDotIntegration } from '@site/docs/integrations/dash-dot';
+import { glancesIntegration } from '@site/docs/integrations/glances';
+import { openMediaVaultIntegration } from '@site/docs/integrations/open-media-vault';
+import { proxmoxIntegration } from '@site/docs/integrations/proxmox';
+
+
+<WidgetHeader
+  widget={systemResourcesWidget}
+  categories={['CPU', 'RAM', 'Memory', 'Network', 'Interface']}
+/>
+
+Displays CPU, RAM and network of your host in real time
+
+### Screenshots
+
+import network from './img/network.png';
+import cpu from './img/cpu.png';
+import memory from './img/memory.png';
+import cpuAndMemory from './img/cpu-and-memory.png';
+import { truenasIntegration } from '@site/docs/integrations/truenas';
+
+<div className='flex gap-1'>
+  <div className='flex flex-col gap-1'>
+    <img src={network} alt="system-resources-widget network-only icon-label" width={256 + 4} height={128} />
+    <div className='flex gap-1'>
+      <img src={cpu} alt="system-resources-widget cpu-only no-label item-title" width={128} height={128} />
+      <img src={memory} alt="system-resources-widget memory-only text-label" width={128} height={128} />
+    </div>
+  </div>
+  <img src={cpuAndMemory} alt="system-resources-widget cpu-and-memory icon-text-label" width={256 + 4} height={256 + 4} />
+</div>
+
+### Supported Integrations
+
+<WidgetIntegrations items={[{
+  integration: dashDotIntegration
+}, {
+  integration: openMediaVaultIntegration
+}, {
+  integration: truenasIntegration
+}, {
+  integration: glancesIntegration
+}]} />
+
+### Adding the widget
+
+<AddingWidget />
+
+### Configuration
+
+<WidgetConfig configuration={systemResourcesWidget.configuration} />

apps/docs/docs/widgets/system-resources/index.ts

@@ -0,0 +1,39 @@
+import { WidgetDefinition } from "@site/src/types";
+import { IconGraph } from "@tabler/icons-react";
+
+export const systemResourcesWidget: WidgetDefinition = {
+  icon: IconGraph,
+  name: "System Resources",
+  description: "Displays CPU, RAM and network of your host",
+  path: "../../widgets/system-resources",
+  configuration: {
+    items: [
+      {
+        name: "Visible charts",
+        description: "Select the charts you want to be visible.",
+        values: {
+          type: "select",
+          options: ["CPU", "Memory", "Network"],
+        },
+        defaultValue: "CPU, Memory, Network",
+      },
+      {
+        name: "Label display mode",
+        description: "Select how the graphs should be labeled",
+        values: {
+          type: "select",
+          options: ["Show text with icon", "Show only text", "Show only icon", "Hide label"],
+        },
+        defaultValue: "Show text with icon",
+      },
+      {
+        name: "Enable chart shading",
+        description: "Not only show a line, but also fill the area below",
+        values: {
+          type: "boolean",
+        },
+        defaultValue: "Yes",
+      },
+    ],
+  },
+};