Adds mkdir mask

packages/protolib/bundles/os/context2/index.ts

@@ -2,9 +2,11 @@ import {readFile} from './readFile'
 import {writeFile} from './writeFile'
 import { runCommand } from './RunCommand'
 import {listDir} from './listDir'
+import { makeDir } from './makeDir'
 export default {
     readFile,
     writeFile,
     listDir,
-    runCommand
+    runCommand,
+    makeDir
 }

packages/protolib/bundles/os/context2/makeDir.ts

@@ -0,0 +1,24 @@
+import fs from 'fs/promises';
+import { join } from 'path';
+
+export const makeDir = async(options: {
+    path: string, 
+    done?: (dirPath) => {}, 
+    error?: (err) => {}
+}) => {
+    const path = options.path;
+    const done = options.done || (() => {});
+    const error = options.error;
+
+    try {
+        await fs.mkdir(join('../../', path), { recursive: true });
+        done(path)
+        return path;
+    } catch(err) {
+        if (error) {
+            error(err);
+        } else {
+            throw err;
+        }
+    }
+}

packages/protolib/bundles/os/masks/MkdirSync.tsx

@@ -29,6 +29,7 @@ export default {
     id: 'CreateFolder',
     type: 'CallExpression',
     category: 'OS',
+    hidden: true,
     keywords: ['fs', 'os', 'make', 'dir', 'mkdir'],
     check: (node, nodeData) => {
         return node.type == "CallExpression" && nodeData.to?.startsWith('context.os.createFolder')

packages/protolib/bundles/os/masks2/MakeDir.tsx

@@ -0,0 +1,46 @@
+import { Node, NodeOutput, NodeParams, filterObject, restoreObject } from 'protoflow';
+import { useColorFromPalette } from 'protoflow/src/diagram/Theme'
+import { FolderPlus } from 'lucide-react'
+
+const MakeDir = ({ node = {}, nodeData = {}, children }: any) => {
+    const color = useColorFromPalette(10)  // Cambio de color para diferenciar del ListDir
+    return (
+        <Node icon={FolderPlus} node={node} isPreview={!node.id} title='Make Directory' color={color} id={node.id} skipCustom={true}>
+            <NodeParams id={node.id} params={[{ label: 'Path', field: 'mask-path', type: 'input' }]} />
+            <div style={{height: '30px'}} />
+            <NodeOutput id={node.id} type={'input'} label={'Done'} vars={['path']} handleId={'mask-done'} />
+            <NodeOutput id={node.id} type={'input'} label={'Error'} vars={['err']} handleId={'mask-error'} />
+        </Node>
+    )
+}
+
+export default {
+    id: 'os2.makeDir',
+    type: 'CallExpression',
+    category: "OS",
+    keywords: ['fs', 'os', 'create', 'directory', 'mkdir'],
+    check: (node, nodeData) => {
+        return node.type == "CallExpression" && nodeData.to?.startsWith('context.os2.makeDir')
+    },
+    getComponent: (node, nodeData, children) => <MakeDir node={node} nodeData={nodeData} children={children} />,
+    filterChildren: filterObject({keys: {
+            path: 'input',
+            done: 'output',
+            error: 'output'
+    }}),
+    restoreChildren: restoreObject({keys: {
+        path: 'input',
+        done: { params: {'param-done': { key: "path"}}},
+        error: { params: { 'param-error': { key: "err"}}}
+    }}),
+    getInitialData: () => {
+        return {
+            await: true,
+            to: 'context.os2.makeDir',
+            "mask-path": {
+                value: "",
+                kind: "StringLiteral"
+            }
+        }
+    }
+}

packages/protolib/bundles/os/masks2/index.tsx

@@ -2,9 +2,11 @@ import ReadFile from "./ReadFile";
 import WriteFile from './WriteFile';
 import RunCommand from "./RunCommand";
 import ListDir from "./ListDir";
+import MakeDir from "./MakeDir";
 export default [
     ReadFile,
     WriteFile,
     ListDir,
-    RunCommand
+    RunCommand,
+    MakeDir
 ]