Add (broken) event logic and command triggering logic

src/hooks/useCreateFileLinkQueryWatcher.ts

@@ -0,0 +1,78 @@
+import { base64ToString } from 'lib/base64'
+import { CREATE_FILE_URL_PARAM, DEFAULT_FILE_NAME } from 'lib/constants'
+import { useEffect } from 'react'
+import { useLocation } from 'react-router-dom'
+import { useCommandsContext } from './useCommandsContext'
+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'
+
+/**
+ * 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() {
+  const location = useLocation()
+  const { commandBarSend } = useCommandsContext()
+  const { settings } = useSettingsAuthContext()
+
+  useEffect(() => {
+    const urlParams = new URLSearchParams(location.search)
+    const createFileParam = urlParams.has(CREATE_FILE_URL_PARAM)
+
+    console.log('checking for createFileParam', {
+      createFileParam,
+      urlParams: [...urlParams.entries()],
+      location,
+    })
+
+    if (createFileParam) {
+      const params: FileLinkParams = {
+        code: base64ToString(decodeURIComponent(urlParams.get('code') ?? '')),
+
+        name: urlParams.get('name') ?? DEFAULT_FILE_NAME,
+
+        units:
+          (baseUnitsUnion.find((unit) => urlParams.get('units') === unit) ||
+            settings.context.modeling.defaultUnit.default) ??
+          settings.context.modeling.defaultUnit.current,
+      }
+      console.log('createFileParam', params)
+
+      // For initializing the command arguments, we actually want `method` to be undefined
+      // so that we don't skip it in the command palette.
+      type CreateFileSchemaMethodOptional = Omit<
+        ProjectsCommandSchema['Import file from URL'],
+        'method'
+      > & {
+        method?: 'newProject' | 'existingProject'
+      }
+
+      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',
+      }
+
+      commandBarSend({
+        type: 'Find and select command',
+        data: {
+          groupId: 'projects',
+          name: 'Import file from URL',
+          argDefaultValues,
+        },
+      })
+    }
+  }, [location.search])
+}