@blocklet/pages-kit-block-studio 0.0.6 → 0.0.8

package/lib/cjs/block-studio/generate-wrapper-code.js

@@ -44,7 +44,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateWrapperCode = generateWrapperCode;
 function generateWrapperCode(_a) {
-    return __awaiter(this, arguments, void 0, function* ({ project, state, version }) {
+    return __awaiter(this, arguments, void 0, function* ({ project, version }) {
         const projectName = (project.name || project.id).toLowerCase().replaceAll(/[^a-z0-9]/g, '_');
         const packageName = `@pages-kit-project/${projectName}`;
         const packageJson = JSON.stringify({
@@ -57,6 +57,7 @@ function generateWrapperCode(_a) {
                 '@blocklet/pages-kit-runtime': 'latest',
                 '@blocklet/pages-kit-inner-components': 'latest',
                 '@blocklet/pages-kit': 'latest',
+                '@blocklet/uploader-server': 'latest',
             },
             exports: {
                 '.': {
@@ -69,34 +70,152 @@ function generateWrapperCode(_a) {
                     import: './client.js',
                     types: './client.d.ts',
                 },
+                './middleware': {
+                    require: './middleware.cjs',
+                    import: './middleware.js',
+                    types: './middleware.d.ts',
+                },
             },
         }, null, 2);
         const index = `\
 import HomeComponent from '@blocklet/pages-kit-runtime/client';
-export * from '@blocklet/pages-kit-runtime/client';
-import React from 'react';
-
-window.__PAGE_STATE__ = ${JSON.stringify(state, null, 2)};
-window.__PROJECT_ID__ = "${project.id}";
-
 
-// 导出一个 React 组件而不是实例
 export default HomeComponent;
 `;
         const client = index;
+        const middleware = `
+import { initResourceRouter } from '@blocklet/pages-kit-block-studio/block-studio/init-resource-router';
+import { getPreloadComponents } from '@blocklet/pages-kit-inner-components/components';
+import { initPackResourceStates } from '@blocklet/pages-kit-inner-components/site-state';
+import express, { Router } from 'express';
+
+const { initProxyToMediaKitUploadsMiddleware, initStaticResourceMiddleware } = require('@blocklet/uploader-server');
+
+
+const router = Router();
+
+router.use('/api/resources', initResourceRouter);
+
+let tempStates: any[] = [];
+let allResourcesComponents: any[] = [];
+
+initPackResourceStates(({ states }: any) => {
+  allResourcesComponents = states.reduce((acc, { state }) => {
+    if (state.components) {
+      return { ...acc, ...state.components };
+    }
+    return acc;
+  }, {});
+  tempStates = states;
+});
+
+router.get('/api/pages', (req, res) => {
+  const { did } = req.query;
+
+  if (!did) {
+    return res.status(400).json({ message: 'did is required' });
+  }
+
+  const data = tempStates.find((state) => state.did === did);
+
+  res.json(data);
+});
+
+router.post('/api/components/preload', async (req, res) => {
+  const { mode, module, instances: inputInstances, locale } = req.body;
+
+  // Find state by matching component IDs with tempStates
+  const state = tempStates.find((s) =>
+    inputInstances.some((instance) => {
+      return s.state.components && Object.keys(s.state.components).includes(instance.component.id);
+    }),
+  )?.state;
+
+  const instances = inputInstances.map((instance) => {
+    const component = allResourcesComponents[instance.component.id].data;
+
+    if (!component) return null;
+
+    return {
+      id: instance.id,
+      componentId: component.id,
+      properties: instance.properties,
+      useCache: instance.useCache,
+      cacheDuration: instance.cacheDuration,
+    };
+  });
+
+  if (!state) {
+    return res.status(400).json({ message: 'state not found' });
+  }
+
+  const result = await getPreloadComponents({
+    mode,
+    req,
+    state: state,
+    locale: locale,
+    module: module,
+    instances: instances,
+  });
+
+  res.json(result);
+});
+
+
+router.use(
+  '/uploads',
+  // initProxyToMediaKitUploadsMiddleware({
+  //   express,
+  // }),
+  initStaticResourceMiddleware({
+    express,
+    resourceTypes: [
+      // image bin resource
+      {
+        type: 'imgpack',
+        did: 'z8ia1mAXo8ZE7ytGF36L5uBf9kD2kenhqFGp9',
+      },
+      // pages kit resource (pages and components folder)
+      {
+        type: 'page',
+        did: 'z8iZiDFg3vkkrPwsiba1TLXy3H9XHzFERsP8o',
+        folder: ['pages', 'components'],
+        blacklist: ['.yml'],
+      },
+    ],
+  }),
+  (_req, res) => {
+    res.status(404).send('404 NOT FOUND').end();
+  },
+);
+
+export default router;
+`;
         const tsFiles = [
             { fileName: 'index.ts', content: index },
             { fileName: 'client.ts', content: client },
+            { fileName: 'middleware.ts', content: middleware },
         ];
         const ts = yield Promise.resolve().then(() => __importStar(require('typescript')));
+        const compilerOptions = {
+            jsx: ts.JsxEmit.React,
+            esModuleInterop: true,
+            skipLibCheck: true,
+            declaration: true,
+        };
         const result = (yield Promise.all(tsFiles.map((_a) => __awaiter(this, [_a], void 0, function* ({ fileName, content }) {
             const cjs = ts.transpileModule(content, {
                 fileName,
-                compilerOptions: { module: ts.ModuleKind.CommonJS },
+                compilerOptions: Object.assign(Object.assign({}, compilerOptions), { module: ts.ModuleKind.CommonJS }),
             });
             const esm = ts.transpileModule(content, {
                 fileName,
-                compilerOptions: { module: ts.ModuleKind.ESNext },
+                compilerOptions: Object.assign(Object.assign({}, compilerOptions), { module: ts.ModuleKind.ESNext }),
+            });
+            // Generate proper type declarations
+            const dts = ts.transpileModule(content, {
+                fileName,
+                compilerOptions: Object.assign(Object.assign({}, compilerOptions), { declaration: true, emitDeclarationOnly: true }),
             });
             return [
                 {
@@ -109,7 +228,7 @@ export default HomeComponent;
                 },
                 {
                     fileName: fileName.replace(/\.ts$/, '.d.ts'),
-                    content,
+                    content: dts.outputText || content, // Fallback to original content if declaration fails
                 },
             ];
         })))).flat();

package/lib/cjs/block-studio/init-resource-router.js

@@ -101,7 +101,7 @@ const getExportDir = (projectId, releaseId) => {
     return dir;
 };
 exports.initResourceRouter = (0, express_1.Router)();
-exports.initResourceRouter.get('/resources', (_req, res) => __awaiter(void 0, void 0, void 0, function* () {
+exports.initResourceRouter.get('/', (_req, res) => __awaiter(void 0, void 0, void 0, function* () {
     const resources = [];
     const rootDir = process.cwd();
     const files = (0, utils_1.findComponentFiles)({ cwd: rootDir });
@@ -130,7 +130,7 @@ exports.initResourceRouter.get('/resources', (_req, res) => __awaiter(void 0, vo
         ],
     });
 }));
-exports.initResourceRouter.post('/resources', (req, res) => __awaiter(void 0, void 0, void 0, function* () {
+exports.initResourceRouter.post('/', (req, res) => __awaiter(void 0, void 0, void 0, function* () {
     const { resources, projectId, releaseId } = req.body;
     // ignore all tag
     const componentIds = resources.filter((resource) => resource.id !== allTag);