next 15.2.0-canary.15 → 15.2.0-canary.16

package/dist/esm/build/index.js

@@ -293,7 +293,7 @@ export default async function build(dir, reactProductionProfiling = false, debug
         const nextBuildSpan = trace('next-build', undefined, {
             buildMode: experimentalBuildMode,
             isTurboBuild: String(turboNextBuild),
-            version: "15.2.0-canary.15"
+            version: "15.2.0-canary.16"
         });
         NextBuildContext.nextBuildSpan = nextBuildSpan;
         NextBuildContext.dir = dir;
@@ -653,7 +653,7 @@ export default async function build(dir, reactProductionProfiling = false, debug
             // Files outside of the distDir can be "type": "module"
             await writeFileUtf8(path.join(distDir, 'package.json'), '{"type": "commonjs"}');
             // These are written to distDir, so they need to come after creating and cleaning distDr.
-            await recordFrameworkVersion("15.2.0-canary.15");
+            await recordFrameworkVersion("15.2.0-canary.16");
             await updateBuildDiagnostics({
                 buildStage: 'start'
             });

package/dist/esm/build/swc/index.js

@@ -11,7 +11,7 @@ import { isDeepStrictEqual } from 'util';
 import { getDefineEnv } from '../webpack/plugins/define-env-plugin';
 import { getReactCompilerLoader } from '../get-babel-loader-config';
 import { TurbopackInternalError } from '../../server/dev/turbopack-utils';
-const nextVersion = "15.2.0-canary.15";
+const nextVersion = "15.2.0-canary.16";
 const ArchName = arch();
 const PlatformName = platform();
 function infoLog(...args) {

package/dist/esm/build/webpack-config.js

@@ -1400,7 +1400,7 @@ export default async function getBaseWebpackConfig(dir, { buildId, encryptionKey
             isClient && new CopyFilePlugin({
                 // file path to build output of `@next/polyfill-nomodule`
                 filePath: require.resolve('./polyfills/polyfill-nomodule'),
-                cacheKey: "15.2.0-canary.15",
+                cacheKey: "15.2.0-canary.16",
                 name: `static/chunks/polyfills${dev ? '' : '-[hash]'}.js`,
                 minimize: false,
                 info: {
@@ -1628,7 +1628,7 @@ export default async function getBaseWebpackConfig(dir, { buildId, encryptionKey
         //  - Next.js location on disk (some loaders use absolute paths and some resolve options depend on absolute paths)
         //  - Next.js version
         //  - next.config.js keys that affect compilation
-        version: `${__dirname}|${"15.2.0-canary.15"}|${configVars}`,
+        version: `${__dirname}|${"15.2.0-canary.16"}|${configVars}`,
         cacheDirectory: path.join(distDir, 'cache', 'webpack'),
         // For production builds, it's more efficient to compress all cache files together instead of compression each one individually.
         // So we disable compression here and allow the build runner to take care of compressing the cache as a whole.

package/dist/esm/client/app-bootstrap.js

@@ -3,7 +3,7 @@
  * sure the following scripts are executed in the correct order:
  * - Polyfills
  * - next/script with `beforeInteractive` strategy
- */ const version = "15.2.0-canary.15";
+ */ const version = "15.2.0-canary.16";
 window.next = {
     version,
     appDir: true

package/dist/esm/client/components/react-dev-overlay/_experimental/internal/components/errors/dev-tools-indicator/dev-tools-indicator.js

@@ -4,6 +4,7 @@ import React, { useState, useEffect, useRef } from 'react';
 import { NextLogo } from './internal/next-logo';
 import { useIsDevBuilding } from '../../../../../../../dev/dev-build-indicator/internal/initialize-for-new-overlay';
 import { useIsDevRendering } from './internal/dev-render-indicator';
+import { useDelayedRender } from './internal/use-delayed-render';
 // TODO: test a11y
 // TODO: add E2E tests to cover different scenarios
 export function DevToolsIndicator(param) {
@@ -17,11 +18,19 @@ export function DevToolsIndicator(param) {
         isTurbopack: isTurbopack
     });
 }
+const ANIMATE_OUT_DURATION_MS = 200;
+const ANIMATE_OUT_TIMING_FUNCTION = 'cubic-bezier(0.175, 0.885, 0.32, 1.1)';
 const DevToolsPopover = (param)=>{
     let { onIssuesClick, issueCount, isStaticRoute, hide, semver, isTurbopack } = param;
     const popoverRef = useRef(null);
     const buttonRef = useRef(null);
     const [isPopoverOpen, setIsPopoverOpen] = useState(false);
+    const { mounted, rendered } = useDelayedRender(isPopoverOpen, {
+        // Intentionally no fade in, makes the UI feel more immediate
+        enterDelay: 0,
+        // Graceful fade out to confirm that the UI did not break
+        exitDelay: ANIMATE_OUT_DURATION_MS
+    });
     useEffect(()=>{
         // Close popover when clicking outside of it or its button
         const handleClickOutside = (event)=>{
@@ -55,20 +64,26 @@ const DevToolsPopover = (param)=>{
                 children: /*#__PURE__*/ _jsx(NextLogo, {
                     issueCount: issueCount,
                     onClick: togglePopover,
+                    onIssuesClick: onIssuesClick,
                     isDevBuilding: useIsDevBuilding(),
                     isDevRendering: useIsDevRendering(),
                     "aria-haspopup": "true",
                     "aria-expanded": isPopoverOpen,
                     "aria-controls": "dev-tools-popover",
                     "data-nextjs-dev-tools-button": true
-                })
+                }, issueCount)
             }),
-            isPopoverOpen && /*#__PURE__*/ _jsxs("div", {
+            mounted && /*#__PURE__*/ _jsxs("div", {
                 ref: popoverRef,
                 id: "dev-tools-popover",
                 role: "dialog",
                 "aria-labelledby": "dev-tools-title",
                 "data-nextjs-dev-tools-popover": true,
+                "data-rendered": rendered,
+                style: {
+                    '--animate-out-duration-ms': "" + ANIMATE_OUT_DURATION_MS + "ms",
+                    '--animate-out-timing-function': ANIMATE_OUT_TIMING_FUNCTION
+                },
                 tabIndex: -1,
                 children: [
                     /*#__PURE__*/ _jsx("div", {

package/dist/esm/client/components/react-dev-overlay/_experimental/internal/components/errors/dev-tools-indicator/dev-tools-indicator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/components/errors/dev-tools-indicator/dev-tools-indicator.tsx"],"sourcesContent":["import type { VersionInfo } from '../../../../../../../../server/dev/parse-version-info'\nimport type { ReadyRuntimeError } from '../../../helpers/get-error-by-type'\nimport { Toast } from '../../toast'\nimport React, { useState, useEffect, useRef } from 'react'\nimport { NextLogo } from './internal/next-logo'\nimport { useIsDevBuilding } from '../../../../../../../dev/dev-build-indicator/internal/initialize-for-new-overlay'\nimport { useIsDevRendering } from './internal/dev-render-indicator'\n\n// TODO: test a11y\n// TODO: add E2E tests to cover different scenarios\n\nexport function DevToolsIndicator({\n  versionInfo,\n  hasStaticIndicator,\n  readyErrors,\n  fullscreen,\n  hide,\n  isTurbopack,\n}: {\n  versionInfo: VersionInfo | undefined\n  readyErrors: ReadyRuntimeError[]\n  fullscreen: () => void\n  hide: () => void\n  hasStaticIndicator?: boolean\n  isTurbopack: boolean\n}) {\n  return (\n    <DevToolsPopover\n      semver={versionInfo?.installed}\n      onIssuesClick={fullscreen}\n      issueCount={readyErrors.length}\n      isStaticRoute={hasStaticIndicator === true}\n      hide={hide}\n      isTurbopack={isTurbopack}\n    />\n  )\n}\n\nconst DevToolsPopover = ({\n  onIssuesClick,\n  issueCount,\n  isStaticRoute,\n  hide,\n  semver,\n  isTurbopack,\n}: {\n  onIssuesClick: () => void\n  issueCount: number\n  isStaticRoute: boolean\n  hide: () => void\n  semver: string | undefined\n  isTurbopack: boolean\n}) => {\n  const popoverRef = useRef<HTMLDivElement>(null)\n  const buttonRef = useRef<HTMLDivElement>(null)\n  const [isPopoverOpen, setIsPopoverOpen] = useState(false)\n\n  useEffect(() => {\n    // Close popover when clicking outside of it or its button\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        !(popoverRef.current?.getBoundingClientRect()\n          ? event.clientX >= popoverRef.current.getBoundingClientRect()!.left &&\n            event.clientX <=\n              popoverRef.current.getBoundingClientRect()!.right &&\n            event.clientY >= popoverRef.current.getBoundingClientRect()!.top &&\n            event.clientY <= popoverRef.current.getBoundingClientRect()!.bottom\n          : false) &&\n        !(buttonRef.current?.getBoundingClientRect()\n          ? event.clientX >= buttonRef.current.getBoundingClientRect()!.left &&\n            event.clientX <= buttonRef.current.getBoundingClientRect()!.right &&\n            event.clientY >= buttonRef.current.getBoundingClientRect()!.top &&\n            event.clientY <= buttonRef.current.getBoundingClientRect()!.bottom\n          : false)\n      ) {\n        setIsPopoverOpen(false)\n      }\n    }\n\n    // Close popover when pressing escape\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        setIsPopoverOpen(false)\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    document.addEventListener('keydown', handleKeyDown)\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n      document.removeEventListener('keydown', handleKeyDown)\n    }\n  }, [])\n\n  const togglePopover = () => setIsPopoverOpen((prev) => !prev)\n\n  return (\n    <Toast\n      style={{\n        boxShadow: 'none',\n        zIndex: 2147483647,\n      }}\n    >\n      <div ref={buttonRef}>\n        <NextLogo\n          issueCount={issueCount}\n          onClick={togglePopover}\n          isDevBuilding={useIsDevBuilding()}\n          isDevRendering={useIsDevRendering()}\n          aria-haspopup=\"true\"\n          aria-expanded={isPopoverOpen}\n          aria-controls=\"dev-tools-popover\"\n          data-nextjs-dev-tools-button\n        />\n      </div>\n\n      {isPopoverOpen && (\n        <div\n          ref={popoverRef}\n          id=\"dev-tools-popover\"\n          role=\"dialog\"\n          aria-labelledby=\"dev-tools-title\"\n          data-nextjs-dev-tools-popover\n          tabIndex={-1}\n        >\n          <div data-nextjs-dev-tools-content>\n            <div data-nextjs-dev-tools-container>\n              <h2 id=\"dev-tools-title\" style={{ display: 'none' }}>\n                Dev Tools Options\n              </h2>\n\n              <IndicatorRow\n                label=\"Hide Dev Tools\"\n                value={<DevToolsShortcutGroup />}\n                onClick={hide}\n              />\n              <IndicatorRow\n                label=\"Route\"\n                value={isStaticRoute ? 'Static' : 'Dynamic'}\n              />\n              <IndicatorRow\n                label=\"Issues\"\n                value={<IssueCount count={issueCount} />}\n                onClick={issueCount > 0 ? onIssuesClick : undefined}\n              />\n            </div>\n          </div>\n          <div data-nextjs-dev-tools-footer>\n            <div data-nextjs-dev-tools-footer-text>\n              {semver ? (\n                <p data-nextjs-dev-tools-version>Next.js {semver}</p>\n              ) : null}\n\n              <p data-nextjs-dev-tools-version>\n                Turbopack {isTurbopack ? 'enabled' : 'not enabled'}\n              </p>\n            </div>\n          </div>\n        </div>\n      )}\n    </Toast>\n  )\n}\n\nconst IndicatorRow = ({\n  label,\n  value,\n  onClick,\n}: {\n  label: string\n  value: React.ReactNode\n  onClick?: () => void\n}) => {\n  const Wrapper = onClick ? 'button' : 'div'\n  return (\n    <Wrapper data-nextjs-dev-tools-row onClick={onClick}>\n      <span data-nextjs-dev-tools-row-label>{label}</span>\n      <span data-nextjs-dev-tools-row-value>{value}</span>\n    </Wrapper>\n  )\n}\n\nconst IssueCount = ({ count }: { count: number }) => {\n  return (\n    <span data-nextjs-dev-tools-issue-count data-has-issues={count > 0}>\n      <span data-nextjs-dev-tools-issue-text data-has-issues={count > 0}>\n        {count}\n      </span>\n    </span>\n  )\n}\n\nfunction DevToolsShortcutGroup() {\n  const isMac =\n    // Feature detect for `navigator.userAgentData` which is experimental:\n    // https://developer.mozilla.org/en-US/docs/Web/API/NavigatorUAData/platform\n    'userAgentData' in navigator\n      ? (navigator.userAgentData as any).platform === 'macOS'\n      : // This is the least-bad option to detect the modifier key when using `navigator.platform`:\n        // https://developer.mozilla.org/en-US/docs/Web/API/Navigator/platform#examples\n        navigator.platform.indexOf('Mac') === 0 ||\n        navigator.platform === 'iPhone'\n\n  return (\n    <span data-nextjs-dev-tools-shortcut-group>\n      {isMac ? <CmdIcon /> : <CtrlIcon />}\n      <DotIcon />\n    </span>\n  )\n}\n\nfunction CmdIcon() {\n  return <span data-nextjs-dev-tools-icon>⌘</span>\n}\n\nfunction CtrlIcon() {\n  return (\n    <span data-nextjs-dev-tools-icon data-nextjs-dev-tools-ctrl-icon>\n      ctrl\n    </span>\n  )\n}\n\nfunction DotIcon() {\n  return <span data-nextjs-dev-tools-icon>.</span>\n}\n"],"names":["Toast","React","useState","useEffect","useRef","NextLogo","useIsDevBuilding","useIsDevRendering","DevToolsIndicator","versionInfo","hasStaticIndicator","readyErrors","fullscreen","hide","isTurbopack","DevToolsPopover","semver","installed","onIssuesClick","issueCount","length","isStaticRoute","popoverRef","buttonRef","isPopoverOpen","setIsPopoverOpen","handleClickOutside","event","current","getBoundingClientRect","clientX","left","right","clientY","top","bottom","handleKeyDown","key","document","addEventListener","removeEventListener","togglePopover","prev","style","boxShadow","zIndex","div","ref","onClick","isDevBuilding","isDevRendering","aria-haspopup","aria-expanded","aria-controls","data-nextjs-dev-tools-button","id","role","aria-labelledby","data-nextjs-dev-tools-popover","tabIndex","data-nextjs-dev-tools-content","data-nextjs-dev-tools-container","h2","display","IndicatorRow","label","value","DevToolsShortcutGroup","IssueCount","count","undefined","data-nextjs-dev-tools-footer","data-nextjs-dev-tools-footer-text","p","data-nextjs-dev-tools-version","Wrapper","data-nextjs-dev-tools-row","span","data-nextjs-dev-tools-row-label","data-nextjs-dev-tools-row-value","data-nextjs-dev-tools-issue-count","data-has-issues","data-nextjs-dev-tools-issue-text","isMac","navigator","userAgentData","platform","indexOf","data-nextjs-dev-tools-shortcut-group","CmdIcon","CtrlIcon","DotIcon","data-nextjs-dev-tools-icon","data-nextjs-dev-tools-ctrl-icon"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/components/errors/dev-tools-indicator/dev-tools-indicator.tsx"],"sourcesContent":["import type { VersionInfo } from '../../../../../../../../server/dev/parse-version-info'\nimport type { ReadyRuntimeError } from '../../../helpers/get-error-by-type'\nimport { Toast } from '../../toast'\nimport React, { useState, useEffect, useRef } from 'react'\nimport { NextLogo } from './internal/next-logo'\nimport { useIsDevBuilding } from '../../../../../../../dev/dev-build-indicator/internal/initialize-for-new-overlay'\nimport { useIsDevRendering } from './internal/dev-render-indicator'\nimport { useDelayedRender } from './internal/use-delayed-render'\n\n// TODO: test a11y\n// TODO: add E2E tests to cover different scenarios\n\nexport function DevToolsIndicator({\n  versionInfo,\n  hasStaticIndicator,\n  readyErrors,\n  fullscreen,\n  hide,\n  isTurbopack,\n}: {\n  versionInfo: VersionInfo | undefined\n  readyErrors: ReadyRuntimeError[]\n  fullscreen: () => void\n  hide: () => void\n  hasStaticIndicator?: boolean\n  isTurbopack: boolean\n}) {\n  return (\n    <DevToolsPopover\n      semver={versionInfo?.installed}\n      onIssuesClick={fullscreen}\n      issueCount={readyErrors.length}\n      isStaticRoute={hasStaticIndicator === true}\n      hide={hide}\n      isTurbopack={isTurbopack}\n    />\n  )\n}\n\nconst ANIMATE_OUT_DURATION_MS = 200\nconst ANIMATE_OUT_TIMING_FUNCTION = 'cubic-bezier(0.175, 0.885, 0.32, 1.1)'\n\nconst DevToolsPopover = ({\n  onIssuesClick,\n  issueCount,\n  isStaticRoute,\n  hide,\n  semver,\n  isTurbopack,\n}: {\n  onIssuesClick: () => void\n  issueCount: number\n  isStaticRoute: boolean\n  hide: () => void\n  semver: string | undefined\n  isTurbopack: boolean\n}) => {\n  const popoverRef = useRef<HTMLDivElement>(null)\n  const buttonRef = useRef<HTMLDivElement>(null)\n  const [isPopoverOpen, setIsPopoverOpen] = useState(false)\n\n  const { mounted, rendered } = useDelayedRender(isPopoverOpen, {\n    // Intentionally no fade in, makes the UI feel more immediate\n    enterDelay: 0,\n    // Graceful fade out to confirm that the UI did not break\n    exitDelay: ANIMATE_OUT_DURATION_MS,\n  })\n\n  useEffect(() => {\n    // Close popover when clicking outside of it or its button\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        !(popoverRef.current?.getBoundingClientRect()\n          ? event.clientX >= popoverRef.current.getBoundingClientRect()!.left &&\n            event.clientX <=\n              popoverRef.current.getBoundingClientRect()!.right &&\n            event.clientY >= popoverRef.current.getBoundingClientRect()!.top &&\n            event.clientY <= popoverRef.current.getBoundingClientRect()!.bottom\n          : false) &&\n        !(buttonRef.current?.getBoundingClientRect()\n          ? event.clientX >= buttonRef.current.getBoundingClientRect()!.left &&\n            event.clientX <= buttonRef.current.getBoundingClientRect()!.right &&\n            event.clientY >= buttonRef.current.getBoundingClientRect()!.top &&\n            event.clientY <= buttonRef.current.getBoundingClientRect()!.bottom\n          : false)\n      ) {\n        setIsPopoverOpen(false)\n      }\n    }\n\n    // Close popover when pressing escape\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        setIsPopoverOpen(false)\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    document.addEventListener('keydown', handleKeyDown)\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n      document.removeEventListener('keydown', handleKeyDown)\n    }\n  }, [])\n\n  const togglePopover = () => setIsPopoverOpen((prev) => !prev)\n\n  return (\n    <Toast\n      style={{\n        boxShadow: 'none',\n        zIndex: 2147483647,\n      }}\n    >\n      <div ref={buttonRef}>\n        <NextLogo\n          key={issueCount}\n          issueCount={issueCount}\n          onClick={togglePopover}\n          onIssuesClick={onIssuesClick}\n          isDevBuilding={useIsDevBuilding()}\n          isDevRendering={useIsDevRendering()}\n          aria-haspopup=\"true\"\n          aria-expanded={isPopoverOpen}\n          aria-controls=\"dev-tools-popover\"\n          data-nextjs-dev-tools-button\n        />\n      </div>\n\n      {mounted && (\n        <div\n          ref={popoverRef}\n          id=\"dev-tools-popover\"\n          role=\"dialog\"\n          aria-labelledby=\"dev-tools-title\"\n          data-nextjs-dev-tools-popover\n          data-rendered={rendered}\n          style={\n            {\n              '--animate-out-duration-ms': `${ANIMATE_OUT_DURATION_MS}ms`,\n              '--animate-out-timing-function': ANIMATE_OUT_TIMING_FUNCTION,\n            } as React.CSSProperties\n          }\n          tabIndex={-1}\n        >\n          <div data-nextjs-dev-tools-content>\n            <div data-nextjs-dev-tools-container>\n              <h2 id=\"dev-tools-title\" style={{ display: 'none' }}>\n                Dev Tools Options\n              </h2>\n\n              <IndicatorRow\n                label=\"Hide Dev Tools\"\n                value={<DevToolsShortcutGroup />}\n                onClick={hide}\n              />\n              <IndicatorRow\n                label=\"Route\"\n                value={isStaticRoute ? 'Static' : 'Dynamic'}\n              />\n              <IndicatorRow\n                label=\"Issues\"\n                value={<IssueCount count={issueCount} />}\n                onClick={issueCount > 0 ? onIssuesClick : undefined}\n              />\n            </div>\n          </div>\n          <div data-nextjs-dev-tools-footer>\n            <div data-nextjs-dev-tools-footer-text>\n              {semver ? (\n                <p data-nextjs-dev-tools-version>Next.js {semver}</p>\n              ) : null}\n\n              <p data-nextjs-dev-tools-version>\n                Turbopack {isTurbopack ? 'enabled' : 'not enabled'}\n              </p>\n            </div>\n          </div>\n        </div>\n      )}\n    </Toast>\n  )\n}\n\nconst IndicatorRow = ({\n  label,\n  value,\n  onClick,\n}: {\n  label: string\n  value: React.ReactNode\n  onClick?: () => void\n}) => {\n  const Wrapper = onClick ? 'button' : 'div'\n  return (\n    <Wrapper data-nextjs-dev-tools-row onClick={onClick}>\n      <span data-nextjs-dev-tools-row-label>{label}</span>\n      <span data-nextjs-dev-tools-row-value>{value}</span>\n    </Wrapper>\n  )\n}\n\nconst IssueCount = ({ count }: { count: number }) => {\n  return (\n    <span data-nextjs-dev-tools-issue-count data-has-issues={count > 0}>\n      <span data-nextjs-dev-tools-issue-text data-has-issues={count > 0}>\n        {count}\n      </span>\n    </span>\n  )\n}\n\nfunction DevToolsShortcutGroup() {\n  const isMac =\n    // Feature detect for `navigator.userAgentData` which is experimental:\n    // https://developer.mozilla.org/en-US/docs/Web/API/NavigatorUAData/platform\n    'userAgentData' in navigator\n      ? (navigator.userAgentData as any).platform === 'macOS'\n      : // This is the least-bad option to detect the modifier key when using `navigator.platform`:\n        // https://developer.mozilla.org/en-US/docs/Web/API/Navigator/platform#examples\n        navigator.platform.indexOf('Mac') === 0 ||\n        navigator.platform === 'iPhone'\n\n  return (\n    <span data-nextjs-dev-tools-shortcut-group>\n      {isMac ? <CmdIcon /> : <CtrlIcon />}\n      <DotIcon />\n    </span>\n  )\n}\n\nfunction CmdIcon() {\n  return <span data-nextjs-dev-tools-icon>⌘</span>\n}\n\nfunction CtrlIcon() {\n  return (\n    <span data-nextjs-dev-tools-icon data-nextjs-dev-tools-ctrl-icon>\n      ctrl\n    </span>\n  )\n}\n\nfunction DotIcon() {\n  return <span data-nextjs-dev-tools-icon>.</span>\n}\n"],"names":["Toast","React","useState","useEffect","useRef","NextLogo","useIsDevBuilding","useIsDevRendering","useDelayedRender","DevToolsIndicator","versionInfo","hasStaticIndicator","readyErrors","fullscreen","hide","isTurbopack","DevToolsPopover","semver","installed","onIssuesClick","issueCount","length","isStaticRoute","ANIMATE_OUT_DURATION_MS","ANIMATE_OUT_TIMING_FUNCTION","popoverRef","buttonRef","isPopoverOpen","setIsPopoverOpen","mounted","rendered","enterDelay","exitDelay","handleClickOutside","event","current","getBoundingClientRect","clientX","left","right","clientY","top","bottom","handleKeyDown","key","document","addEventListener","removeEventListener","togglePopover","prev","style","boxShadow","zIndex","div","ref","onClick","isDevBuilding","isDevRendering","aria-haspopup","aria-expanded","aria-controls","data-nextjs-dev-tools-button","id","role","aria-labelledby","data-nextjs-dev-tools-popover","data-rendered","tabIndex","data-nextjs-dev-tools-content","data-nextjs-dev-tools-container","h2","display","IndicatorRow","label","value","DevToolsShortcutGroup","IssueCount","count","undefined","data-nextjs-dev-tools-footer","data-nextjs-dev-tools-footer-text","p","data-nextjs-dev-tools-version","Wrapper","data-nextjs-dev-tools-row","span","data-nextjs-dev-tools-row-label","data-nextjs-dev-tools-row-value","data-nextjs-dev-tools-issue-count","data-has-issues","data-nextjs-dev-tools-issue-text","isMac","navigator","userAgentData","platform","indexOf","data-nextjs-dev-tools-shortcut-group","CmdIcon","CtrlIcon","DotIcon","data-nextjs-dev-tools-icon","data-nextjs-dev-tools-ctrl-icon"],"mappings":"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"}