@blocklet/pages-kit-block-studio 0.1.26 → 0.1.28

package/lib/cjs/constants/new-block-template/index.js

@@ -0,0 +1,55 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EditComponent = void 0;
+exports.default = HelloWorld;
+const jsx_runtime_1 = require("react/jsx-runtime");
+// default export
+function HelloWorld({ title = 'Hello World', logo, description, copyright }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { style: {
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+            padding: '16px 0',
+        }, children: [title && (0, jsx_runtime_1.jsx)("h1", { children: title }), logo && ((0, jsx_runtime_1.jsx)("img", { src: typeof logo === 'object' ? logo.url : logo, alt: "logo", style: {
+                    margin: '16px 0',
+                    maxWidth: '200px',
+                } })), description && ((0, jsx_runtime_1.jsx)("div", { style: {
+                    color: '#666',
+                    marginTop: '8px',
+                }, children: description })), copyright && ((0, jsx_runtime_1.jsx)("div", { style: {
+                    color: '#999',
+                    fontSize: '12px',
+                    marginTop: '16px',
+                }, children: copyright }))] }));
+}
+// export edit component
+const EditComponent = (_a) => {
+    var { onChange } = _a, props = __rest(_a, ["onChange"]);
+    return ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column', gap: '16px' }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
+                    fontSize: '14px',
+                    fontWeight: 500,
+                    color: '#333',
+                    padding: '8px 0',
+                    borderBottom: '1px solid #eee',
+                }, children: "Footer Parameters" }), (0, jsx_runtime_1.jsx)("input", { id: "copyright-input", type: "text", style: {
+                    width: '100%',
+                    padding: '8px 12px',
+                    border: '1px solid #ddd',
+                    borderRadius: '4px',
+                    fontSize: '14px',
+                    transition: 'border-color 0.3s',
+                    outline: 'none',
+                }, value: props.copyright || '', onChange: (e) => onChange === null || onChange === void 0 ? void 0 : onChange({ copyright: e.target.value }), placeholder: "Please Input Copyright" })] }));
+};
+exports.EditComponent = EditComponent;

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

@@ -59,6 +59,8 @@ const helper_1 = require("../utils/helper");
 const DID = 'z2qa7rr3eUyVnWp2PCxEVARuUfLFh6cE5V2xV';
 const RESOURCE_TYPE = 'page';
 const allTag = '@ALL_COMPONENTS';
+// use for tracking build process
+let currentBuildProcess = null;
 function copyFile(src, dest) {
     return new Promise((resolve, reject) => {
         const readStream = fs_1.default.createReadStream(src);
@@ -136,12 +138,19 @@ exports.initResourceRouter.post('/', (req, res) => __awaiter(void 0, void 0, voi
     // ignore all tag
     const componentIds = resources.filter((resource) => resource.id !== allTag);
     try {
+        // if current build process exists, kill it
+        if (currentBuildProcess) {
+            currentBuildProcess.kill();
+            currentBuildProcess = null;
+        }
         // Execute build command with filtered components
         const buildProcess = (0, child_process_1.spawn)('pnpm', ['run', 'build-lib'], {
             stdio: 'inherit',
             shell: true,
-            env: Object.assign(Object.assign({}, process.env), { FORCE_COLOR: '1', BLOCK_FILTER: componentIds.join(',') }),
+            env: Object.assign(Object.assign({}, process.env), { FORCE_COLOR: '1', BLOCK_FILTER: componentIds.join(','), NODE_OPTIONS: '--max_old_space_size=16384' }),
         });
+        // save current build process
+        currentBuildProcess = buildProcess;
         yield new Promise((resolve, reject) => {
             buildProcess.on('close', (code) => {
                 if (code === 0)
@@ -149,18 +158,25 @@ exports.initResourceRouter.post('/', (req, res) => __awaiter(void 0, void 0, voi
                 else
                     reject(new Error(`Build process exited with code ${code}`));
             });
+            buildProcess.on('error', (error) => {
+                console.error('Build process error:', error);
+                reject(error);
+            });
         });
         const dir = getExportDir(projectId, releaseId);
         fs_1.default.rmSync(dir, { recursive: true, force: true });
         fs_1.default.mkdirSync(dir, { recursive: true });
         const rootDir = process.cwd();
         const distDir = (0, path_1.join)(rootDir, helper_1.libDir);
+        const codeDir = (0, path_1.join)(distDir, 'es');
         const tmpPackage = (0, path_1.join)(distDir, 'resource-blocklet');
         fs_1.default.mkdirSync(tmpPackage, { recursive: true });
         const pagesDir = (0, path_1.join)(tmpPackage, 'pages');
         fs_1.default.mkdirSync(pagesDir, { recursive: true });
         const componentsDir = (0, path_1.join)(tmpPackage, 'components');
         fs_1.default.mkdirSync(componentsDir, { recursive: true });
+        const chunksDir = (0, path_1.join)(tmpPackage, 'chunks');
+        fs_1.default.mkdirSync(chunksDir, { recursive: true });
         // get @metadata.json by glob
         const canUseComponents = (0, helper_1.findComponentFiles)({ cwd: rootDir, filter: componentIds });
         // Filter and process metadata files
@@ -168,7 +184,7 @@ exports.initResourceRouter.post('/', (req, res) => __awaiter(void 0, void 0, voi
             // get metadata
             const metadata = _metadata;
             // get code to metadata
-            const code = fs_1.default.readFileSync((0, path_1.join)(distDir, 'es', `${blockName}.js`), 'utf8');
+            const code = fs_1.default.readFileSync((0, path_1.join)(codeDir, `${blockName}.js`), 'utf8');
             if (code) {
                 (0, set_1.default)(metadata, 'renderer.script', code);
                 (0, set_1.default)(metadata, 'renderer.type', 'react-component');
@@ -186,10 +202,13 @@ exports.initResourceRouter.post('/', (req, res) => __awaiter(void 0, void 0, voi
             }
             return metadata;
         });
+        // cp _chunks dir
+        yield copyRecursive((0, path_1.join)(codeDir, '_chunks'), chunksDir);
         // write pages.config.yml
         const pagesConfigPath = path_1.default.join(tmpPackage, '.blocklet/pages/pages.config.yml');
         fs_1.default.mkdirSync(path_1.default.dirname(pagesConfigPath), { recursive: true });
         const pagesConfig = {
+            version: 2,
             pages: [],
             components: metadataList.map((metadata) => ({
                 id: metadata.id,

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

@@ -21,6 +21,7 @@ exports.RESOLVED_VIRTUAL_MODULE_ID = `\0${exports.VIRTUAL_MODULE_ID}`;
 const isRelativePath = (path) => {
     return path.startsWith('./') || path.startsWith('../') || (!path.startsWith('http') && !path.startsWith('//'));
 };
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 function extractExternalResources(html, _dirPath) {
     const external = {
         js: [],
@@ -204,6 +205,7 @@ ${content.trim()}`;
         name: (0, path_1.basename)(dirPath),
     };
 }
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 function generateComponent(content, _isDev = true) {
     const htmlContent = content.html;
     const { name } = content;