@blocklet/pages-kit-block-studio 0.5.41 → 0.5.42

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

@@ -54,6 +54,52 @@ const ts_morph_utils_1 = require("../utils/ts-morph-utils");
 const zod_utils_1 = require("../utils/zod-utils");
 exports.initBlockStudioRouter = (0, express_1.Router)();
 const BINARY_EXTENSIONS = ['.png', '.jpg', '.jpeg', '.gif', '.webp', '.ico', '.svg'];
+// 递归删除目录
+const removeDirectoryRecursive = (dirPath) => {
+    if (!fs_1.default.existsSync(dirPath)) {
+        return;
+    }
+    const stats = fs_1.default.statSync(dirPath);
+    if (stats.isDirectory()) {
+        const files = fs_1.default.readdirSync(dirPath);
+        for (const file of files) {
+            const filePath = path_1.default.join(dirPath, file);
+            const fileStats = fs_1.default.statSync(filePath);
+            if (fileStats.isDirectory()) {
+                removeDirectoryRecursive(filePath);
+            }
+            else {
+                fs_1.default.unlinkSync(filePath);
+            }
+        }
+        fs_1.default.rmdirSync(dirPath);
+    }
+    else {
+        fs_1.default.unlinkSync(dirPath);
+    }
+};
+// 根据路由查找对应的组件目录路径
+const findComponentDirByRoute = async (route) => {
+    try {
+        // Remove leading slash from route to get component name
+        const componentName = route.replace(/^\//, '');
+        // Find all component files
+        const allComponents = await (0, helper_1.findComponentFiles)({
+            strictExistMetadata: true,
+        });
+        // Find the component that matches the block name
+        const matchedComponent = allComponents.find((component) => component.blockName === componentName);
+        if (matchedComponent) {
+            // Return the directory path (parent of the index file)
+            return path_1.default.dirname(matchedComponent.fullPath);
+        }
+        return null;
+    }
+    catch (error) {
+        console.error('Error finding component directory:', error);
+        return null;
+    }
+};
 // 共享的请求验证和文件路径处理
 const validateRequest = (req, res) => {
     if (!helper_1.isDev) {
@@ -131,6 +177,10 @@ exports.initBlockStudioRouter.post('/', async (req, res) => {
         if (!currentMetadata) {
             return res.status(404).json({ error: 'Metadata file not found' });
         }
+        // 核对 id 是否一致，不一致可能是手动修改过
+        if (currentMetadata.id !== content.id) {
+            return res.status(400).json({ error: 'ID is not consistent, please refresh the page' });
+        }
         const mergedContent = { ...currentMetadata, ...content };
         if ((0, isEqual_1.default)(currentMetadata, mergedContent)) {
             return res.json({ success: true, content: mergedContent, message: 'No changes' });
@@ -388,4 +438,74 @@ exports.initBlockStudioRouter.post('/interface-to-properties', async (req, res)
         });
     }
 });
+// 添加删除组件的路由
+exports.initBlockStudioRouter.delete('/delete', async (req, res) => {
+    if (!helper_1.isDev) {
+        return res.status(403).json({ error: 'Only available in development mode' });
+    }
+    const { route } = req.body;
+    if (!route) {
+        return res.status(400).json({ error: 'Route is required' });
+    }
+    try {
+        // Find the component directory path
+        const componentDir = await findComponentDirByRoute(route);
+        if (!componentDir) {
+            return res.status(404).json({
+                success: false,
+                error: 'Component directory not found',
+            });
+        }
+        // Security check: ensure the path is safe and within expected bounds
+        if (!(0, helper_1.isPathSafe)(componentDir)) {
+            return res.status(403).json({
+                success: false,
+                error: 'Invalid component directory path',
+            });
+        }
+        // Additional safety check: ensure it contains @metadata.json to confirm it's a component
+        const metadataPath = path_1.default.join(componentDir, constants_1.METADATA_FILE_NAME);
+        if (!fs_1.default.existsSync(metadataPath)) {
+            return res.status(400).json({
+                success: false,
+                error: 'Invalid component directory: no metadata file found',
+            });
+        }
+        // Verify that this directory is indeed for component development
+        // Check if it's in the expected component structure
+        const pattern = (0, helper_1.getBlockEntryFilesPattern)();
+        const baseDir = path_1.default.dirname(pattern.replace(/\*\*?/g, ''));
+        const relativePath = path_1.default.relative(baseDir, componentDir);
+        // Ensure the component is within the base directory and not trying to escape
+        if (relativePath.startsWith('..') || path_1.default.isAbsolute(relativePath)) {
+            return res.status(403).json({
+                success: false,
+                error: 'Component directory is outside allowed path',
+            });
+        }
+        // Perform the deletion
+        try {
+            removeDirectoryRecursive(componentDir);
+            return res.json({
+                success: true,
+                message: 'Component deleted successfully',
+                deletedPath: componentDir,
+            });
+        }
+        catch (deleteError) {
+            console.error('Failed to delete component directory:', deleteError);
+            return res.status(500).json({
+                success: false,
+                error: `Failed to delete component directory: ${deleteError.message}`,
+            });
+        }
+    }
+    catch (error) {
+        console.error('Failed to delete component:', error);
+        return res.status(500).json({
+            success: false,
+            error: `Failed to delete component: ${error.message}`,
+        });
+    }
+});
 exports.default = exports.initBlockStudioRouter;

package/lib/cjs/middlewares/init-resource-router.js

@@ -41,6 +41,7 @@ exports.copyFile = copyFile;
 exports.copyDirectory = copyDirectory;
 exports.copyRecursive = copyRecursive;
 const component_1 = require("@blocklet/sdk/lib/component");
+const uploader_server_1 = require("@blocklet/uploader-server");
 const child_process_1 = require("child_process");
 const express_1 = require("express");
 const fs_1 = __importDefault(require("fs"));
@@ -181,7 +182,7 @@ exports.initResourceRouter.post('/', async (req, res) => {
         // get @metadata.json by glob
         const canUseComponents = (0, helper_1.findComponentFiles)({ cwd: rootDir, filter: componentIds, strictExistMetadata: true });
         // Filter and process metadata files
-        const metadataList = canUseComponents.map(({ fullPath, blockName, metadata: _metadata }) => {
+        const metadataList = await Promise.all(canUseComponents.map(async ({ fullPath, blockName, metadata: _metadata }) => {
             // get metadata
             const metadata = _metadata;
             const jsName = `${blockName}.js`;
@@ -206,9 +207,6 @@ exports.initResourceRouter.post('/', async (req, res) => {
             catch (error) {
                 // ignore error
             }
-            // write metadata to metadataPath
-            const metadataYmlPath = path_1.default.join(componentsDir, `${metadata.name || 'unnamed'}.${metadata.id}.yml`);
-            fs_1.default.writeFileSync(metadataYmlPath, (0, helper_1.generateYaml)(metadata));
             // Handle preview image if exists
             if (metadata.previewImage) {
                 const imagePath = path_1.default.join(path_1.default.dirname(fullPath), (0, helper_1.getPreviewImageRelativePath)(metadata.previewImage));
@@ -217,8 +215,59 @@ exports.initResourceRouter.post('/', async (req, res) => {
                     fs_1.default.copyFileSync(imagePath, imageDestPath);
                 }
             }
+            // Handle type:url properties url
+            if (metadata.properties) {
+                const downloadPromises = [];
+                Object.keys(metadata.properties).forEach((key) => {
+                    const property = metadata.properties[key].data;
+                    if (property.type === 'url') {
+                        // 如果每个 locales 的默认值里面，存在 mediaKitUrl 的值，需要把图片下载放到 imagePath 里面
+                        Object.keys(property.locales).forEach((locale) => {
+                            if (property.locales[locale].defaultValue?.mediaKitUrl?.startsWith('mediakit://')) {
+                                const downloadPromise = (async () => {
+                                    try {
+                                        const fileName = (0, path_1.basename)(property.locales[locale].defaultValue.mediaKitUrl);
+                                        const targetPath = path_1.default.join(componentsDir, fileName);
+                                        // Check if file already exists to avoid redundant downloads
+                                        if (fs_1.default.existsSync(targetPath)) {
+                                            return;
+                                        }
+                                        const resWithStream = await (0, uploader_server_1.getMediaKitFileStream)(property.locales[locale].defaultValue.mediaKitUrl);
+                                        if (!resWithStream.data) {
+                                            return;
+                                        }
+                                        // create write stream
+                                        const writeStream = fs_1.default.createWriteStream(targetPath);
+                                        resWithStream.data.pipe(writeStream);
+                                        // wait for write stream to finish
+                                        await new Promise((resolve, reject) => {
+                                            writeStream.on('finish', () => {
+                                                // 修改 property.locales[locale].defaultValue.url 变为 mediakit:// 开头
+                                                property.locales[locale].defaultValue.url = property.locales[locale].defaultValue.mediaKitUrl;
+                                                resolve();
+                                            });
+                                            writeStream.on('error', reject);
+                                        });
+                                    }
+                                    catch (error) {
+                                        console.error('Download media kit file failed:', error.message);
+                                    }
+                                })();
+                                downloadPromises.push(downloadPromise);
+                            }
+                        });
+                    }
+                });
+                // Wait for all downloads to complete for this metadata
+                if (downloadPromises.length > 0) {
+                    await Promise.allSettled(downloadPromises);
+                }
+            }
+            // write metadata to metadataPath
+            const metadataYmlPath = path_1.default.join(componentsDir, `${metadata.name || 'unnamed'}.${metadata.id}.yml`);
+            fs_1.default.writeFileSync(metadataYmlPath, (0, helper_1.generateYaml)(metadata));
             return metadata;
-        });
+        }));
         // cp chunks dir
         await copyRecursive((0, path_1.join)(codeDir, 'chunks'), chunksDir);
         // write pages.config.yml