refactor: extracted from monorepo

Author: enzonotario

.github/workflows/deploy.yml

@@ -0,0 +1,68 @@
+name: Deploy @es-js/docs-components Documentation
+
+on:
+  push:
+    branches: [main]
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
+# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
+concurrency:
+  group: pages
+  cancel-in-progress: false
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - uses: actions/setup-node@v3
+        with:
+          registry-url: https://registry.npmjs.org/
+          node-version: 18
+
+      - uses: pnpm/action-setup@v2
+        name: Install pnpm
+        id: pnpm-install
+        with:
+          version: 8
+          run_install: false
+
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Build
+        run: pnpm run docs:build
+
+      - name: Set CNAME
+        shell: bash
+        run: |
+          echo "docs-components.esjs.dev" > docs/.vitepress/dist/CNAME
+
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v2
+        with:
+          path: docs/.vitepress/dist
+
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    needs: build
+    runs-on: ubuntu-latest
+    name: Deploy
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v2

.gitignore

@@ -0,0 +1,8 @@
+node_modules
+.DS_Store
+dist
+dist-ssr
+*.local
+docs/.vitepress/cache
+types
+.idea

docs/.vitepress/config.ts

@@ -0,0 +1,34 @@
+import { resolve } from 'path'
+
+export default {
+	title: 'EsJS Docs Components',
+	description: 'Componentes para interactuar con Editor EsJS y Ejecutar EsJS',
+	themeConfig: {
+		repo: 'https://github.com/es-js/docs-components',
+		outline: [1, 3],
+		sidebar: [
+			{
+				text: '@es-js/docs-components',
+				items: [
+					{ text: 'Introduction', link: '/' },
+					{ text: 'Getting Started', link: '/guide/' },
+				],
+			},
+			{
+				text: 'Componentes',
+				items: [
+					{ text: 'EsEditor', link: '/components/es-editor' },
+          { text: 'EsEjecutar', link: '/components/es-ejecutar' },
+				],
+			},
+		],
+	},
+	vite: {
+		resolve: {
+			alias: {
+				'@es-js/docs-components': resolve(__dirname, '../../src'),
+			},
+			dedupe: ['vue'], // avoid error when using dependencies that also use Vue
+		},
+	},
+}

docs/.vitepress/theme/index.ts

@@ -0,0 +1,9 @@
+import DefaultTheme from 'vitepress/theme'
+import DocsComponents from '@es-js/docs-components'
+
+export default {
+	...DefaultTheme,
+	enhanceApp({ app }) {
+		app.use(DocsComponents)
+	},
+}

docs/components/demo/EmbedPlayground/Basic.md

@@ -0,0 +1 @@
+<EmbedPlayground />

docs/components/demo/EmbedPlayground/ShowOpenButton.md

@@ -0,0 +1 @@
+<EmbedPlayground src="https://editor.esjs.dev/?code=PTAEBEFMDcFdIDbUqWA7AhqAthgLgE4CWAXqAMYD2aoClAzqDQA7HaQENMBf7njAExQIs9DkRRDQAMSIAjahnLkiAOgBQAM3QrqoTfMXKiACjQBKUAG91oUNAwFQY4igC8oANoBddbfuOoFgeAAz%2BLhKqGADmBJDRjiYY5n52Dk5yoB4AjOHikFGx8YlyKf7pFNR4GAKUTh4ATP7%2B2BJohBiMJlTtNXWgADxMljZ2aYHkWUGgANSgcv52EQUxcQkE3Slj0x4L25ke5IuVvbUEMzP%2BAL6poHF4dZhOy%2Bo36gAqHK2YCKqQ9ORiHIiBt-AByAAyXGyIVArCIfC4aF4HC4UhEoAAyvlQFJZApMMZnNQAFxggA0oFU1IMBKUKhMMJSZR69EoIj%2BAKBIJM4KhjBhcLYqMYyMRgmEWGxrlxKHxRhUxLQZMp1NUtIVpiZ6jKQA&tests=A4JwrgpgRghgzgCgN4CgAEaDkBGADG0ASwFsIQB7ONAOwC-SK5MAuNAMzGoGNDzq0EASjSoMGGG0IhiMEAEkA5mBgAbCInRiMAbVwAaNNgNG0AJgMBmAwFYDADmNWzJiwBYAuns1bJUPjC4eBDxBbzRQjABfFEjQoA&layout=horizontal&hidePreview=true&hideEditor=false&hideConsole=false&hideTests=false&readonlyCode=false&readonlyTests=false&preview=%7B%22terminal%22%3Atrue%7D&previewTab=%7B%22console%22%3Atrue%2C%22flowchart%22%3Afalse%2C%22hidden%22%3Atrue%7D&language=esjs&hideOptions=false" show-open-button />

docs/components/demo/EsEditor/Basic.md

@@ -0,0 +1,7 @@
+<EsEditor>
+
+```esjs
+consola.escribir("Hola mundo desde EsJS!")
+```
+
+</EsEditor>

docs/components/demo/EsEditor/HideConsole.md

@@ -0,0 +1,9 @@
+<EsEditor hide-console="true" hide-preview="false">
+
+```esjs
+importar { Terminal } from '@es-js/terminal'
+
+Terminal.escribir('test')
+```
+
+</EsEditor>

docs/components/demo/EsEditor/HideOpenButton.md

@@ -0,0 +1,3 @@
+<EsEditor hide-open-button="true">
+
+</EsEditor>

docs/components/demo/EsEditor/HideSlot.md

@@ -0,0 +1,9 @@
+<EsEditor hide-slot="true">
+
+```esjs
+importar { Terminal } from '@es-js/terminal'
+
+Terminal.escribir('test')
+```
+
+</EsEditor>