@motiadev/workbench 0.13.2-beta.164-110989 → 0.13.2-beta.164-704005

package/dist/src/publicComponents/node-props.tsx

@@ -1,15 +0,0 @@
-import type { ApiNodeData, CronNodeData, EventNodeData, NoopNodeData } from '../types/flow'
-
-export type NodeProps = EventNodeProps | NoopNodeProps | ApiNodeProps | CronNodeProps
-export type BaseNodeProps = {
-  id: string
-  nodeConfig?: {
-    sourceHandlePosition?: 'bottom' | 'right'
-    targetHandlePosition?: 'top' | 'left'
-  }
-}
-
-export type EventNodeProps = { data: BaseNodeProps & EventNodeData }
-export type NoopNodeProps = { data: BaseNodeProps & NoopNodeData }
-export type ApiNodeProps = { data: BaseNodeProps & ApiNodeData }
-export type CronNodeProps = { data: BaseNodeProps & CronNodeData }

package/dist/src/publicComponents/noop-node.tsx

@@ -1,19 +0,0 @@
-import type React from 'react'
-import type { PropsWithChildren } from 'react'
-import { BaseNode } from './base-node/base-node'
-import type { NoopNodeProps } from './node-props'
-
-export const NoopNode: React.FC<PropsWithChildren<NoopNodeProps>> = ({ data, children }) => {
-  return (
-    <BaseNode
-      data={data}
-      variant="noop"
-      title={data.name}
-      subtitle={data.description}
-      disableSourceHandle={!data.virtualEmits.length}
-      disableTargetHandle={!data.subscribes?.length}
-    >
-      {children}
-    </BaseNode>
-  )
-}

package/dist/src/setupTests.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom'

package/dist/src/stores/use-app-tabs-store.ts

@@ -1,49 +0,0 @@
-import { create } from 'zustand'
-
-export enum TabLocation {
-  TOP = 'top',
-  BOTTOM = 'bottom',
-}
-
-export type AppTab = {
-  id: string
-  tabLabel: React.ElementType
-  content: React.ElementType
-}
-
-export interface AppTabsState {
-  tabs: Record<TabLocation, AppTab[]>
-  addTab: (position: TabLocation, tab: AppTab) => void
-  setTabs: (position: TabLocation, tabs: AppTab[]) => void
-  removeTab: (position: TabLocation, id: string) => void
-}
-
-const defaultTabs: Record<TabLocation, AppTab[]> = {
-  [TabLocation.TOP]: [],
-  [TabLocation.BOTTOM]: [],
-}
-
-export const useAppTabsStore = create<AppTabsState>((set) => ({
-  tabs: defaultTabs,
-  addTab: (position: TabLocation, tab: AppTab) =>
-    set((state) => ({
-      tabs: {
-        ...state.tabs,
-        [position]: [...state.tabs[position], tab],
-      },
-    })),
-  setTabs: (position: TabLocation, tabs: AppTab[]) =>
-    set((state) => ({
-      tabs: {
-        ...state.tabs,
-        [position]: tabs,
-      },
-    })),
-  removeTab: (position: TabLocation, id: string) =>
-    set((state) => ({
-      tabs: {
-        ...state.tabs,
-        [position]: state.tabs[position].filter((tab) => tab.id !== id),
-      },
-    })),
-}))

package/dist/src/stores/use-flow-store.ts

@@ -1,31 +0,0 @@
-import { create } from 'zustand'
-import { createJSONStorage, persist } from 'zustand/middleware'
-
-type UseFlowStore = {
-  selectedFlowId?: string
-  selectFlowId: (flowId: string) => void
-  clearSelectedFlowId: () => void
-  flows: string[]
-  setFlows: (flows: string[]) => void
-}
-
-export const useFlowStore = create(
-  persist<UseFlowStore>(
-    (set) => ({
-      flows: [],
-      setFlows: (flows) => set({ flows }),
-      selectFlowId: (flowId) =>
-        set((state) => {
-          if (state.selectedFlowId === flowId) {
-            return state
-          }
-          return { selectedFlowId: flowId }
-        }),
-      clearSelectedFlowId: () => set({ selectedFlowId: undefined }),
-    }),
-    {
-      name: 'motia-flow-storage',
-      storage: createJSONStorage(() => localStorage),
-    },
-  ),
-)

package/dist/src/stores/use-global-store.ts

@@ -1,24 +0,0 @@
-import { create } from 'zustand'
-import { createJSONStorage, persist } from 'zustand/middleware'
-
-type UseGlobalStore = {
-  selectedEndpointId?: string
-  selectEndpointId: (endpointId?: string) => void
-}
-
-const select = (id: string | undefined, name: keyof UseGlobalStore) => (state: UseGlobalStore) => {
-  return id ? (state[name] === id ? state : { ...state, [name]: id }) : { ...state, [name]: undefined }
-}
-
-export const useGlobalStore = create(
-  persist<UseGlobalStore>(
-    (set) => ({
-      selectedEndpointId: undefined,
-      selectEndpointId: (endpointId) => set(select(endpointId, 'selectedEndpointId')),
-    }),
-    {
-      name: 'motia-global-storage',
-      storage: createJSONStorage(() => localStorage),
-    },
-  ),
-)

package/dist/src/stores/use-motia-config-store.ts

@@ -1,36 +0,0 @@
-import { create } from 'zustand'
-
-interface MotiaConfig {
-  isDev: boolean
-  isTutorialDisabled: boolean
-}
-
-interface MotiaConfigState {
-  config: MotiaConfig | null
-  isLoading: boolean
-  error: Error | null
-  fetchConfig: () => Promise<void>
-}
-
-export const useMotiaConfigStore = create<MotiaConfigState>((set, get) => ({
-  config: null,
-  isLoading: false,
-  error: null,
-  fetchConfig: async () => {
-    const { config, isLoading } = get()
-    if (isLoading || config) return
-
-    set({ isLoading: true, error: null })
-    try {
-      const response = await fetch('/__motia')
-      if (!response.ok) {
-        throw new Error(`Failed to fetch Motia config: ${response.statusText}`)
-      }
-      const data = await response.json()
-      set({ config: data, isLoading: false })
-    } catch (error) {
-      console.error('Failed to fetch Motia config:', error)
-      set({ error: error as Error, isLoading: false })
-    }
-  },
-}))

package/dist/src/stores/use-tabs-store.ts

@@ -1,34 +0,0 @@
-import { create } from 'zustand'
-import { createJSONStorage, persist } from 'zustand/middleware'
-import { motiaAnalytics } from '../lib/motia-analytics'
-
-interface TabsState {
-  tab: Record<string, string>
-  setTopTab: (tab: string) => void
-  setBottomTab: (tab: string) => void
-}
-
-export const useTabsStore = create(
-  persist<TabsState>(
-    (set, get) => ({
-      tab: {
-        top: 'flow',
-        bottom: 'tracing',
-      },
-      setTopTab: (tab) => {
-        const currentTab = get().tab
-        motiaAnalytics.track('Top panel tab changed', { 'new.top': tab, tab: currentTab })
-        set((state) => ({ tab: { ...state.tab, top: tab } }))
-      },
-      setBottomTab: (tab) => {
-        const currentTab = get().tab
-        motiaAnalytics.track('Bottom panel tab changed', { 'new.bottom': tab, tab: currentTab })
-        set((state) => ({ tab: { ...state.tab, bottom: tab } }))
-      },
-    }),
-    {
-      name: 'motia-tabs-storage',
-      storage: createJSONStorage(() => localStorage),
-    },
-  ),
-)

package/dist/src/system-view-mode.tsx

@@ -1,28 +0,0 @@
-import { APP_SIDEBAR_CONTAINER_ID, CollapsiblePanelGroup } from '@motiadev/ui'
-import { memo } from 'react'
-import { BottomPanel } from './components/bottom-panel'
-import { Header } from './components/header/header'
-import { TopPanel } from './components/top-panel'
-
-export const SystemViewMode = memo(() => {
-  return (
-    <div className="grid grid-rows-[auto_1fr] grid-cols-[1fr_auto] bg-background text-foreground h-screen">
-      <div className="col-span-2">
-        <Header />
-      </div>
-      <main className="m-2 overflow-hidden">
-        <CollapsiblePanelGroup
-          autoSaveId="app-panel"
-          direction="vertical"
-          className="gap-1 h-full"
-          aria-label="Workbench panels"
-        >
-          <TopPanel />
-          <BottomPanel />
-        </CollapsiblePanelGroup>
-      </main>
-      <div id={APP_SIDEBAR_CONTAINER_ID} />
-    </div>
-  )
-})
-SystemViewMode.displayName = 'SystemViewMode'

package/dist/src/types/endpoint.ts

@@ -1,12 +0,0 @@
-export type ApiRouteMethod = 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH' | 'OPTIONS' | 'HEAD'
-export type QueryParam = { name: string; description: string }
-
-export type ApiEndpoint = {
-  id: string
-  method: ApiRouteMethod
-  path: string
-  description?: string
-  queryParams?: QueryParam[]
-  responseSchema?: Record<string, any> // eslint-disable-line @typescript-eslint/no-explicit-any
-  bodySchema?: Record<string, Record<string, any>> // eslint-disable-line @typescript-eslint/no-explicit-any
-}

package/dist/src/types/file.ts

@@ -1,7 +0,0 @@
-export type Feature = {
-  id?: string
-  title: string
-  description: string
-  lines: string[]
-  link?: string
-}

package/dist/src/types/flow.ts

@@ -1,103 +0,0 @@
-import type { JSONSchema7 } from 'json-schema'
-
-export type EventNodeData = {
-  type: string
-  name: string
-  description?: string
-  subscribes: string[]
-  emits: Array<string | { topic: string; label?: string }>
-  virtualEmits?: Array<string | { topic: string; label?: string }>
-  virtualSubscribes?: string[]
-  language?: string
-}
-
-export type NoopNodeData = {
-  type: string
-  name: string
-  description?: string
-  virtualEmits: string[]
-  subscribes: string[]
-}
-
-export type ApiNodeData = {
-  type: string
-  name: string
-  language?: string
-  description?: string
-  emits: Array<string | { topic: string; label?: string }>
-  subscribes?: string[]
-  virtualEmits?: Array<string | { topic: string; label?: string }>
-  virtualSubscribes?: string[]
-  webhookUrl?: string
-  bodySchema?: JSONSchema7
-}
-
-export type CronNodeData = {
-  type: string
-  name: string
-  description?: string
-  emits: Array<string | { topic: string; label?: string }>
-  virtualEmits?: Array<string | { topic: string; label?: string }>
-  virtualSubscribes?: string[]
-  cronExpression: string
-  language?: string
-}
-export type NodeData = (EventNodeData | ApiNodeData | NoopNodeData | CronNodeData) & {
-  position?: { x: number; y: number }
-  filePath?: string
-  nodeConfig?: {
-    sourceHandlePosition?: 'bottom' | 'right'
-    targetHandlePosition?: 'top' | 'left'
-  }
-}
-
-// ducplicate of packages/core/src/flows-endpoint.ts
-export type EdgeData = {
-  variant: 'event' | 'virtual'
-  label?: string
-  labelVariant?: 'default' | 'conditional'
-}
-
-export type Emit = string | { topic: string; label?: string }
-
-export type FlowStep = {
-  id: string
-  name: string
-  type: 'event' | 'api' | 'noop' | 'cron'
-  description?: string
-  subscribes?: string[]
-  emits: Emit[]
-  virtualEmits?: Emit[]
-  action?: 'webhook'
-  webhookUrl?: string
-  language?: string
-  nodeComponentPath?: string
-  filePath?: string
-}
-
-export type FlowResponse = {
-  id: string
-  name: string
-  steps: FlowStep[]
-  edges: FlowEdge[]
-  error?: string
-}
-
-export type FlowConfigResponse = {
-  id: string
-  config: Record<string, NodeConfig>
-}
-
-export type FlowEdge = {
-  id: string
-  source: string
-  target: string
-  data: EdgeData
-}
-
-export type NodeConfig = {
-  x: number
-  y: number
-  sourceHandlePosition?: 'bottom' | 'right'
-  targetHandlePosition?: 'top' | 'left'
-}

package/eslint.config.cjs

@@ -1,22 +0,0 @@
-const config = require('../../eslint.config.js')
-
-module.exports = [
-  // ignore src files
-  { ignores: ['**/src/**/*'] },
-  ...config.map((cfg) => {
-    if (!cfg.files) {
-      return cfg
-    }
-
-    return {
-      ...cfg,
-      languageOptions: {
-        ...cfg.languageOptions,
-        parserOptions: {
-          project: null,
-        },
-      },
-      files: ['middleware.ts', 'tailwind.config.ts', 'vite.config.ts'],
-    }
-  }),
-]

package/jest.config.cjs

@@ -1,68 +0,0 @@
-module.exports = {
-  preset: 'ts-jest',
-  testEnvironment: 'jsdom',
-  setupFilesAfterEnv: ['<rootDir>/src/setupTests.ts'],
-  moduleNameMapper: {
-    '^@/(.*)$': '<rootDir>/src/$1',
-  },
-  testMatch: [
-    '<rootDir>/src/**/__tests__/**/*.(ts|tsx|js)',
-    '<rootDir>/src/**/*.(test|spec).(ts|tsx|js)',
-    '<rootDir>/motia-plugin/**/__tests__/**/*.(ts|tsx|js)',
-    '<rootDir>/motia-plugin/**/*.(test|spec).(ts|tsx|js)',
-    '<rootDir>/__tests__/**/*.(ts|tsx|js)',
-  ],
-  collectCoverageFrom: [
-    'src/**/*.(ts|tsx)',
-    '!src/**/*.d.ts',
-    '!src/index.tsx',
-    'motia-plugin/**/*.(ts|tsx)',
-    '!motia-plugin/**/*.d.ts',
-  ],
-  transform: {
-    '^.+\\.(ts|tsx)$': [
-      'ts-jest',
-      {
-        tsconfig: {
-          jsx: 'react-jsx',
-          esModuleInterop: true,
-          allowSyntheticDefaultImports: true,
-          types: ['jest', '@testing-library/jest-dom', 'node'],
-          module: 'commonjs',
-          target: 'es2020',
-          lib: ['es2020', 'dom', 'dom.iterable'],
-          moduleResolution: 'node',
-          strict: true,
-          skipLibCheck: true,
-          isolatedModules: true,
-        },
-        isolatedModules: true,
-        useESM: false,
-      },
-    ],
-    '^.+\\.(js|jsx)$': [
-      'ts-jest',
-      {
-        tsconfig: {
-          allowJs: true,
-          jsx: 'react-jsx',
-          esModuleInterop: true,
-          allowSyntheticDefaultImports: true,
-          module: 'commonjs',
-          target: 'es2020',
-        },
-        isolatedModules: true,
-        useESM: false,
-      },
-    ],
-  },
-  transformIgnorePatterns: ['node_modules/(?!(@motiadev/stream-client-react|@motiadev/stream-client-browser)/)'],
-  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
-  testEnvironmentOptions: {
-    url: 'http://localhost',
-  },
-  clearMocks: true,
-  resetMocks: true,
-  restoreMocks: true,
-}
-