fix: allow --help without api key (#190)

Author: christianalfoni

src/bin/commands/previewHosts.ts

@@ -3,8 +3,10 @@ import type * as yargs from "yargs";
 import { API } from "../../API";
 import { getInferredApiKey } from "../../utils/constants";
 
-const apiKey = getInferredApiKey();
-const api = new API({ apiKey });
+function getAPI() {
+  const apiKey = getInferredApiKey();
+  return new API({ apiKey });
+}
 
 export const previewHostsCommand: yargs.CommandModule = {
   command: "preview-hosts",
@@ -16,6 +18,7 @@ export const previewHostsCommand: yargs.CommandModule = {
         command: "list",
         describe: "List current preview hosts",
         handler: async () => {
+          const api = getAPI();
           const response = await api.listPreviewHosts();
           const hosts = response.preview_hosts.map(({ host }) => host);
           if (hosts.length) {
@@ -35,6 +38,7 @@ export const previewHostsCommand: yargs.CommandModule = {
             demandOption: true,
           }),
         handler: async (argv) => {
+          const api = getAPI();
           const response = await api.listPreviewHosts();
           let hosts = response.preview_hosts.map(({ host }) => host);
           const hostToAdd = (argv.host as string).trim();
@@ -57,6 +61,7 @@ export const previewHostsCommand: yargs.CommandModule = {
             demandOption: true,
           }),
         handler: async (argv) => {
+          const api = getAPI();
           const response = await api.listPreviewHosts();
           let hosts = response.preview_hosts.map(({ host }) => host);
           const hostToRemove = (argv.host as string).trim();
@@ -73,6 +78,7 @@ export const previewHostsCommand: yargs.CommandModule = {
         command: "clear",
         describe: "Clear all preview hosts",
         handler: async () => {
+          const api = getAPI();
           const response = await api.listPreviewHosts();
           const hosts = response.preview_hosts.map(({ host }) => host);
           if (hosts.length === 0) {

src/bin/ui/sdkContext.tsx

@@ -5,16 +5,15 @@ import { API } from "../../API";
 import { getInferredApiKey } from "../../utils/constants";
 import { instrumentedFetch } from "../utils/sentry";
 
-const apiKey = getInferredApiKey();
-const sdk = new CodeSandbox(apiKey);
-const api = new API({ apiKey, instrumentation: instrumentedFetch });
-
-export const SDKContext = createContext<{ sdk: CodeSandbox; api: API }>({
-  sdk,
-  api,
-});
+export const SDKContext = createContext(
+  null as unknown as { sdk: CodeSandbox; api: API }
+);
 
 export const SDKProvider = ({ children }: { children: React.ReactNode }) => {
+  const apiKey = getInferredApiKey();
+  const sdk = new CodeSandbox(apiKey);
+  const api = new API({ apiKey, instrumentation: instrumentedFetch });
+
   return (
     <SDKContext.Provider value={{ sdk, api }}>{children}</SDKContext.Provider>
   );