hide from preview certain fields

Author: icecrasher321

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/workflow-block/workflow-block.tsx

@@ -483,6 +483,7 @@ export const WorkflowBlock = memo(function WorkflowBlock({
 
     const visibleSubBlocks = config.subBlocks.filter((block) => {
       if (block.hidden) return false
+      if (block.hideFromPreview) return false
 
       if (block.requiresFeature && !isTruthy(getEnv(block.requiresFeature))) {
         return false

apps/sim/blocks/types.ts

@@ -144,6 +144,7 @@ export interface SubBlockConfig {
   showCopyButton?: boolean
   connectionDroppable?: boolean
   hidden?: boolean
+  hideFromPreview?: boolean // Hide this subblock from the workflow block preview
   requiresFeature?: string // Environment variable name that must be truthy for this subblock to be visible
   description?: string
   value?: (params: Record<string, any>) => string

apps/sim/hooks/use-display-name.ts

@@ -35,7 +35,7 @@ export function useDisplayName(
 
         // Workflows
         if (subBlock.id === 'workflowId') {
-          return state.cache.workflows['global']?.[value] || null
+          return state.cache.workflows.global?.[value] || null
         }
 
         // Files

apps/sim/triggers/airtable/webhook.ts

@@ -50,6 +50,7 @@ export const airtableWebhookTrigger: TriggerConfig = {
     {
       id: 'triggerInstructions',
       title: 'Setup Instructions',
+      hideFromPreview: true,
       type: 'text',
       defaultValue: [
         'Connect your Airtable account using the "Select Airtable credential" button above.',
@@ -70,6 +71,7 @@ export const airtableWebhookTrigger: TriggerConfig = {
       id: 'triggerSave',
       title: '',
       type: 'trigger-save',
+      hideFromPreview: true,
       mode: 'trigger',
       triggerId: 'airtable_webhook',
     },

apps/sim/triggers/generic/webhook.ts

@@ -59,6 +59,7 @@ export const genericWebhookTrigger: TriggerConfig = {
     {
       id: 'triggerInstructions',
       title: 'Setup Instructions',
+      hideFromPreview: true,
       type: 'text',
       defaultValue: [
         'Copy the webhook URL and use it in your external service or API.',
@@ -79,6 +80,7 @@ export const genericWebhookTrigger: TriggerConfig = {
       id: 'triggerSave',
       title: '',
       type: 'trigger-save',
+      hideFromPreview: true,
       mode: 'trigger',
       triggerId: 'generic_webhook',
     },

apps/sim/triggers/github/issue_closed.ts

@@ -78,6 +78,7 @@ export const githubIssueClosedTrigger: TriggerConfig = {
     {
       id: 'triggerInstructions',
       title: 'Setup Instructions',
+      hideFromPreview: true,
       type: 'text',
       defaultValue: [
         'Go to your GitHub Repository > Settings > Webhooks.',
@@ -104,6 +105,7 @@ export const githubIssueClosedTrigger: TriggerConfig = {
       id: 'triggerSave',
       title: '',
       type: 'trigger-save',
+      hideFromPreview: true,
       mode: 'trigger',
       triggerId: 'github_issue_closed',
       condition: {

apps/sim/triggers/github/issue_comment.ts

@@ -78,6 +78,7 @@ export const githubIssueCommentTrigger: TriggerConfig = {
     {
       id: 'triggerInstructions',
       title: 'Setup Instructions',
+      hideFromPreview: true,
       type: 'text',
       defaultValue: [
         'Go to your GitHub Repository > Settings > Webhooks.',
@@ -105,6 +106,7 @@ export const githubIssueCommentTrigger: TriggerConfig = {
       id: 'triggerSave',
       title: '',
       type: 'trigger-save',
+      hideFromPreview: true,
       mode: 'trigger',
       triggerId: 'github_issue_comment',
       condition: {

apps/sim/triggers/github/issue_opened.ts

@@ -99,6 +99,7 @@ export const githubIssueOpenedTrigger: TriggerConfig = {
     {
       id: 'triggerInstructions',
       title: 'Setup Instructions',
+      hideFromPreview: true,
       type: 'text',
       defaultValue: [
         'Go to your GitHub Repository > Settings > Webhooks.',
@@ -125,6 +126,7 @@ export const githubIssueOpenedTrigger: TriggerConfig = {
       id: 'triggerSave',
       title: '',
       type: 'trigger-save',
+      hideFromPreview: true,
       mode: 'trigger',
       triggerId: 'github_issue_opened',
       condition: {

apps/sim/triggers/github/pr_closed.ts

@@ -79,6 +79,7 @@ export const githubPRClosedTrigger: TriggerConfig = {
     {
       id: 'triggerInstructions',
       title: 'Setup Instructions',
+      hideFromPreview: true,
       type: 'text',
       defaultValue: [
         'Go to your GitHub Repository > Settings > Webhooks.',
@@ -105,6 +106,7 @@ export const githubPRClosedTrigger: TriggerConfig = {
       id: 'triggerSave',
       title: '',
       type: 'trigger-save',
+      hideFromPreview: true,
       mode: 'trigger',
       triggerId: 'github_pr_closed',
       condition: {

apps/sim/triggers/github/pr_comment.ts

@@ -78,6 +78,7 @@ export const githubPRCommentTrigger: TriggerConfig = {
     {
       id: 'triggerInstructions',
       title: 'Setup Instructions',
+      hideFromPreview: true,
       type: 'text',
       defaultValue: [
         'Go to your GitHub Repository > Settings > Webhooks.',
@@ -105,6 +106,7 @@ export const githubPRCommentTrigger: TriggerConfig = {
       id: 'triggerSave',
       title: '',
       type: 'trigger-save',
+      hideFromPreview: true,
       mode: 'trigger',
       triggerId: 'github_pr_comment',
       condition: {