githubmr/facebook-react: The library for web and native user interfaces.

packages/react-fetch/src/ReactFetchNode.js
235 строк6 KB
Andrew Clark
[RFC] Codemod invariant -> throw new Error (#22435)
30 сен 2021, 22:01
30 сен 2021, 22:01a724a3b
/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 * @flow
 */

import type {Wakeable} from 'shared/ReactTypes';

import * as http from 'http';
import * as https from 'https';
import {unstable_getCacheForType} from 'react';

type FetchResponse = {|
  // Properties
  headers: any,
  ok: boolean,
  redirected: boolean,
  status: number,
  statusText: string,
  type: 'basic',
  url: string,
  // Methods
  arrayBuffer(): ArrayBuffer,
  blob(): any,
  json(): any,
  text(): string,
|};

function nodeFetch(
  url: string,
  options: mixed,
  onResolve: any => void,
  onReject: any => void,
): void {
  const {hostname, pathname, search, port, protocol} = new URL(url);
  const nodeOptions = {
    hostname,
    port,
    path: pathname + search,
    // TODO: cherry-pick supported user-passed options.
  };
  const nodeImpl = protocol === 'https:' ? https : http;
  const request = nodeImpl.request(nodeOptions, response => {
    // TODO: support redirects.
    onResolve(new Response(response));
  });
  request.on('error', error => {
    onReject(error);
  });
  request.end();
}

const Pending = 0;
const Resolved = 1;
const Rejected = 2;

type PendingRecord = {|
  status: 0,
  value: Wakeable,
|};

type ResolvedRecord<V> = {|
  status: 1,
  value: V,
|};

type RejectedRecord = {|
  status: 2,
  value: mixed,
|};

type Record<V> = PendingRecord | ResolvedRecord<V> | RejectedRecord;

function getRecordMap(): Map<string, Record<FetchResponse>> {
  return unstable_getCacheForType(createRecordMap);
}

function createRecordMap(): Map<string, Record<FetchResponse>> {
  return new Map();
}

function readRecordValue<T>(record: Record<T>): T {
  if (record.status === Resolved) {
    return record.value;
  } else {
    throw record.value;
  }
}

function Response(nativeResponse) {
  this.headers = nativeResponse.headers;
  this.ok = nativeResponse.statusCode >= 200 && nativeResponse.statusCode < 300;
  this.redirected = false; // TODO
  this.status = nativeResponse.statusCode;
  this.statusText = nativeResponse.statusMessage;
  this.type = 'basic';
  this.url = nativeResponse.url;

  this._response = nativeResponse;
  this._json = null;
  this._text = null;

  const callbacks = [];
  function wake() {
    // This assumes they won't throw.
    while (callbacks.length > 0) {
      const cb = callbacks.pop();
      cb();
    }
  }
  const bufferRecord: PendingRecord = (this._bufferRecord = {
    status: Pending,
    value: {
      then(cb) {
        callbacks.push(cb);
      },
    },
  });
  const data = [];
  nativeResponse.on('data', chunk => data.push(chunk));
  nativeResponse.on('end', () => {
    if (bufferRecord.status === Pending) {
      const resolvedRecord = ((bufferRecord: any): ResolvedRecord<Buffer>);
      resolvedRecord.status = Resolved;
      resolvedRecord.value = Buffer.concat(data);
      wake();
    }
  });
  nativeResponse.on('error', err => {
    if (bufferRecord.status === Pending) {
      const rejectedRecord = ((bufferRecord: any): RejectedRecord);
      rejectedRecord.status = Rejected;
      rejectedRecord.value = err;
      wake();
    }
  });
}

Response.prototype = {
  constructor: Response,
  arrayBuffer() {
    const buffer = readRecordValue(this._bufferRecord);
    return buffer;
  },
  blob() {
    // TODO: Is this needed?
    throw new Error('Not implemented.');
  },
  json() {
    if (this._json !== null) {
      return this._json;
    }
    const buffer = readRecordValue(this._bufferRecord);
    const json = JSON.parse(buffer.toString());
    this._json = json;
    return json;
  },
  text() {
    if (this._text !== null) {
      return this._text;
    }
    const buffer = readRecordValue(this._bufferRecord);
    const text = buffer.toString();
    this._text = text;
    return text;
  },
};

function preloadRecord(url: string, options: mixed): Record<FetchResponse> {
  const map = getRecordMap();
  let record = map.get(url);
  if (!record) {
    if (options) {
      if (options.method || options.body || options.signal) {
        // TODO: wire up our own cancellation mechanism.
        // TODO: figure out what to do with POST.
        // eslint-disable-next-line react-internal/prod-error-codes
        throw Error('Unsupported option');
      }
    }
    const callbacks = [];
    const wakeable = {
      then(cb) {
        callbacks.push(cb);
      },
    };
    const wake = () => {
      // This assumes they won't throw.
      while (callbacks.length > 0) {
        const cb = callbacks.pop();
        cb();
      }
    };
    const newRecord: Record<FetchResponse> = (record = {
      status: Pending,
      value: wakeable,
    });
    nodeFetch(
      url,
      options,
      response => {
        if (newRecord.status === Pending) {
          const resolvedRecord = ((newRecord: any): ResolvedRecord<FetchResponse>);
          resolvedRecord.status = Resolved;
          resolvedRecord.value = response;
          wake();
        }
      },
      err => {
        if (newRecord.status === Pending) {
          const rejectedRecord = ((newRecord: any): RejectedRecord);
          rejectedRecord.status = Rejected;
          rejectedRecord.value = err;
          wake();
        }
      },
    );
    map.set(url, record);
  }
  return record;
}

export function preload(url: string, options: mixed): void {
  preloadRecord(url, options);
  // Don't return anything.
}

export function fetch(url: string, options: mixed): FetchResponse {
  const record = preloadRecord(url, options);
  const response = readRecordValue(record);
  return response;
}