diff --git a/packages/react-devtools-extensions/src/main/index.js b/packages/react-devtools-extensions/src/main/index.js index 3a51b996e2049..36931e42194a4 100644 --- a/packages/react-devtools-extensions/src/main/index.js +++ b/packages/react-devtools-extensions/src/main/index.js @@ -185,7 +185,7 @@ function createComponentsPanel() { } chrome.devtools.panels.create( - __IS_CHROME__ || __IS_EDGE__ ? '⚛️ Components' : 'Components', + __IS_CHROME__ || __IS_EDGE__ ? 'Components ⚛' : 'Components', __IS_EDGE__ ? 'icons/production.svg' : '', 'panel.html', createdPanel => { @@ -224,7 +224,7 @@ function createProfilerPanel() { } chrome.devtools.panels.create( - __IS_CHROME__ || __IS_EDGE__ ? '⚛️ Profiler' : 'Profiler', + __IS_CHROME__ || __IS_EDGE__ ? 'Profiler ⚛' : 'Profiler', __IS_EDGE__ ? 'icons/production.svg' : '', 'panel.html', createdPanel => { diff --git a/packages/react-devtools-shared/src/backend/fiber/renderer.js b/packages/react-devtools-shared/src/backend/fiber/renderer.js index 4500da6a35366..7ddbe535835ae 100644 --- a/packages/react-devtools-shared/src/backend/fiber/renderer.js +++ b/packages/react-devtools-shared/src/backend/fiber/renderer.js @@ -1350,7 +1350,7 @@ export function attach( // Unfortunately this feature is not expected to work for React Native for now. // It would be annoying for us to spam YellowBox warnings with unactionable stuff, // so for now just skip this message... - //console.warn('⚛️ DevTools: Could not locate saved component filters'); + //console.warn('⚛ DevTools: Could not locate saved component filters'); // Fallback to assuming the default filters in this case. applyComponentFilters(getDefaultComponentFilters()); diff --git a/packages/react-devtools-shared/src/devtools/views/hooks.js b/packages/react-devtools-shared/src/devtools/views/hooks.js index f2debdfa8f580..68143d331561f 100644 --- a/packages/react-devtools-shared/src/devtools/views/hooks.js +++ b/packages/react-devtools-shared/src/devtools/views/hooks.js @@ -186,7 +186,7 @@ export function useLocalStorage( ); // Listen for changes to this local storage value made from other windows. - // This enables the e.g. "⚛️ Elements" tab to update in response to changes from "⚛️ Settings". + // This enables the e.g. "⚛ Elements" tab to update in response to changes from "⚛ Settings". useLayoutEffect(() => { // $FlowFixMe[missing-local-annot] const onStorage = event => { diff --git a/packages/react-reconciler/src/DebugTracing.js b/packages/react-reconciler/src/DebugTracing.js index 6a7870baa4eb8..16606748be696 100644 --- a/packages/react-reconciler/src/DebugTracing.js +++ b/packages/react-reconciler/src/DebugTracing.js @@ -66,7 +66,7 @@ export function logCommitStarted(lanes: Lanes): void { if (__DEV__) { if (enableDebugTracing) { group( - `%c⚛️%c commit%c (${formatLanes(lanes)})`, + `%c⚛%c commit%c (${formatLanes(lanes)})`, REACT_LOGO_STYLE, '', 'font-weight: normal;', @@ -103,7 +103,7 @@ export function logComponentSuspended( const id = getWakeableID(wakeable); const display = (wakeable: any).displayName || wakeable; log( - `%c⚛️%c ${componentName} suspended`, + `%c⚛%c ${componentName} suspended`, REACT_LOGO_STYLE, 'color: #80366d; font-weight: bold;', id, @@ -112,7 +112,7 @@ export function logComponentSuspended( wakeable.then( () => { log( - `%c⚛️%c ${componentName} resolved`, + `%c⚛%c ${componentName} resolved`, REACT_LOGO_STYLE, 'color: #80366d; font-weight: bold;', id, @@ -121,7 +121,7 @@ export function logComponentSuspended( }, () => { log( - `%c⚛️%c ${componentName} rejected`, + `%c⚛%c ${componentName} rejected`, REACT_LOGO_STYLE, 'color: #80366d; font-weight: bold;', id, @@ -137,7 +137,7 @@ export function logLayoutEffectsStarted(lanes: Lanes): void { if (__DEV__) { if (enableDebugTracing) { group( - `%c⚛️%c layout effects%c (${formatLanes(lanes)})`, + `%c⚛%c layout effects%c (${formatLanes(lanes)})`, REACT_LOGO_STYLE, '', 'font-weight: normal;', @@ -158,7 +158,7 @@ export function logPassiveEffectsStarted(lanes: Lanes): void { if (__DEV__) { if (enableDebugTracing) { group( - `%c⚛️%c passive effects%c (${formatLanes(lanes)})`, + `%c⚛%c passive effects%c (${formatLanes(lanes)})`, REACT_LOGO_STYLE, '', 'font-weight: normal;', @@ -179,7 +179,7 @@ export function logRenderStarted(lanes: Lanes): void { if (__DEV__) { if (enableDebugTracing) { group( - `%c⚛️%c render%c (${formatLanes(lanes)})`, + `%c⚛%c render%c (${formatLanes(lanes)})`, REACT_LOGO_STYLE, '', 'font-weight: normal;', @@ -203,7 +203,7 @@ export function logForceUpdateScheduled( if (__DEV__) { if (enableDebugTracing) { log( - `%c⚛️%c ${componentName} forced update %c(${formatLanes(lane)})`, + `%c⚛%c ${componentName} forced update %c(${formatLanes(lane)})`, REACT_LOGO_STYLE, 'color: #db2e1f; font-weight: bold;', '', @@ -220,7 +220,7 @@ export function logStateUpdateScheduled( if (__DEV__) { if (enableDebugTracing) { log( - `%c⚛️%c ${componentName} updated state %c(${formatLanes(lane)})`, + `%c⚛%c ${componentName} updated state %c(${formatLanes(lane)})`, REACT_LOGO_STYLE, 'color: #01a252; font-weight: bold;', '', diff --git a/packages/react-reconciler/src/__tests__/DebugTracing-test.internal.js b/packages/react-reconciler/src/__tests__/DebugTracing-test.internal.js index 5f8867742de9c..eb6fe1687ccd6 100644 --- a/packages/react-reconciler/src/__tests__/DebugTracing-test.internal.js +++ b/packages/react-reconciler/src/__tests__/DebugTracing-test.internal.js @@ -103,9 +103,9 @@ describe('DebugTracing', () => { ); expect(logs).toEqual([ - `group: ⚛️ render (${SYNC_LANE_STRING})`, - 'log: ⚛️ Example suspended', - `groupEnd: ⚛️ render (${SYNC_LANE_STRING})`, + `group: ⚛ render (${SYNC_LANE_STRING})`, + 'log: ⚛ Example suspended', + `groupEnd: ⚛ render (${SYNC_LANE_STRING})`, ]); logs.splice(0); @@ -113,7 +113,7 @@ describe('DebugTracing', () => { resolveFakeSuspensePromise(); await waitForAll([]); - expect(logs).toEqual(['log: ⚛️ Example resolved']); + expect(logs).toEqual(['log: ⚛ Example resolved']); }); // @gate experimental && build === 'development' && enableDebugTracing && enableCPUSuspense && !disableLegacyMode @@ -139,9 +139,9 @@ describe('DebugTracing', () => { ); expect(logs).toEqual([ - `group: ⚛️ render (${SYNC_LANE_STRING})`, + `group: ⚛ render (${SYNC_LANE_STRING})`, 'log: ', - `groupEnd: ⚛️ render (${SYNC_LANE_STRING})`, + `groupEnd: ⚛ render (${SYNC_LANE_STRING})`, ]); logs.splice(0); @@ -149,9 +149,9 @@ describe('DebugTracing', () => { await waitForPaint([]); expect(logs).toEqual([ - `group: ⚛️ render (${RETRY_LANE_STRING})`, + `group: ⚛ render (${RETRY_LANE_STRING})`, 'log: ', - `groupEnd: ⚛️ render (${RETRY_LANE_STRING})`, + `groupEnd: ⚛ render (${RETRY_LANE_STRING})`, ]); }); @@ -184,15 +184,15 @@ describe('DebugTracing', () => { ); expect(logs).toEqual([ - `group: ⚛️ render (${DEFAULT_LANE_STRING})`, - 'log: ⚛️ Example suspended', - `groupEnd: ⚛️ render (${DEFAULT_LANE_STRING})`, + `group: ⚛ render (${DEFAULT_LANE_STRING})`, + 'log: ⚛ Example suspended', + `groupEnd: ⚛ render (${DEFAULT_LANE_STRING})`, ]); logs.splice(0); await act(async () => await resolveFakeSuspensePromise()); - expect(logs).toEqual(['log: ⚛️ Example resolved']); + expect(logs).toEqual(['log: ⚛ Example resolved']); }); // @gate experimental && build === 'development' && enableDebugTracing && enableCPUSuspense @@ -220,12 +220,12 @@ describe('DebugTracing', () => { ); expect(logs).toEqual([ - `group: ⚛️ render (${DEFAULT_LANE_STRING})`, + `group: ⚛ render (${DEFAULT_LANE_STRING})`, 'log: ', - `groupEnd: ⚛️ render (${DEFAULT_LANE_STRING})`, - `group: ⚛️ render (${RETRY_LANE_STRING})`, + `groupEnd: ⚛ render (${DEFAULT_LANE_STRING})`, + `group: ⚛ render (${RETRY_LANE_STRING})`, 'log: ', - `groupEnd: ⚛️ render (${RETRY_LANE_STRING})`, + `groupEnd: ⚛ render (${RETRY_LANE_STRING})`, ]); }); @@ -250,11 +250,11 @@ describe('DebugTracing', () => { ); expect(logs).toEqual([ - `group: ⚛️ commit (${DEFAULT_LANE_STRING})`, - `group: ⚛️ layout effects (${DEFAULT_LANE_STRING})`, - `log: ⚛️ Example updated state (${SYNC_LANE_STRING})`, - `groupEnd: ⚛️ layout effects (${DEFAULT_LANE_STRING})`, - `groupEnd: ⚛️ commit (${DEFAULT_LANE_STRING})`, + `group: ⚛ commit (${DEFAULT_LANE_STRING})`, + `group: ⚛ layout effects (${DEFAULT_LANE_STRING})`, + `log: ⚛ Example updated state (${SYNC_LANE_STRING})`, + `groupEnd: ⚛ layout effects (${DEFAULT_LANE_STRING})`, + `groupEnd: ⚛ commit (${DEFAULT_LANE_STRING})`, ]); }); @@ -283,9 +283,9 @@ describe('DebugTracing', () => { ); expect(logs).toEqual([ - `group: ⚛️ render (${DEFAULT_LANE_STRING})`, - `log: ⚛️ Example updated state (${DEFAULT_LANE_STRING})`, - `groupEnd: ⚛️ render (${DEFAULT_LANE_STRING})`, + `group: ⚛ render (${DEFAULT_LANE_STRING})`, + `log: ⚛ Example updated state (${DEFAULT_LANE_STRING})`, + `groupEnd: ⚛ render (${DEFAULT_LANE_STRING})`, ]); }); @@ -308,11 +308,11 @@ describe('DebugTracing', () => { ); expect(logs).toEqual([ - `group: ⚛️ commit (${DEFAULT_LANE_STRING})`, - `group: ⚛️ layout effects (${DEFAULT_LANE_STRING})`, - `log: ⚛️ Example updated state (${SYNC_LANE_STRING})`, - `groupEnd: ⚛️ layout effects (${DEFAULT_LANE_STRING})`, - `groupEnd: ⚛️ commit (${DEFAULT_LANE_STRING})`, + `group: ⚛ commit (${DEFAULT_LANE_STRING})`, + `group: ⚛ layout effects (${DEFAULT_LANE_STRING})`, + `log: ⚛ Example updated state (${SYNC_LANE_STRING})`, + `groupEnd: ⚛ layout effects (${DEFAULT_LANE_STRING})`, + `groupEnd: ⚛ commit (${DEFAULT_LANE_STRING})`, ]); }); @@ -334,9 +334,9 @@ describe('DebugTracing', () => { ); }); expect(logs).toEqual([ - `group: ⚛️ passive effects (${DEFAULT_LANE_STRING})`, - `log: ⚛️ Example updated state (${DEFAULT_LANE_STRING})`, - `groupEnd: ⚛️ passive effects (${DEFAULT_LANE_STRING})`, + `group: ⚛ passive effects (${DEFAULT_LANE_STRING})`, + `log: ⚛ Example updated state (${DEFAULT_LANE_STRING})`, + `groupEnd: ⚛ passive effects (${DEFAULT_LANE_STRING})`, ]); }); @@ -359,9 +359,9 @@ describe('DebugTracing', () => { }); expect(logs).toEqual([ - `group: ⚛️ render (${DEFAULT_LANE_STRING})`, - `log: ⚛️ Example updated state (${DEFAULT_LANE_STRING})`, - `groupEnd: ⚛️ render (${DEFAULT_LANE_STRING})`, + `group: ⚛ render (${DEFAULT_LANE_STRING})`, + `log: ⚛ Example updated state (${DEFAULT_LANE_STRING})`, + `groupEnd: ⚛ render (${DEFAULT_LANE_STRING})`, ]); }); @@ -381,9 +381,9 @@ describe('DebugTracing', () => { ); expect(logs).toEqual([ - `group: ⚛️ render (${DEFAULT_LANE_STRING})`, + `group: ⚛ render (${DEFAULT_LANE_STRING})`, 'log: Hello from user code', - `groupEnd: ⚛️ render (${DEFAULT_LANE_STRING})`, + `groupEnd: ⚛ render (${DEFAULT_LANE_STRING})`, ]); });