@blocklet/pages-kit-block-studio 0.0.11 → 0.0.13

package/lib/cjs/utils/build-lib.js

@@ -31,14 +31,13 @@ function buildLib(options) {
             : ((_b = process.env.BLOCK_FILTER) === null || _b === void 0 ? void 0 : _b.split(',')) || null;
         const ignoreViteLog = false; // process.argv.includes('--log') ? false : process.env.BLOCK_LOG !== 'true';
         const multiMode = process.argv.includes('--multi') || process.env.BLOCK_MULTI === 'true';
-        const libDir = 'lib';
         const blocks = allBlocks.filter((name) => !filterModules || filterModules.includes(name || ''));
         if (!blocks.length) {
             console.log(chalk_1.default.yellow('No blocks founds'));
             return;
         }
         // Clean up the lib directory
-        yield (0, child_process_1.execSync)(`rm -rf ${libDir}`, { cwd: workingDir });
+        yield (0, child_process_1.execSync)(`rm -rf ${helper_1.libDir}`, { cwd: workingDir });
         console.log(chalk_1.default.gray('Clean up the lib directory'));
         // Start to build
         console.log(chalk_1.default.cyan(`Start to build ${blocks.length} blocks in parallel\n`));
@@ -57,7 +56,7 @@ function buildLib(options) {
                         '--filter',
                         `"${blockName}"`,
                         '--outDir',
-                        libDir,
+                        helper_1.libDir,
                         '--emptyOutDir=false',
                         hasConfig ? `--config ${configFile}.*` : '',
                     ], {
@@ -77,7 +76,7 @@ function buildLib(options) {
                 });
             }));
             console.log(chalk_1.default.green(`\nBuild ${blocks.length} blocks successfully`));
-            console.log(chalk_1.default.gray(`Generate the ${libDir} directory successfully`));
+            console.log(chalk_1.default.gray(`Generate the ${helper_1.libDir} directory successfully`));
             process.exit(0);
         }
         catch (err) {

package/lib/cjs/utils/helper.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.logger = void 0;
+exports.isDev = exports.isPathSafe = exports.libDir = exports.logger = void 0;
 exports.setBlockEntryFilesPattern = setBlockEntryFilesPattern;
 exports.getBlockEntryFilesPattern = getBlockEntryFilesPattern;
 exports.findComponentFiles = findComponentFiles;
@@ -53,3 +53,11 @@ function getBlockName(entry) {
 }
 exports.logger = console;
 function generateBlockYml() { }
+exports.libDir = 'lib';
+const isPathSafe = (filePath) => {
+    const normalizedPath = path_1.default.normalize(filePath);
+    const pwd = process.env.PWD || process.cwd();
+    return (!normalizedPath.includes('../') && !normalizedPath.includes('..\\') && path_1.default.resolve(normalizedPath).startsWith(pwd));
+};
+exports.isPathSafe = isPathSafe;
+exports.isDev = process.env.BLOCKLET_MODE === 'development';

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

@@ -0,0 +1,75 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { Router } from 'express';
+import fs from 'fs';
+import path from 'path';
+import { isPathSafe, isDev } from '../utils/helper';
+export const initBlockStudioRouter = Router();
+const BINARY_EXTENSIONS = ['.png', '.jpg', '.jpeg', '.gif', '.webp', '.ico', '.svg'];
+initBlockStudioRouter.get('/', (req, res) => __awaiter(void 0, void 0, void 0, function* () {
+    if (!isDev) {
+        return res.status(403).json({ error: 'Only available in development mode' });
+    }
+    const filePath = req.query.path;
+    if (!filePath) {
+        return res.status(400).json({ error: 'Path parameter is required' });
+    }
+    if (!isPathSafe(filePath)) {
+        return res.status(403).json({ error: 'Invalid path' });
+    }
+    try {
+        if (!fs.existsSync(filePath)) {
+            return res.json(null);
+        }
+        const ext = path.extname(filePath).toLowerCase();
+        if (BINARY_EXTENSIONS.includes(ext)) {
+            // For images, stream the file directly
+            const mimeType = `image/${ext.slice(1)}`;
+            res.setHeader('Content-Type', mimeType);
+            return fs.createReadStream(filePath).pipe(res);
+        }
+        // For text files, try to parse as JSON
+        const content = fs.readFileSync(filePath, 'utf-8');
+        try {
+            return res.json(JSON.parse(content));
+        }
+        catch (_a) {
+            // If JSON parsing fails, return as plain text
+            return res.json(content);
+        }
+    }
+    catch (error) {
+        return res.status(500).json({ error: 'Failed to read file' });
+    }
+}));
+initBlockStudioRouter.post('/', (req, res) => __awaiter(void 0, void 0, void 0, function* () {
+    if (!isDev) {
+        return res.status(403).json({ error: 'Only available in development mode' });
+    }
+    const { path: filePath, content } = req.body;
+    if (!filePath || content === undefined) {
+        return res.status(400).json({ error: 'Path and content are required' });
+    }
+    if (!isPathSafe(filePath)) {
+        return res.status(403).json({ error: 'Invalid path' });
+    }
+    try {
+        const dir = path.dirname(filePath);
+        if (!fs.existsSync(dir)) {
+            fs.mkdirSync(dir, { recursive: true });
+        }
+        fs.writeFileSync(filePath, JSON.stringify(content, null, 2));
+        return res.json({ success: true });
+    }
+    catch (error) {
+        return res.status(500).json({ error: 'Failed to write file' });
+    }
+}));
+export default initBlockStudioRouter;

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

@@ -12,7 +12,7 @@ import { spawn } from 'child_process';
 import { Router } from 'express';
 import fs from 'fs';
 import path, { join } from 'path';
-import { findComponentFiles } from '../utils/helper';
+import { findComponentFiles, libDir } from '../utils/helper';
 const DID = 'z2qa7rr3eUyVnWp2PCxEVARuUfLFh6cE5V2xV';
 const RESOURCE_TYPE = 'page';
 const allTag = '@ALL_COMPONENTS';
@@ -111,7 +111,7 @@ initResourceRouter.post('/', (req, res) => __awaiter(void 0, void 0, void 0, fun
         fs.rmSync(dir, { recursive: true, force: true });
         fs.mkdirSync(dir, { recursive: true });
         const rootDir = process.cwd();
-        const tmpPackage = join(rootDir, 'lib');
+        const tmpPackage = join(rootDir, libDir);
         yield copyRecursive(tmpPackage, dir);
         fs.rmSync(tmpPackage, { recursive: true, force: true });
         res.json({ success: true });

package/lib/esm/middlewares/init-uploader-router.js

@@ -0,0 +1,2 @@
+"use strict";
+// init uploader router

package/lib/esm/plugins/vite-plugin-block-studio.js

@@ -121,16 +121,22 @@ export function initBlockStudioPlugins(options) {
                             const isHtml = relative.endsWith('.html');
                             const blockName = getBlockName(relative);
                             const pageId = `/${blockName}`;
+                            const dirPath = path.dirname(filePath);
+                            const metadataPath = path.join(dirPath, '@metadata.json');
                             api.addPageData({
                                 pageId,
-                                dataPath: isHtml ? `${VIRTUAL_MODULE_ID}?dir=${path.dirname(filePath)}` : filePath,
+                                dataPath: isHtml ? `${VIRTUAL_MODULE_ID}?dir=${dirPath}` : filePath,
                                 staticData: isHtml
                                     ? {
                                         isHtmlPreview: true,
                                         dataPath: filePath,
                                         blockName,
+                                        dirPath,
+                                        metadataPath,
                                     }
-                                    : Object.assign(Object.assign({}, (yield helpers.extractStaticData(file))), { code: readFileSync(file.path, 'utf-8'), dataPath: filePath, blockName }),
+                                    : Object.assign(Object.assign({}, (yield helpers.extractStaticData(file))), { code: readFileSync(file.path, 'utf-8'), dataPath: filePath, blockName,
+                                        dirPath,
+                                        metadataPath }),
                             });
                         });
                     });