feat: add playground and cli packages

.github/workflows/docs.yml

@@ -28,5 +28,5 @@ jobs:
       uses: peaceiris/actions-gh-pages@v3
       with:
         personal_token: ${{ secrets.GH_TOKEN }}
-        publish_dir: ./docs/.vitepress/dist
+        publish_dir: ./docs/dist
         cname: slithe.cadgerfeast.dev

.gitignore

@@ -1,2 +1,3 @@
-/node_modules
+/.nx/
+/node_modules/
 /.npmrc

docs/.gitignore

@@ -1,3 +1,2 @@
-/.vitepress/cache
-/.vitepress/dist
+/dist
 /node_modules

docs/.slithe/client.ts

@@ -0,0 +1,10 @@
+import { definePlaygroundClient } from '@slithe/playground/client';
+import { setTheme } from 'slithe';
+import primer from '@slithe/primer';
+import '@slithe/primer/global.css';
+
+export const playground = definePlaygroundClient({
+	setTheme: (theme) => {
+		setTheme(theme, primer);
+	}
+});

docs/.slithe/node.ts

@@ -0,0 +1,61 @@
+import { definePlaygroundNode } from '@slithe/playground/node';
+
+export const playground = definePlaygroundNode({
+	nav: () => {
+		return [
+			{
+				text: 'Guide',
+				link: '/guide/getting-started',
+				activeMatch: '/guide/'
+			},
+			{
+				text: 'Links',
+				items: [
+					{
+						text: 'Contributing',
+						link: 'https://github.com/cadgerfeast/slithe/blob/main/CONTRIBUTING.md'
+					},
+					{
+						text: 'Changelog',
+						link: 'https://github.com/cadgerfeast/slithe/blob/main/CHANGELOG.md'
+					}
+				]
+			}
+		];
+	},
+	socialLinks: () => {
+		return [
+			{ icon: 'github', link: 'https://github.com/cadgerfeast/slithe' }
+		];
+	},
+	sidebar: (defaultSidebar) => {
+		defaultSidebar['/guide/'] = [
+			{
+				text: 'Introduction',
+				collapsed: false,
+				items: [
+					{ text: 'Getting Started', link: '/guide/getting-started' }
+				]
+			},
+			...defaultSidebar['/guide/'],
+			{
+				text: 'API',
+				collapsed: false,
+				items: [
+					{ text: 'addNotification', link: '/guide/api/add-notification' },
+					{ text: 'attachTooltip', link: '/guide/api/attach-tooltip' },
+					{ text: 'setConfig', link: '/guide/api/set-config' },
+					{ text: 'setTheme', link: '/guide/api/set-theme' }
+				]
+			},
+			{
+				text: 'Themes',
+				collapsed: false,
+				items: [
+					{ text: 'Primer', link: '/guide/themes/primer' }
+				]
+			}
+		];
+		return defaultSidebar;
+	}
+});

docs/package.json

@@ -3,15 +3,13 @@
 	"private": true,
 	"type": "module",
 	"scripts": {
-		"dev": "vitepress dev",
-		"build": "vitepress build",
-		"preview": "vitepress preview"
+		"dev": "slithe playground dev",
+		"build": "slithe playground build",
+		"preview": "slithe playground preview"
 	},
 	"devDependencies": {
+		"@slithe/playground": "*",
 		"@slithe/primer": "*",
-		"@slithe/vue": "*",
-		"slithe": "*",
-		"vitepress": "^1.3.2",
-		"vue": "^3.4.13"
+		"slithe": "*"
 	}
 }

nx.json

@@ -1,4 +1,6 @@
 {
+  "$schema": "./node_modules/nx/schemas/nx-schema.json",
+  "parallel": 7,
   "tasksRunnerOptions": {
     "default": {
       "runner": "nx/tasks-runners/default",
@@ -8,8 +10,7 @@
           "build",
           "test",
           "lint"
-        ],
-        "parallel": 7
+        ]
       }
     }
   },