docs(docs-app, engine-website-app): ✏️ fixed doc url path

affects: docs-app, engine-website-app

packages/docs-app/astro.config.mjs

@@ -3,6 +3,7 @@ import starlight from '@astrojs/starlight';
 
 import react from '@astrojs/react';
 const isProd = process.env.NODE_ENV === 'production';
+console.log('🚀 ~ isProd:', isProd);
 
 // https://astro.build/config
 export default defineConfig({
@@ -11,7 +12,7 @@ export default defineConfig({
     starlight({
       title: 'Chameleon Docs',
       social: {
-        github: 'https://github.dev/hlerenow/chameleon',
+        github: 'https://github.com/hlerenow/chameleon',
       },
       sidebar: [
         {

packages/docs-app/package.json

@@ -10,12 +10,17 @@
     "astro": "astro"
   },
   "dependencies": {
+    "@ant-design/icons": "^5.4.0",
     "@astrojs/check": "^0.9.2",
     "@astrojs/react": "^3.6.2",
     "@astrojs/starlight": "^0.25.5",
+    "@chamn/demo-page": "workspace:^",
+    "@chamn/engine": "workspace:^",
+    "@chamn/model": "workspace:^",
     "@chamn/render": "workspace:^",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
+    "antd": "^5.20.1",
     "astro": "^4.10.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",

packages/docs-app/src/components/Link.tsx

@@ -0,0 +1,6 @@
+import React from 'react';
+
+export const Link = (props: { children: any; url: string }) => {
+  const baseUrl = import.meta.env.BASE_URL;
+  return <a href={`${baseUrl}${props.url}`}>{props.children}</a>;
+};

packages/docs-app/src/content/docs/index.mdx

@@ -17,20 +17,21 @@ hero:
 ---
 
 import { Card, CardGrid } from '@astrojs/starlight/components';
+import { Link } from '../../components/Link.tsx';
 
 ## Next steps
 
 <CardGrid stagger>
   <Card title="Material Develop" icon="pencil">
-    Learn more in [Docs](/reference/material/introduction/).
+    How to develop a component that can be used in the editor? <Link url="reference/material/introduction/">Doc</Link>
   </Card>
   <Card title="Schema Defined" icon="add-document">
-    Learn more in [Docs](/reference/pageschema/page/).
+    Definition of page protocol <Link url="reference/pageschema/page/">Doc</Link>
   </Card>
   <Card title="Plugins" icon="setting">
-    Learn more in [Docs](/reference/pageschema/page/).
+    How to develop editor plugins? <Link url="reference/plugin/plugin-develop">Doc</Link>
   </Card>
   <Card title="API" icon="open-book">
-    Learn more in [Docs](/guides/).
+    API Description, Learn more in <Link url="guides">Doc</Link>
   </Card>
 </CardGrid>

packages/docs-app/tsconfig.json

@@ -2,7 +2,8 @@
   "extends": "astro/tsconfigs/strict",
   "compilerOptions": {
     "jsx": "react-jsx",
-    "jsxImportSource": "react"
+    "jsxImportSource": "react",
+    "types": ["vite/client"]
   },
   "exclude": ["src/codeSnippets/**"]
 }

packages/engine-website-app/src/page/Editor/index.tsx

@@ -279,7 +279,7 @@ export const App = () => {
                 globalName: 'lodash',
                 resources: [
                   {
-                    src: 'https://cdn.bootcdn.net/ajax/libs/lodash.js/4.17.21/lodash.js',
+                    src: 'https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js',
                   },
                 ],
               },
@@ -288,7 +288,7 @@ export const App = () => {
                 globalName: 'dayjs',
                 resources: [
                   {
-                    src: 'https://cdn.bootcdn.net/ajax/libs/dayjs/1.11.9/dayjs.min.js',
+                    src: 'https://cdn.jsdelivr.net/npm/dayjs@1.11.12/dayjs.min.js',
                   },
                 ],
               },