@blocklet/pages-kit-block-studio 0.0.17 → 0.0.18

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

@@ -16,8 +16,6 @@ exports.initBlockStudioRouter = void 0;
 const express_1 = require("express");
 const fs_1 = __importDefault(require("fs"));
 const lodash_1 = require("lodash");
-const lodash_2 = require("lodash");
-const lodash_3 = require("lodash");
 const path_1 = __importDefault(require("path"));
 const helper_1 = require("../utils/helper");
 exports.initBlockStudioRouter = (0, express_1.Router)();
@@ -45,10 +43,10 @@ exports.initBlockStudioRouter.get('/', (req, res) => __awaiter(void 0, void 0, v
             return fs_1.default.createReadStream(filePath).pipe(res);
         }
         const metadata = (0, helper_1.initializeMetadata)(filePath);
-        const code = fs_1.default.readFileSync(filePath, 'utf8');
+        const code = (0, helper_1.getBlockCode)(filePath);
         if (code) {
-            (0, lodash_3.set)(metadata, 'renderer.script', code);
-            (0, lodash_3.set)(metadata, 'renderer.type', 'react-component');
+            (0, lodash_1.set)(metadata, 'renderer.script', code);
+            (0, lodash_1.set)(metadata, 'renderer.type', 'react-component');
         }
         return res.json(metadata);
     }
@@ -74,8 +72,6 @@ exports.initBlockStudioRouter.post('/', (req, res) => __awaiter(void 0, void 0,
         }
         const currentMetadata = (0, helper_1.initializeMetadata)(filePath);
         const mergedContent = Object.assign(Object.assign({}, currentMetadata), content);
-        // remove renderer
-        delete mergedContent.renderer;
         if ((0, lodash_1.isEqual)(currentMetadata, mergedContent)) {
             return res.json({ success: true, content: mergedContent, message: 'No changes' });
         }
@@ -91,8 +87,11 @@ exports.initBlockStudioRouter.post('/', (req, res) => __awaiter(void 0, void 0,
                 });
             }
         }
+        res.json({ success: true, content: mergedContent, message: 'Updated' });
+        // save metadata without renderer after response
+        delete mergedContent.renderer;
         fs_1.default.writeFileSync(filePath, JSON.stringify(mergedContent, null, 2));
-        return res.json({ success: true, content: mergedContent, message: 'Updated' });
+        return null;
     }
     catch (error) {
         return res.status(500).json({ error: 'Failed to write file' });
@@ -103,10 +102,10 @@ exports.initBlockStudioRouter.get('/all', (req, res) => __awaiter(void 0, void 0
     const allBlocks = yield (0, helper_1.findComponentFiles)();
     // get code to metadata
     const allBlocksWithCode = allBlocks.map((block) => {
-        const code = fs_1.default.readFileSync(block.fullPath, 'utf8');
+        const code = (0, helper_1.getBlockCode)(block.fullPath);
         if (code) {
-            (0, lodash_3.set)(block.metadata, 'renderer.script', code);
-            (0, lodash_3.set)(block.metadata, 'renderer.type', 'react-component');
+            (0, lodash_1.set)(block.metadata, 'renderer.script', code);
+            (0, lodash_1.set)(block.metadata, 'renderer.type', 'react-component');
         }
         return block;
     });
@@ -123,8 +122,8 @@ exports.initBlockStudioRouter.get('/all', (req, res) => __awaiter(void 0, void 0
             };
             return item;
         });
-        return res.json((0, lodash_2.keyBy)(allBlocksWithBlockletData, 'data.id'));
+        return res.json((0, lodash_1.keyBy)(allBlocksWithBlockletData, 'data.id'));
     }
-    res.json((0, lodash_2.keyBy)(allBlocksWithCode, 'id'));
+    return res.json((0, lodash_1.keyBy)(allBlocksWithCode, 'id'));
 }));
 exports.default = exports.initBlockStudioRouter;

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

@@ -169,6 +169,7 @@ function initBlockStudioPlugins(options) {
                                     ? {
                                         isHtmlPreview: true,
                                         dataPath: filePath,
+                                        code: (0, vite_plugin_html_transform_1.generateComponent)((0, vite_plugin_html_transform_1.readHtmlFiles)(dirPath.split('?dir=')[1] || '')),
                                         blockName,
                                         dirPath,
                                         metadataPath,

package/lib/cjs/plugins/vite-plugin-html-transform.js

@@ -10,6 +10,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RESOLVED_VIRTUAL_MODULE_ID = exports.VIRTUAL_MODULE_ID = void 0;
+exports.readHtmlFiles = readHtmlFiles;
+exports.generateComponent = generateComponent;
 exports.initHtmlPreviewTransformPlugin = initHtmlPreviewTransformPlugin;
 const fs_1 = require("fs");
 const path_1 = require("path");
@@ -191,6 +193,9 @@ ${content.trim()}`;
 function generateComponent(content, _isDev = true) {
     const htmlContent = content.html;
     const { name } = content;
+    if (_isDev) {
+        // do something
+    }
     return `import { createElement } from 'react';
 
 export default function HtmlPreview() {