feat: support page data virtual module

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "island",
+  "name": "island-ssg",
   "version": "1.0.0",
   "description": "",
   "main": "index.js",

playground/.island/config.ts

@@ -0,0 +1,16 @@
+import { defineConfig } from '../../dist/node/index';
+
+export default defineConfig({
+  lang: 'zh-CN',
+  themeConfig: {
+    nav: [
+      { text: '架构', link: '/arch/why', activeMatch: '^/$|^/arch/' },
+      {
+        text: '构建实现',
+        link: '/build/1-pre-bundle/esbuild',
+        activeMatch: '^/build/'
+      },
+      { text: '生态', link: '/eco/plugin-vue', activeMatch: '^/eco/' }
+    ]
+  }
+});

src/client/app/data.ts

@@ -0,0 +1,5 @@
+import data from 'island:page-data';
+
+export const usePageData = () => {
+  return data;
+};

src/client/app/index.ts

@@ -0,0 +1,2 @@
+export { Content } from './Content';
+export { usePageData } from './data';

src/client/theme/layout/DocLayout/index.tsx

@@ -4,6 +4,9 @@ import styles from './index.module.scss';
 import { Content } from 'island:client/Content';
 import { Aside } from '../../components/Aside/index';
 import { DocFooter } from '../../components/DocFooter/index';
+import { usePageData } from 'island:client/data';
+
+console.log(usePageData());
 
 export function DocLayout() {
   return (

src/client/type.d.ts

@@ -10,10 +10,15 @@ declare module 'island:islands' {
   export default Record<string, ComponentType<any>>;
 }
 
+declare module 'island:page-data' {
+  export default any;
+}
+
 declare module 'island:client*' {
   import { ComponentType } from 'react';
 
   export const Content: ComponentType<any>;
+  export const usePageData: () => any;
 }
 
 declare module 'virtual:routes' {

src/node/config.ts

@@ -92,3 +92,9 @@ export async function resolveConfig(
 
   return siteConfig;
 }
+
+export function defineConfig<ThemeConfig = any>(
+  config: UserConfig<ThemeConfig>
+) {
+  return config;
+}

src/node/index.ts

@@ -0,0 +1 @@
+export { defineConfig } from './config';

src/node/plugin-island/index.ts

@@ -12,14 +12,19 @@ import fs from 'fs-extra';
 import { join } from 'path';
 import { SiteConfig } from '../../shared/types';
 
+export const PAGE_DATA_ID = 'island:page-data';
+
 /**
- * The plugin for island framework
+ * The plugin for island framework:
+ * 1. Handle module alias
+ * 2. Response page data
+ * 3. Generate html template for development
  */
 export function pluginIsland(config: SiteConfig): Plugin {
+  const { pageData } = config;
   return {
     name: 'island:vite-plugin-internal',
     config(c) {
-      console.log(join(c.root!, ROUTE_PATH));
       return {
         resolve: {
           alias: {
@@ -36,7 +41,16 @@ export function pluginIsland(config: SiteConfig): Plugin {
         }
       };
     },
-
+    resolveId(id) {
+      if (id === PAGE_DATA_ID) {
+        return '\0' + PAGE_DATA_ID;
+      }
+    },
+    load(id) {
+      if (id === '\0' + PAGE_DATA_ID) {
+        return `export default ${JSON.stringify(pageData)}`;
+      }
+    },
     transformIndexHtml(html) {
       if (isProduction()) {
         return html;

src/node/plugin-routes/RouteService.ts

@@ -20,9 +20,8 @@ export class RouteService {
   #routeData: RouteMeta[] = [];
   constructor(
     private scanDir: string,
-    private extensions: string[]
-  ) // private root: string
-  {}
+    private extensions: string[] // private root: string
+  ) {}
 
   async init() {
     const files = fastGlob.sync(`**/*.{${this.extensions.join(',')}}`, {
@@ -48,7 +47,6 @@ export class RouteService {
   }
 
   generateRoutesCode() {
-    console.log(this.#routeData);
     return `
 ${isProduction() ? '' : `import loadable from '@loadable/component'`};
 import React from 'react';

src/node/plugin-svgr/index.ts

@@ -24,7 +24,6 @@ export function pluginSvgr(options: SvgrOptions = {}): Plugin {
       );
       let componentCode = svgrResult;
       if (defaultExport === 'url') {
-        // 加上 Vite 默认的 `export default 资源路径`
         componentCode += code;
         componentCode = svgrResult.replace(
           'export default ReactComponent',

src/node/tsconfig.json

@@ -3,6 +3,7 @@
   "compilerOptions": {
     "target": "ES2022",
     "module": "commonjs",
-    "outDir": "../../dist/"
+    "outDir": "../../dist/node",
+    "declaration": true
   }
 }