wrangler 0.0.0-e61fba8 → 0.0.0-e62b097bb

package/src/dev/remote.tsx

@@ -1,240 +0,0 @@
-import { readFile } from "node:fs/promises";
-import path from "node:path";
-import { useState, useEffect, useRef } from "react";
-import { createWorkerPreview } from "../create-worker-preview";
-import useInspector from "../inspect";
-import { logger } from "../logger";
-import { usePreviewServer } from "../proxy";
-import { syncAssets } from "../sites";
-import { requireApiToken, requireAuth } from "../user";
-import type { CfPreviewToken } from "../create-worker-preview";
-import type { AssetPaths } from "../sites";
-import type { CfModule, CfWorkerInit, CfScriptFormat } from "../worker";
-import type { EsbuildBundle } from "./use-esbuild";
-
-export function Remote(props: {
-  name: string | undefined;
-  bundle: EsbuildBundle | undefined;
-  format: CfScriptFormat | undefined;
-  public: string | undefined;
-  assetPaths: AssetPaths | undefined;
-  port: number;
-  ip: string;
-  localProtocol: "https" | "http";
-  inspectorPort: number;
-  accountId: string | undefined;
-  bindings: CfWorkerInit["bindings"];
-  compatibilityDate: string;
-  compatibilityFlags: string[] | undefined;
-  usageModel: "bundled" | "unbound" | undefined;
-  env: string | undefined;
-  legacyEnv: boolean | undefined;
-  zone: string | undefined;
-  host: string | undefined;
-}) {
-  const previewToken = useWorker({
-    name: props.name,
-    bundle: props.bundle,
-    format: props.format,
-    modules: props.bundle ? props.bundle.modules : [],
-    accountId: props.accountId,
-    bindings: props.bindings,
-    assetPaths: props.assetPaths,
-    public: props.public,
-    port: props.port,
-    compatibilityDate: props.compatibilityDate,
-    compatibilityFlags: props.compatibilityFlags,
-    usageModel: props.usageModel,
-    env: props.env,
-    legacyEnv: props.legacyEnv,
-    zone: props.zone,
-    host: props.host,
-  });
-
-  usePreviewServer({
-    previewToken,
-    publicRoot: props.public,
-    localProtocol: props.localProtocol,
-    localPort: props.port,
-    ip: props.ip,
-  });
-
-  useInspector({
-    inspectorUrl: previewToken ? previewToken.inspectorUrl.href : undefined,
-    port: props.inspectorPort,
-    logToTerminal: true,
-  });
-  return null;
-}
-
-export function useWorker(props: {
-  name: string | undefined;
-  bundle: EsbuildBundle | undefined;
-  format: CfScriptFormat | undefined;
-  modules: CfModule[];
-  accountId: string | undefined;
-  bindings: CfWorkerInit["bindings"];
-  assetPaths: AssetPaths | undefined;
-  public: string | undefined;
-  port: number;
-  compatibilityDate: string | undefined;
-  compatibilityFlags: string[] | undefined;
-  usageModel: "bundled" | "unbound" | undefined;
-  env: string | undefined;
-  legacyEnv: boolean | undefined;
-  zone: string | undefined;
-  host: string | undefined;
-}): CfPreviewToken | undefined {
-  const {
-    name,
-    bundle,
-    format,
-    modules,
-    accountId,
-    bindings,
-    assetPaths,
-    compatibilityDate,
-    compatibilityFlags,
-    usageModel,
-    port,
-  } = props;
-  const [token, setToken] = useState<CfPreviewToken | undefined>();
-
-  // This is the most reliable way to detect whether
-  // something's "happened" in our system; We make a ref and
-  // mark it once we log our initial message. Refs are vars!
-  const startedRef = useRef(false);
-  // This ref holds the actual accountId being used, the `accountId` prop could be undefined
-  // as it is only what is retrieved from the wrangler.toml config.
-  const accountIdRef = useRef(accountId);
-
-  useEffect(() => {
-    const abortController = new AbortController();
-    async function start() {
-      setToken(undefined); // reset token in case we're re-running
-
-      if (!bundle || !format) return;
-
-      if (!startedRef.current) {
-        startedRef.current = true;
-      } else {
-        logger.log("⎔ Detected changes, restarted server.");
-      }
-
-      // Ensure we have an account id, even if it means logging in here.
-      accountIdRef.current = await requireAuth({
-        account_id: accountIdRef.current,
-      });
-
-      const assets = await syncAssets(
-        accountIdRef.current,
-        // When we're using the newer service environments, we wouldn't
-        // have added the env name on to the script name. However, we must
-        // include it in the kv namespace name regardless (since there's no
-        // concept of service environments for kv namespaces yet).
-        name + (!props.legacyEnv && props.env ? `-${props.env}` : ""),
-        props.public ? undefined : assetPaths,
-        true,
-        false
-      ); // TODO: cancellable?
-
-      const content = await readFile(bundle.path, "utf-8");
-
-      const init: CfWorkerInit = {
-        name,
-        main: {
-          name: path.basename(bundle.path),
-          type: format === "modules" ? "esm" : "commonjs",
-          content,
-        },
-        modules: modules.concat(
-          assets.manifest
-            ? {
-                name: "__STATIC_CONTENT_MANIFEST",
-                content: JSON.stringify(assets.manifest),
-                type: "text",
-              }
-            : []
-        ),
-        bindings: {
-          ...bindings,
-          kv_namespaces: (bindings.kv_namespaces || []).concat(
-            assets.namespace
-              ? { binding: "__STATIC_CONTENT", id: assets.namespace }
-              : []
-          ),
-          text_blobs: {
-            ...bindings.text_blobs,
-            ...(assets.manifest &&
-              format === "service-worker" && {
-                __STATIC_CONTENT_MANIFEST: "__STATIC_CONTENT_MANIFEST",
-              }),
-          },
-        },
-        migrations: undefined, // no migrations in dev
-        compatibility_date: compatibilityDate,
-        compatibility_flags: compatibilityFlags,
-        usage_model: usageModel,
-      };
-      setToken(
-        await createWorkerPreview(
-          init,
-          {
-            accountId: accountIdRef.current,
-            apiToken: requireApiToken(),
-          },
-          {
-            env: props.env,
-            legacyEnv: props.legacyEnv,
-            zone: props.zone,
-            host: props.host,
-          },
-          abortController.signal
-        )
-      );
-    }
-    start().catch((err) => {
-      // we want to log the error, but not end the process
-      // since it could recover after the developer fixes whatever's wrong
-      if ((err as { code: string }).code !== "ABORT_ERR") {
-        // instead of logging the raw API error to the user,
-        // give them friendly instructions
-        // for error 10063 (workers.dev subdomain required)
-        if (err.code === 10063) {
-          const errorMessage =
-            "Error: You need to register a workers.dev subdomain before running the dev command in remote mode";
-          const solutionMessage =
-            "You can either enable local mode by pressing l, or register a workers.dev subdomain here:";
-          const onboardingLink = `https://dash.cloudflare.com/${accountIdRef.current}/workers/onboarding`;
-          logger.error(
-            `${errorMessage}\n${solutionMessage}\n${onboardingLink}`
-          );
-        } else {
-          logger.error("Error on remote worker:", err);
-        }
-      }
-    });
-
-    return () => {
-      abortController.abort();
-    };
-  }, [
-    name,
-    bundle,
-    format,
-    accountId,
-    port,
-    assetPaths,
-    props.public,
-    compatibilityDate,
-    compatibilityFlags,
-    usageModel,
-    bindings,
-    modules,
-    props.env,
-    props.legacyEnv,
-    props.zone,
-    props.host,
-  ]);
-  return token;
-}

package/src/dev/use-esbuild.ts

@@ -1,115 +0,0 @@
-import assert from "node:assert";
-import { useApp } from "ink";
-import { useState, useEffect } from "react";
-import { bundleWorker } from "../bundle";
-import { logger } from "../logger";
-import type { Config } from "../config";
-import type { Entry } from "../entry";
-import type { CfModule } from "../worker";
-import type { WatchMode } from "esbuild";
-
-export type EsbuildBundle = {
-  id: number;
-  path: string;
-  entry: Entry;
-  type: "esm" | "commonjs";
-  modules: CfModule[];
-};
-
-export function useEsbuild({
-  entry,
-  destination,
-  staticRoot,
-  jsxFactory,
-  jsxFragment,
-  rules,
-  serveAssetsFromWorker,
-  tsconfig,
-  minify,
-  nodeCompat,
-}: {
-  entry: Entry;
-  destination: string | undefined;
-  staticRoot: string | undefined;
-  jsxFactory: string | undefined;
-  jsxFragment: string | undefined;
-  rules: Config["rules"];
-  serveAssetsFromWorker: boolean;
-  tsconfig: string | undefined;
-  minify: boolean | undefined;
-  nodeCompat: boolean | undefined;
-}): EsbuildBundle | undefined {
-  const [bundle, setBundle] = useState<EsbuildBundle>();
-  const { exit } = useApp();
-  useEffect(() => {
-    let stopWatching: (() => void) | undefined = undefined;
-
-    const watchMode: WatchMode = {
-      async onRebuild(error) {
-        if (error) logger.error("Watch build failed:", error);
-        else {
-          // nothing really changes here, so let's increment the id
-          // to change the return object's identity
-          setBundle((previousBundle) => {
-            assert(
-              previousBundle,
-              "Rebuild triggered with no previous build available"
-            );
-            return { ...previousBundle, id: previousBundle.id + 1 };
-          });
-        }
-      },
-    };
-
-    async function build() {
-      if (!destination) return;
-
-      const { resolvedEntryPointPath, bundleType, modules, stop } =
-        await bundleWorker(entry, destination, {
-          serveAssetsFromWorker,
-          jsxFactory,
-          jsxFragment,
-          rules,
-          watch: watchMode,
-          tsconfig,
-          minify,
-          nodeCompat,
-        });
-
-      // Capture the `stop()` method to use as the `useEffect()` destructor.
-      stopWatching = stop;
-
-      setBundle({
-        id: 0,
-        entry,
-        path: resolvedEntryPointPath,
-        type: bundleType,
-        modules,
-      });
-    }
-
-    build().catch((err) => {
-      // If esbuild fails on first run, we want to quit the process
-      // since we can't recover from here
-      // related: https://github.com/evanw/esbuild/issues/1037
-      exit(err);
-    });
-
-    return () => {
-      stopWatching?.();
-    };
-  }, [
-    entry,
-    destination,
-    staticRoot,
-    jsxFactory,
-    jsxFragment,
-    serveAssetsFromWorker,
-    rules,
-    tsconfig,
-    exit,
-    minify,
-    nodeCompat,
-  ]);
-  return bundle;
-}

package/src/dialogs.tsx

@@ -1,135 +0,0 @@
-import chalk from "chalk";
-import { Box, Text, useInput, render } from "ink";
-import SelectInput from "ink-select-input";
-import TextInput from "ink-text-input";
-import * as React from "react";
-import { useState } from "react";
-import { logger } from "./logger";
-type ConfirmProps = {
-  text: string;
-  onConfirm: (answer: boolean) => void;
-};
-function Confirm(props: ConfirmProps) {
-  useInput((input: string, key) => {
-    if (input === "y" || key.return === true) {
-      props.onConfirm(true);
-    } else if (input === "n") {
-      props.onConfirm(false);
-    } else {
-      logger.warn("Unrecognised input:", input);
-    }
-  });
-  return (
-    <Box>
-      <Text>
-        {props.text} ({chalk.bold("y")}/n)
-      </Text>
-    </Box>
-  );
-}
-
-export function confirm(text: string): Promise<boolean> {
-  return new Promise((resolve) => {
-    const { unmount } = render(
-      <Confirm
-        text={text}
-        onConfirm={(answer: boolean) => {
-          unmount();
-          resolve(answer);
-        }}
-      />
-    );
-  });
-}
-
-type PromptProps = {
-  text: string;
-  defaultValue?: string;
-  type?: "text" | "password";
-  onSubmit: (text: string) => void;
-};
-
-function Prompt(props: PromptProps) {
-  const [value, setValue] = useState(props.defaultValue || "");
-
-  return (
-    <Box>
-      <Text>{props.text} </Text>
-      <Box>
-        <TextInput
-          mask={props.type === "password" ? "*" : undefined}
-          value={value}
-          onChange={setValue}
-          onSubmit={props.onSubmit}
-        />
-      </Box>
-    </Box>
-  );
-}
-
-export async function prompt(
-  text: string,
-  type: "text" | "password" = "text",
-  defaultValue?: string
-): Promise<string> {
-  return new Promise((resolve) => {
-    const { unmount } = render(
-      <Prompt
-        text={text}
-        defaultValue={defaultValue}
-        type={type}
-        onSubmit={(inputText) => {
-          unmount();
-          resolve(inputText);
-        }}
-      />
-    );
-  });
-}
-
-type SelectOption = {
-  value: string;
-  label: string;
-};
-
-type SelectProps = {
-  text: string;
-  options: SelectOption[];
-  initialIndex: number;
-  onSelect: (value: string) => void;
-};
-
-function Select(props: SelectProps) {
-  return (
-    <Box flexDirection="column">
-      <Text>{props.text}</Text>
-      <SelectInput
-        initialIndex={props.initialIndex}
-        items={props.options}
-        onSelect={async (selected) => {
-          props.onSelect(selected.value);
-        }}
-      />
-    </Box>
-  );
-}
-
-export function select(
-  text: string,
-  options: SelectOption[],
-  initialIndex: number
-): Promise<string> {
-  return new Promise((resolve) => {
-    const { unmount } = render(
-      <Select
-        text={text}
-        options={options}
-        initialIndex={initialIndex}
-        onSelect={(option: string) => {
-          unmount();
-          resolve(option);
-        }}
-      />
-    );
-  });
-}

package/src/durable.ts

@@ -1,102 +0,0 @@
-import assert from "node:assert";
-import { fetchResult } from "./cfetch";
-import { logger } from "./logger";
-import type { Config } from "./config";
-import type { CfWorkerInit } from "./worker";
-
-/**
- * For a given Worker + migrations config, figure out which migrations
- * to upload based on the current migration tag of the deployed Worker.
- */
-export async function getMigrationsToUpload(
-  scriptName: string,
-  props: {
-    accountId: string | undefined;
-    config: Config;
-    legacyEnv: boolean | undefined;
-    env: string | undefined;
-  }
-): Promise<CfWorkerInit["migrations"]> {
-  const { config, accountId } = props;
-
-  assert(accountId, "Missing accountId");
-  // if config.migrations
-  let migrations;
-  if (config.migrations.length > 0) {
-    // get current migration tag
-    type ScriptData = { id: string; migration_tag?: string };
-    let script: ScriptData | undefined;
-    if (!props.legacyEnv) {
-      try {
-        if (props.env) {
-          const scriptData = await fetchResult<{
-            script: ScriptData;
-          }>(
-            `/accounts/${accountId}/workers/services/${scriptName}/environments/${props.env}`
-          );
-          script = scriptData.script;
-        } else {
-          const scriptData = await fetchResult<{
-            default_environment: {
-              script: ScriptData;
-            };
-          }>(`/accounts/${accountId}/workers/services/${scriptName}`);
-          script = scriptData.default_environment.script;
-        }
-      } catch (err) {
-        if (
-          ![
-            10090, // corresponds to workers.api.error.service_not_found, so the script wasn't previously published at all
-            10092, // workers.api.error.environment_not_found, so the script wasn't published to this environment yet
-          ].includes((err as { code: number }).code)
-        ) {
-          throw err;
-        }
-        // else it's a 404, no script found, and we can proceed
-      }
-    } else {
-      const scripts = await fetchResult<ScriptData[]>(
-        `/accounts/${accountId}/workers/scripts`
-      );
-      script = scripts.find(({ id }) => id === scriptName);
-    }
-
-    if (script?.migration_tag) {
-      // was already published once
-      const scriptMigrationTag = script.migration_tag;
-      const foundIndex = config.migrations.findIndex(
-        (migration) => migration.tag === scriptMigrationTag
-      );
-      if (foundIndex === -1) {
-        logger.warn(
-          `The published script ${scriptName} has a migration tag "${script.migration_tag}, which was not found in wrangler.toml. You may have already deleted it. Applying all available migrations to the script...`
-        );
-        migrations = {
-          old_tag: script.migration_tag,
-          new_tag: config.migrations[config.migrations.length - 1].tag,
-          steps: config.migrations.map(({ tag: _tag, ...rest }) => rest),
-        };
-      } else {
-        if (foundIndex !== config.migrations.length - 1) {
-          // there are new migrations to send up
-          migrations = {
-            old_tag: script.migration_tag,
-            new_tag: config.migrations[config.migrations.length - 1].tag,
-            steps: config.migrations
-              .slice(foundIndex + 1)
-              .map(({ tag: _tag, ...rest }) => rest),
-          };
-        }
-        // else, we're up to date, no migrations to send
-      }
-    } else {
-      // first time publishing durable objects to this script,
-      // so we send all the migrations
-      migrations = {
-        new_tag: config.migrations[config.migrations.length - 1].tag,
-        steps: config.migrations.map(({ tag: _tag, ...rest }) => rest),
-      };
-    }
-  }
-  return migrations;
-}