Fix cli visibility selection bug & refactor action runner

Author: Shellishack

npm-packages/cli/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pulse-editor/cli",
-	"version": "0.1.1-beta.0",
+	"version": "0.1.1-beta.1",
 	"license": "MIT",
 	"bin": {
 		"pulse": "dist/cli.js"

npm-packages/cli/source/components/commands/create.tsx

@@ -125,15 +125,23 @@ export default function Create({cli}: {cli: Result<Flags>}) {
 					<Text> Initializing project...</Text>
 				</Box>,
 			);
+
+			/* Setup pulse.config.ts */
+			const pulseConfigPath = path.join(process.cwd(), name, 'pulse.config.ts');
+			let pulseConfig = fs.readFileSync(pulseConfigPath, 'utf8');
+			// Modify visibility by matching the block that starts with 'visibility:',
+			// and replacing the entire line with the new visibility value.
+			pulseConfig = pulseConfig.replace(
+				/visibility:\s*['"`](public|unlisted|private)['"`],?/,
+				`visibility: '${visibility}',`,
+			);
+			fs.writeFileSync(pulseConfigPath, pulseConfig);
+
+			/* Setup packages.json */
 			const packageJsonPath = path.join(process.cwd(), name, 'package.json');
 			const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf8'));
 			packageJson.name = name.replaceAll('-', '_');
 
-			// Modify the visibility
-			packageJson['pulse-editor-marketplace'] = {
-				visibility,
-			};
-
 			// Write the modified package.json back to the file
 			fs.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2));
 

web/components/interface/command-viewer.tsx

@@ -1,5 +1,5 @@
 import usePlatformAIAssistant from "@/lib/hooks/use-platform-ai-assistant";
-import useScopedActions from "@/lib/hooks/use-scoped-actions";
+import useActionExecutor from "@/lib/hooks/use-action-executor";
 import { ScopedAction } from "@/lib/types";
 import {
   addToast,
@@ -28,7 +28,7 @@ export default function CommandViewer() {
   const editorContext = useContext(EditorContext);
 
   const { chatWithAssistant, history } = usePlatformAIAssistant();
-  const { actions, runScopedAction, setKeywordFilter } = useScopedActions();
+  const { actions, runScopedAction, setKeywordFilter } = useActionExecutor();
 
   const [inputPlaceholder, setInputPlaceholder] = useState("");
   const [selectActionIndex, setSelectActionIndex] = useState(-1);

web/components/marketplace/app/app-preview-card.tsx

@@ -14,6 +14,7 @@ import { ContextMenuState, ExtensionApp } from "@/lib/types";
 import { DraggableAttributes } from "@dnd-kit/core";
 import { SyntheticListenerMap } from "@dnd-kit/core/dist/hooks/utilities";
 import {
+  addToast,
   Button,
   Chip,
   Skeleton,
@@ -369,7 +370,11 @@ export default function AppPreviewCard({
                     extension.config.version,
                   )
                     .then(() => {
-                      toast.success("Extension installed");
+                      addToast({
+                        title: "Extension installed",
+                        description: `Extension ${extension.config.id} installed successfully.`,
+                        color: "success",
+                      });
                       setIsInstalled(true);
                       setIsEnabled(extension.isEnabled);
                     })
@@ -387,7 +392,11 @@ export default function AppPreviewCard({
                   size="sm"
                   onPress={(e) => {
                     uninstallExtension(extension.config.id).then(() => {
-                      toast.success("Extension uninstalled");
+                      addToast({
+                        title: "Extension uninstalled",
+                        description: `Extension ${extension.config.id} uninstalled successfully.`,
+                        color: "success",
+                      });
                       setIsInstalled(false);
                     });
                   }}
@@ -407,7 +416,11 @@ export default function AppPreviewCard({
                   variant="light"
                   onPress={(e) => {
                     uninstallExtension(extension.config.id).then(() => {
-                      toast.success("Extension uninstalled");
+                      addToast({
+                        title: "Extension uninstalled",
+                        description: `Extension ${extension.config.id} uninstalled successfully.`,
+                        color: "success",
+                      });
                     });
                     setContextMenuState({ x: 0, y: 0, isOpen: false });
                   }}
@@ -425,7 +438,11 @@ export default function AppPreviewCard({
                       extension.config.version,
                     )
                       .then(() => {
-                        toast.success("Extension installed");
+                        addToast({
+                          title: "Extension installed",
+                          description: `Extension ${extension.config.id} installed successfully.`,
+                          color: "success",
+                        });
                         setIsInstalled(true);
                         setIsEnabled(extension.isEnabled);
                       })

web/components/views/canvas/nodes/app-node/app-node.tsx

@@ -1,4 +1,4 @@
-import useScopedActions from "@/lib/hooks/use-scoped-actions";
+import useActionExecutor from "@/lib/hooks/use-action-executor";
 import { useTabViewManager } from "@/lib/hooks/use-tab-view-manager";
 import { AppNodeData } from "@/lib/types";
 import { Node } from "@xyflow/react";
@@ -19,7 +19,7 @@ const AppNode = memo((props: any) => {
   const viewId = config.viewId;
 
   const { createAppTabView, deleteAppViewInCanvasView } = useTabViewManager();
-  const { actions } = useScopedActions(config.app);
+  const { actions } = useActionExecutor(config.app);
 
   async function openViewInFullScreen() {
     await createAppTabView({

web/components/views/canvas/nodes/backend-node/backend-node.tsx

@@ -1,5 +1,5 @@
 import BaseAppView from "@/components/views/base/base-app-view";
-import useScopedActions from "@/lib/hooks/use-scoped-actions";
+import useActionExecutor from "@/lib/hooks/use-action-executor";
 import { useTabViewManager } from "@/lib/hooks/use-tab-view-manager";
 import { AppNodeData } from "@/lib/types";
 import { Node } from "@xyflow/react";
@@ -16,7 +16,7 @@ const BackendNode = memo((props: any) => {
   const viewId = config.viewId;
 
   const { createAppTabView, deleteAppViewInCanvasView } = useTabViewManager();
-  const { actions } = useScopedActions(config.app);
+  const { actions } = useActionExecutor(config.app);
 
   async function openViewInFullScreen() {
     await createAppTabView({

web/lib/hooks/use-scoped-actions.ts renamed to web/lib/hooks/use-action-executor.ts

@@ -18,7 +18,7 @@ import { useTabViewManager } from "./use-tab-view-manager";
  *  This hook provides actions from the active tab
  *  view and static actions from all installed apps.
  */
-export default function useScopedActions(appName?: string) {
+export default function useActionExecutor(appName?: string) {
   const imcContext = useContext(IMCContext);
   const editorContext = useContext(EditorContext);
 

web/lib/hooks/use-canvas-workflow.ts

@@ -11,15 +11,15 @@ import {
 import { useCallback, useContext, useEffect, useState } from "react";
 import { useDebouncedCallback } from "use-debounce";
 import { AppNodeData, WorkflowContent } from "../types";
-import useScopedActions from "./use-scoped-actions";
+import useActionExecutor from "./use-action-executor";
 
 export default function useCanvasWorkflow(
   initialWorkflowContent?: WorkflowContent,
 ) {
   const editorContext = useContext(EditorContext);
   const imcContext = useContext(IMCContext);
 
-  const { runScopedAction } = useScopedActions();
+  const { runScopedAction } = useActionExecutor();
 
   const [pendingNodes, setPendingNodes] = useState<
     ReactFlowNode<AppNodeData>[]

web/lib/hooks/use-platform-ai-assistant.ts

@@ -19,7 +19,7 @@ import { ViewModeEnum } from "@pulse-editor/shared-utils";
 import { useContext, useEffect, useState } from "react";
 import toast from "react-hot-toast";
 import { usePlatformApi } from "./use-platform-api";
-import useScopedActions from "./use-scoped-actions";
+import useActionExecutor from "./use-action-executor";
 import useSpeech2Speech from "./use-speech2speech";
 import { useTabViewManager } from "./use-tab-view-manager";
 import useTTS from "./use-tts";
@@ -36,7 +36,7 @@ export default function usePlatformAIAssistant() {
 
   const { runSpeech2Speech, stopSpeech2Speech, isRunning } = useSpeech2Speech();
   const { readText, playAudio } = useTTS();
-  const { runScopedAction, actions } = useScopedActions();
+  const { runScopedAction, actions } = useActionExecutor();
   const { activeTabView } = useTabViewManager();
 
   const [pendingAnalysis, setPendingAnalysis] = useState("");