+
+
: props.children
+}
diff --git a/src/hooks/useCommandsContext.ts b/src/hooks/useCommandsContext.ts
index e34e894cec..e8ae9e5b63 100644
--- a/src/hooks/useCommandsContext.ts
+++ b/src/hooks/useCommandsContext.ts
@@ -6,5 +6,6 @@ export const useCommandsContext = () => {
return {
commandBarSend: commandBarActor.send,
commandBarState,
+ commandBarActor,
}
}
diff --git a/src/hooks/useCreateFileLinkQueryWatcher.ts b/src/hooks/useCreateFileLinkQueryWatcher.ts
new file mode 100644
index 0000000000..50e42f7794
--- /dev/null
+++ b/src/hooks/useCreateFileLinkQueryWatcher.ts
@@ -0,0 +1,68 @@
+import { base64ToString } from 'lib/base64'
+import { CREATE_FILE_URL_PARAM, DEFAULT_FILE_NAME } from 'lib/constants'
+import { useEffect } from 'react'
+import { useSearchParams } from 'react-router-dom'
+import { useSettingsAuthContext } from './useSettingsAuthContext'
+import { isDesktop } from 'lib/isDesktop'
+import { FileLinkParams } from 'lib/createFileLink'
+import { ProjectsCommandSchema } from 'lib/commandBarConfigs/projectsCommandConfig'
+import { baseUnitsUnion } from 'lib/settings/settingsTypes'
+
+// For initializing the command arguments, we actually want `method` to be undefined
+// so that we don't skip it in the command palette.
+export type CreateFileSchemaMethodOptional = Omit<
+ ProjectsCommandSchema['Import file from URL'],
+ 'method'
+> & {
+ method?: 'newProject' | 'existingProject'
+}
+
+/**
+ * companion to createFileLink. This hook runs an effect on mount that
+ * checks the URL for the CREATE_FILE_URL_PARAM and triggers the "Create file"
+ * command if it is present, loading the command's default values from the other
+ * URL parameters.
+ */
+export function useCreateFileLinkQuery(callback: (args: CreateFileSchemaMethodOptional) => void) {
+ const [searchParams] = useSearchParams()
+ const { settings } = useSettingsAuthContext()
+
+ useEffect(() => {
+ const createFileParam = searchParams.has(CREATE_FILE_URL_PARAM)
+
+ console.log('checking for createFileParam', {
+ createFileParam,
+ searchParams: [...searchParams.entries()],
+ })
+
+ if (createFileParam) {
+ const params: FileLinkParams = {
+ code: base64ToString(
+ decodeURIComponent(searchParams.get('code') ?? '')
+ ),
+
+ name: searchParams.get('name') ?? DEFAULT_FILE_NAME,
+
+ units:
+ (baseUnitsUnion.find((unit) => searchParams.get('units') === unit) ||
+ settings.context.modeling.defaultUnit.default) ??
+ settings.context.modeling.defaultUnit.current,
+ }
+
+ const argDefaultValues: CreateFileSchemaMethodOptional = {
+ name: params.name
+ ? isDesktop()
+ ? params.name.replace('.kcl', '')
+ : params.name
+ : isDesktop()
+ ? settings.context.projects.defaultProjectName.current
+ : DEFAULT_FILE_NAME,
+ code: params.code || '',
+ units: params.units,
+ method: isDesktop() ? undefined : 'existingProject',
+ }
+
+ callback(argDefaultValues)
+ }
+ }, [searchParams])
+}
diff --git a/src/hooks/useProjectsContext.ts b/src/hooks/useProjectsContext.ts
new file mode 100644
index 0000000000..2cc3551beb
--- /dev/null
+++ b/src/hooks/useProjectsContext.ts
@@ -0,0 +1,6 @@
+import { ProjectsMachineContext } from 'components/ProjectsContextProvider'
+import { useContext } from 'react'
+
+export const useProjectsContext = () => {
+ return useContext(ProjectsMachineContext)
+}
diff --git a/src/hooks/useProjectsLoader.tsx b/src/hooks/useProjectsLoader.tsx
index 04e55c9178..aff8edaa8e 100644
--- a/src/hooks/useProjectsLoader.tsx
+++ b/src/hooks/useProjectsLoader.tsx
@@ -14,7 +14,7 @@ export const useProjectsLoader = (deps?: [number]) => {
useEffect(() => {
// Useless on web, until we get fake filesystems over there.
- if (!isDesktop) return
+ if (!isDesktop()) return
if (deps && deps[0] === lastTs) return
diff --git a/src/hooks/useStateMachineCommands.ts b/src/hooks/useStateMachineCommands.ts
index 14adeb640a..9dbb14de6a 100644
--- a/src/hooks/useStateMachineCommands.ts
+++ b/src/hooks/useStateMachineCommands.ts
@@ -1,11 +1,11 @@
import { useEffect } from 'react'
-import { AnyStateMachine, Actor, StateFrom } from 'xstate'
+import { AnyStateMachine, Actor, StateFrom, EventFrom } from 'xstate'
import { createMachineCommand } from '../lib/createMachineCommand'
import { useCommandsContext } from './useCommandsContext'
import { modelingMachine } from 'machines/modelingMachine'
import { authMachine } from 'machines/authMachine'
import { settingsMachine } from 'machines/settingsMachine'
-import { homeMachine } from 'machines/homeMachine'
+import { projectsMachine } from 'machines/projectsMachine'
import {
Command,
StateMachineCommandSetConfig,
@@ -15,14 +15,13 @@ import { useKclContext } from 'lang/KclProvider'
import { useNetworkContext } from 'hooks/useNetworkContext'
import { NetworkHealthState } from 'hooks/useNetworkStatus'
import { useAppState } from 'AppState'
-import { getActorNextEvents } from 'lib/utils'
// This might not be necessary, AnyStateMachine from xstate is working
export type AllMachines =
| typeof modelingMachine
| typeof settingsMachine
| typeof authMachine
- | typeof homeMachine
+ | typeof projectsMachine
interface UseStateMachineCommandsArgs<
T extends AllMachines,
@@ -60,21 +59,21 @@ export default function useStateMachineCommands<
overallState !== NetworkHealthState.Weak) ||
isExecuting ||
!isStreamReady
- const newCommands = getActorNextEvents(state)
+ const newCommands = Object.keys(commandBarConfig || {})
.filter((_) => !allCommandsRequireNetwork || !disableAllButtons)
- .filter((e) => !['done.', 'error.'].some((n) => e.includes(n)))
- .flatMap((type) =>
- createMachineCommand
+
+
+
+
+ 
+
+ Launching
+ + + Go to a test create-file link + +