feat(Component): new name PreviewServerCSS to ServerStylePreview

refirst11 · refirst11 · commit 9f7535650020 · 2024-10-03T14:55:49.000+09:00
diff --git a/e2e/site/app/layout.tsx b/e2e/site/app/layout.tsx
@@ -1,11 +1,11 @@
-import { PreviewServerCSS } from 'typedcssx/next';
+import { ServerStylePreview } from 'typedcssx/next';
 import 'styles/typedcssx-global.css';
 
 export default function RootLayout({ children }: { children: React.ReactNode }) {
   return (
     <html lang="en">
       <head>
-        <PreviewServerCSS anchorEnabled={true} />
+        <ServerStylePreview />
       </head>
       <body>{children}</body>
     </html>
diff --git a/next/index.tsx b/next/index.tsx
@@ -1 +1 @@
-export { PreviewServerCSS } from '../src/core/component/server-css';
+export { ServerStylePreview } from '../src/core/component/server-style-preview';
diff --git a/src/core/component/server-style-preview.tsx b/src/core/component/server-style-preview.tsx
@@ -1,15 +1,15 @@
 import { getServerCSS } from '../../_internal/utils/inject-server-css';
 import { isDevServer } from '../../_internal/utils/helper';
-import { ReloadAnchorComponent } from './reload-link';
+import { RefreshOnNavigate } from './refresh-on-navigate';
 
-export const PreviewServerCSS = ({ anchorEnabled = false }: { anchorEnabled?: boolean }): JSX.Element | null => {
+export const ServerStylePreview = (): JSX.Element | null => {
   if (!isDevServer) return null;
 
   const serverCSS = getServerCSS();
 
   return (
     <>
-      {anchorEnabled && <ReloadAnchorComponent />}
+      <RefreshOnNavigate />
       <style dangerouslySetInnerHTML={{ __html: serverCSS }} />
     </>
   );

Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		`-export { PreviewServerCSS } from '../src/core/component/server-css';`
	`1`	`+export { ServerStylePreview } from '../src/core/component/server-style-preview';`