@depup/react-native 0.86.2-depup.0 → 0.87.1-depup.0

package/cli.js

@@ -11,16 +11,8 @@
 
 'use strict';
 
-/*::
-import type {IncomingMessage} from 'https';
-*/
-
 // $FlowFixMe[untyped-import]
-const {name, version: currentVersion} = require('./package.json');
-const {spawn} = require('child_process');
-const {get} = require('https');
-const semver = require('semver');
-const {URL} = require('url');
+const {name} = require('./package.json');
 const {styleText} = require('util');
 
 const deprecated = () => {
@@ -57,105 +49,13 @@ let cli /*: Readonly<{
   run: deprecated,
 };
 
-const isNpxRuntime = process.env.npm_lifecycle_event === 'npx';
-const isInitCommand = process.argv[2] === 'init';
-const DEFAULT_REGISTRY_HOST =
-  process.env.npm_config_registry ?? 'https://registry.npmjs.org/';
-const HEAD = '1000.0.0';
-
-// We're going to deprecate the `init` command proxying requests to @react-native-community/cli transparently
-// on December 31th, 2024 or 0.76 (whichever arrives first). This is part of work to decouple of community CLI from React Native core.
-//
-// See https://github.com/react-native-community/discussions-and-proposals/blob/main/proposals/0759-react-native-frameworks.md
-const CLI_DEPRECATION_DATE = new Date('2024-12-31');
-
-function getLatestVersion(
-  registryHost /*: string */ = DEFAULT_REGISTRY_HOST,
-) /*: Promise<string> */ {
-  return new Promise((resolve, reject) => {
-    const url = new URL(registryHost);
-    url.pathname = 'react-native/latest';
-    get(url.toString(), (resp /*: IncomingMessage */) => {
-      const buffer = [];
-      resp.on('data', data => buffer.push(data));
-      resp.on('end', () => {
-        try {
-          resolve(JSON.parse(Buffer.concat(buffer).toString('utf8')).version);
-        } catch (e) {
-          reject(e);
-        }
-      });
-    }).on('error', e => reject(e));
-  });
-}
-
-/**
- * Warn when users are using `npx react-native init`, to raise awareness of the changes from RFC 0759.
- *
- * Phase 1
- *
- * @see https://github.com/react-native-community/discussions-and-proposals/tree/main/proposals/0759-react-native-frameworks.md
- */
-function warnWhenRunningInit() {
-  if (isInitCommand) {
-    console.warn(
-      `\nRunning: ${styleText(['grey', 'bold'], 'npx @react-native-community/cli init')}\n`,
-    );
-  }
-}
-
-/**
- * Warn more sternly that the ability to call `npx react-native init` is going away.
- *
- * Phase 2
- *
- * @see https://github.com/react-native-community/discussions-and-proposals/tree/main/proposals/0759-react-native-frameworks.md
- */
-function warnWithDeprecationSchedule() {
-  if (!isInitCommand) {
-    return;
-  }
-
-  const daysRemaining = Math.ceil(
-    (CLI_DEPRECATION_DATE.getTime() - new Date().getTime()) / 86_400_000,
-  );
-
-  const emphasis = (text /*: string */) =>
-    daysRemaining < 10
-      ? styleText(['bgRed', 'white', 'bold'], text)
-      : daysRemaining < 30
-        ? styleText(['red', 'bold'], text)
-        : daysRemaining < 60
-          ? styleText(['green', 'bold'], text)
-          : styleText(['blueBright', 'bold'], text);
-
-  console.warn(`
-${styleText('yellow', '⚠️')} The \`init\` command is deprecated.
-The behavior will be changed on ${styleText(['white', 'bold'], CLI_DEPRECATION_DATE.toLocaleDateString())} ${emphasis(`(${daysRemaining} day${daysRemaining > 1 ? 's' : ''})`)}.
-
-- Switch to ${styleText(['grey', 'bold'], 'npx @react-native-community/cli init')} for the identical behavior.
-- Refer to the documentation for information about alternative tools: ${styleText('dim', 'https://reactnative.dev/docs/getting-started')}`);
-}
-
-function warnWithDeprecated() {
-  if (!isInitCommand) {
-    return;
-  }
-  console.warn(`
-🚨️ The \`init\` command is deprecated.
-
-- Switch to ${styleText(['grey', 'bold'], 'npx @react-native-community/cli init')} for the identical behavior.
-- Refer to the documentation for information about alternative tools: ${styleText('dim', 'https://reactnative.dev/docs/getting-started')}`);
-}
-
 function warnWithExplicitDependency(version /*: string */ = '*') {
   console.warn(`
 ${styleText('yellow', '⚠')}️ ${styleText(['dim'], 'react-native')} depends on ${styleText('dim', '@react-native-community/cli')} for cli commands. To fix update your ${styleText(['dim'], 'package.json')} to include:
 
 ${styleText(
   ['white', 'bold'],
-  `
-  "devDependencies": {
+  `  "devDependencies": {
     "@react-native-community/cli": "latest",
   }
 `,
@@ -164,86 +64,7 @@ ${styleText(
 `);
 }
 
-/**
- * npx react-native -> @react-native-community/cli
- *
- * Will perform a version check and warning if you're not running the latest community cli when executed using npx. If
- * you know what you're doing, you can skip this check:
- *
- *  SKIP=true npx react-native ...
- *
- */
-async function main() {
-  if (
-    isNpxRuntime &&
-    !Boolean(process.env.SKIP) &&
-    currentVersion !== HEAD &&
-    isInitCommand
-  ) {
-    try {
-      const latest = await getLatestVersion();
-      // TODO: T184416093 When cli is deprecated, remove semver from package.json
-      if (semver.lt(currentVersion, latest)) {
-        const msg = `
-  ${styleText(['bold', 'yellow'], 'WARNING:')} You should run ${styleText(
-    ['white', 'bold'],
-    'npx react-native@latest',
-  )} to ensure you're always using the most current version of the CLI. NPX has cached version (${styleText(
-    ['bold', 'yellow'],
-    currentVersion,
-  )}) != current release (${styleText(['bold', 'green'], latest)})
-  `;
-        console.warn(msg);
-      }
-    } catch (_) {
-      // Ignore errors, since it's a nice to have warning
-    }
-  }
-
-  const isDeprecated =
-    CLI_DEPRECATION_DATE.getTime() <= new Date().getTime() ||
-    currentVersion.startsWith('0.77');
-
-  /**
-   * This command is now deprecated. We will continue to proxy commands to @react-native-community/cli, but it
-   * isn't supported anymore. We'll always show the warning.
-   *
-   * WARNING: Projects will have to have an explicit dependency on @react-native-community/cli to use the CLI.
-   *
-   * Phase 3
-   *
-   * @see https://github.com/react-native-community/discussions-and-proposals/tree/main/proposals/0759-react-native-frameworks.md
-   */
-  if (isInitCommand) {
-    if (currentVersion !== HEAD && isDeprecated) {
-      warnWithDeprecated();
-      // We only exit if the user calls `init` and it's deprecated. All other cases should proxy to to @react-native-community/cli.
-      // Be careful with this as it can break a lot of users.
-      console.warn(`${styleText('green', 'Exiting...')}`);
-      process.exit(1);
-    } else if (
-      currentVersion.startsWith('0.75') ||
-      currentVersion.startsWith('0.76')
-    ) {
-      // We check deprecation schedule only for 0.75 and 0.76 and 0.77 is expected to land in Jan 2025.
-      warnWithDeprecationSchedule();
-    }
-    warnWhenRunningInit();
-
-    const proc = spawn(
-      'npx',
-      ['@react-native-community/cli', ...process.argv.slice(2)],
-      {
-        stdio: 'inherit',
-      },
-    );
-
-    const code /*: number */ = await new Promise(resolve => {
-      proc.on('exit', resolve);
-    });
-    process.exit(code);
-  }
-
+function main() {
   try {
     return findCommunityCli().run(name);
   } catch (e) {

package/flow/bom.js.flow

@@ -114,12 +114,12 @@ declare class PerformanceEntry {
 // https://w3c.github.io/user-timing/#performancemark
 declare class PerformanceMark extends PerformanceEntry {
   constructor(name: string, markOptions?: PerformanceMarkOptions): void;
-  +detail: unknown;
+  readonly detail: unknown;
 }
 
 // https://w3c.github.io/user-timing/#performancemeasure
 declare class PerformanceMeasure extends PerformanceEntry {
-  +detail: unknown;
+  readonly detail: unknown;
 }
 
 // https://w3c.github.io/server-timing/#the-performanceservertiming-interface
@@ -207,8 +207,8 @@ declare interface EventCounts {
 }
 
 declare class Performance {
-  +eventCounts: EventCounts;
-  +timeOrigin: DOMHighResTimeStamp;
+  readonly eventCounts: EventCounts;
+  readonly timeOrigin: DOMHighResTimeStamp;
 
   clearMarks(name?: string): void;
   clearMeasures(name?: string): void;
@@ -284,7 +284,7 @@ declare class FormData {
 }
 
 declare class DOMRectReadOnly {
-  +bottom: number;
+  readonly bottom: number;
   constructor(x: number, y: number, width: number, height: number): void;
   static fromRect(rectangle?: {
     height: number,
@@ -293,13 +293,13 @@ declare class DOMRectReadOnly {
     y: number,
     ...
   }): DOMRectReadOnly;
-  +height: number;
-  +left: number;
-  +right: number;
-  +top: number;
-  +width: number;
-  +x: number;
-  +y: number;
+  readonly height: number;
+  readonly left: number;
+  readonly right: number;
+  readonly top: number;
+  readonly width: number;
+  readonly x: number;
+  readonly y: number;
 }
 
 declare class DOMRect extends DOMRectReadOnly {
@@ -331,23 +331,23 @@ declare class MutationRecord {
   // Always an empty NodeList for `attributes` and `characterData` mutations.
   // React Native currently only supports `childList`, so this contains the
   // added nodes for that mutation type.
-  +addedNodes: NodeList<Node>;
+  readonly addedNodes: NodeList<Node>;
   // Always `null` in React Native (only `childList` mutations are supported).
-  +attributeName: null;
+  readonly attributeName: null;
   // Always `null` in React Native (only `childList` mutations are supported).
-  +nextSibling: null;
+  readonly nextSibling: null;
   // Always `null` in React Native (only `childList` mutations are supported,
   // and `attributeOldValue`/`characterDataOldValue` are not supported).
-  +oldValue: null;
+  readonly oldValue: null;
   // Always `null` in React Native (only `childList` mutations are supported).
-  +previousSibling: null;
+  readonly previousSibling: null;
   // Always an empty NodeList for `attributes` and `characterData` mutations.
   // React Native currently only supports `childList`, so this contains the
   // removed nodes for that mutation type.
-  +removedNodes: NodeList<Node>;
-  +target: Node;
+  readonly removedNodes: NodeList<Node>;
+  readonly target: Node;
   // React Native currently only supports `childList` mutations.
-  +type: 'childList';
+  readonly type: 'childList';
 }
 
 // React Native currently only supports `childList` mutations, so `childList`
@@ -355,8 +355,8 @@ declare class MutationRecord {
 // `attributeOldValue`/`characterData`/`characterDataOldValue` options are not
 // supported and will throw if provided.
 declare type MutationObserverInit = {
-  +childList: true,
-  +subtree?: boolean,
+  readonly childList: true,
+  readonly subtree?: boolean,
   ...
 };
 
@@ -372,17 +372,17 @@ declare class MutationObserver {
 }
 
 declare type IntersectionObserverEntry = {
-  +boundingClientRect: DOMRectReadOnly,
-  +intersectionRatio: number,
-  +intersectionRect: DOMRectReadOnly,
-  +isIntersecting: boolean,
+  readonly boundingClientRect: DOMRectReadOnly,
+  readonly intersectionRatio: number,
+  readonly intersectionRect: DOMRectReadOnly,
+  readonly isIntersecting: boolean,
   // Always non-null in React Native.
-  +rootBounds: DOMRectReadOnly,
+  readonly rootBounds: DOMRectReadOnly,
   // React Native-specific extension. Equivalent to `intersectionRatio` but
   // computed against the `rnRootThreshold` root-relative thresholds.
-  +rnRootIntersectionRatio: number,
-  +target: Element,
-  +time: DOMHighResTimeStamp,
+  readonly rnRootIntersectionRatio: number,
+  readonly target: Element,
+  readonly time: DOMHighResTimeStamp,
   ...
 };
 
@@ -410,12 +410,12 @@ declare class IntersectionObserver {
   ): void;
   disconnect(): void;
   observe(target: Element): void;
-  +root: Element | null;
-  +rootMargin: string;
+  readonly root: Element | null;
+  readonly rootMargin: string;
   // React Native-specific extension. The thresholds expressed as a fraction of
   // the root's size (set via the `rnRootThreshold` option).
-  +rnRootThresholds: ReadonlyArray<number> | null;
-  +thresholds: ReadonlyArray<number>;
+  readonly rnRootThresholds: ReadonlyArray<number> | null;
+  readonly thresholds: ReadonlyArray<number>;
   unobserve(target: Element): void;
 }
 
@@ -689,7 +689,7 @@ declare class Request {
 
   referrer: string;
   referrerPolicy: ReferrerPolicyType;
-  +signal: AbortSignal;
+  readonly signal: AbortSignal;
   text(): Promise<string>;
   url: string;
 }
@@ -697,15 +697,15 @@ declare class Request {
 declare class AbortController {
   abort(reason?: $FlowFixMe): void;
   constructor(): void;
-  +signal: AbortSignal;
+  readonly signal: AbortSignal;
 }
 
 declare class AbortSignal extends EventTarget {
   static abort(reason?: $FlowFixMe): AbortSignal;
   static any(signals: Iterable<AbortSignal>): AbortSignal;
-  +aborted: boolean;
+  readonly aborted: boolean;
   onabort: (event: Event) => unknown;
-  +reason: $FlowFixMe;
+  readonly reason: $FlowFixMe;
   throwIfAborted(): void;
   static timeout(time: number): AbortSignal;
 }
@@ -741,8 +741,8 @@ declare type FileSystemHandleKind = 'file' | 'directory';
 
 // https://wicg.github.io/file-system-access/#api-filesystemhandle
 declare class FileSystemHandle {
-  +kind: FileSystemHandleKind;
-  +name: string;
+  readonly kind: FileSystemHandleKind;
+  readonly name: string;
 
   isSameEntry: (other: FileSystemHandle) => Promise<boolean>;
   queryPermission?: (
@@ -755,7 +755,7 @@ declare class FileSystemHandle {
 
 // https://fs.spec.whatwg.org/#api-filesystemfilehandle
 declare class FileSystemFileHandle extends FileSystemHandle {
-  +kind: 'file';
+  readonly kind: 'file';
 
   constructor(name: string): void;
 
@@ -768,7 +768,7 @@ declare class FileSystemFileHandle extends FileSystemHandle {
 
 // https://fs.spec.whatwg.org/#api-filesystemdirectoryhandle
 declare class FileSystemDirectoryHandle extends FileSystemHandle {
-  +kind: 'directory';
+  readonly kind: 'directory';
 
   constructor(name: string): void;
 

package/flow/cssom.js.flow

@@ -10,12 +10,12 @@
 
 declare class StyleSheet {
   disabled: boolean;
-  +href: string;
-  +media: MediaList;
-  +ownerNode: Node;
-  +parentStyleSheet: ?StyleSheet;
-  +title: string;
-  +type: string;
+  readonly href: string;
+  readonly media: MediaList;
+  readonly ownerNode: Node;
+  readonly parentStyleSheet: ?StyleSheet;
+  readonly title: string;
+  readonly type: string;
 }
 
 declare class StyleSheetList {
@@ -35,10 +35,10 @@ declare class MediaList {
 }
 
 declare class CSSStyleSheet extends StyleSheet {
-  +cssRules: CSSRuleList;
+  readonly cssRules: CSSRuleList;
   deleteRule(index: number): void;
   insertRule(rule: string, index: number): number;
-  +ownerRule: ?CSSRule;
+  readonly ownerRule: ?CSSRule;
   replace(text: string): Promise<CSSStyleSheet>;
   replaceSync(text: string): void;
 }
@@ -56,24 +56,24 @@ declare class CSSRule {
   static MEDIA_RULE: number;
   static NAMESPACE_RULE: number;
   static PAGE_RULE: number;
-  +parentRule: ?CSSRule;
-  +parentStyleSheet: ?CSSStyleSheet;
+  readonly parentRule: ?CSSRule;
+  readonly parentStyleSheet: ?CSSStyleSheet;
   static REGION_STYLE_RULE: number;
   static STYLE_RULE: number;
   static SUPPORTS_RULE: number;
-  +type: number;
+  readonly type: number;
   static UNKNOWN_RULE: number;
   static VIEWPORT_RULE: number;
 }
 
 declare class CSSKeyframeRule extends CSSRule {
   keyText: string;
-  +style: CSSStyleDeclaration;
+  readonly style: CSSStyleDeclaration;
 }
 
 declare class CSSKeyframesRule extends CSSRule {
   appendRule(rule: string): void;
-  +cssRules: CSSRuleList;
+  readonly cssRules: CSSRuleList;
   deleteRule(select: string): void;
   findRule(select: string): CSSKeyframeRule | null;
   name: string;
@@ -418,7 +418,7 @@ type CompositeOperation = 'replace' | 'add' | 'accumulate';
 type CompositeOperationOrAuto = CompositeOperation | 'auto';
 
 declare class AnimationTimeline {
-  +currentTime: number | null;
+  readonly currentTime: number | null;
 }
 
 type DocumentTimelineOptions = {
@@ -522,19 +522,19 @@ declare class Animation extends EventTarget {
   currentTime: number | null;
   effect: AnimationEffect | null;
   finish(): void;
-  +finished: Promise<Animation>;
+  readonly finished: Promise<Animation>;
   id: string;
   oncancel: ?(ev: AnimationPlaybackEvent) => unknown;
   onfinish: ?(ev: AnimationPlaybackEvent) => unknown;
   onremove: ?(ev: AnimationPlaybackEvent) => unknown;
   pause(): void;
-  +pending: boolean;
+  readonly pending: boolean;
   persist(): void;
   play(): void;
   playbackRate: number;
-  +playState: AnimationPlayState;
-  +ready: Promise<Animation>;
-  +replaceState: AnimationReplaceState;
+  readonly playState: AnimationPlayState;
+  readonly ready: Promise<Animation>;
+  readonly replaceState: AnimationReplaceState;
   reverse(): void;
   startTime: number | null;
   timeline: AnimationTimeline | null;
@@ -570,6 +570,6 @@ declare class AnimationPlaybackEvent extends Event {
     type: string,
     animationEventInitDict?: AnimationPlaybackEvent$Init,
   ): void;
-  +currentTime: number | null;
-  +timelineTime: number | null;
+  readonly currentTime: number | null;
+  readonly timelineTime: number | null;
 }