chore(docs): rename symbols to segments

Author: Varixo

packages/docs/src/repl/repl-output-panel.tsx

@@ -1,7 +1,7 @@
 import { component$, useComputed$ } from '@qwik.dev/core';
 import { CodeBlock } from '../components/code-block/code-block';
 import { ReplOutputModules } from './repl-output-modules';
-import { ReplOutputSymbols } from './repl-output-symbols';
+import { ReplOutputSegments } from './repl-output-segments.tsx';
 import { ReplTabButton } from './repl-tab-button';
 import { ReplTabButtons } from './repl-tab-buttons';
 import type { ReplAppInput, ReplStore } from './types';
@@ -72,10 +72,10 @@ export const ReplOutputPanel = component$(({ input, store }: ReplOutputPanelProp
 
         {store.enableClientOutput ? (
           <ReplTabButton
-            text="Symbols"
-            isActive={store.selectedOutputPanel === 'symbols'}
+            text="Segments"
+            isActive={store.selectedOutputPanel === 'segments'}
             onClick$={async () => {
-              store.selectedOutputPanel = 'symbols';
+              store.selectedOutputPanel = 'segments';
             }}
           />
         ) : null}
@@ -157,8 +157,8 @@ export const ReplOutputPanel = component$(({ input, store }: ReplOutputPanelProp
           </div>
         ) : null}
 
-        {store.selectedOutputPanel === 'symbols' ? (
-          <ReplOutputSymbols outputs={store.transformedModules} />
+        {store.selectedOutputPanel === 'segments' ? (
+          <ReplOutputSegments outputs={store.transformedModules} />
         ) : null}
 
         {store.selectedOutputPanel === 'clientBundles' ? (

packages/docs/src/repl/repl-output-symbols.tsx renamed to packages/docs/src/repl/repl-output-segments.tsx

@@ -3,7 +3,7 @@ import type { TransformModule } from '@qwik.dev/core/optimizer';
 import { CodeBlock } from '../components/code-block/code-block';
 const FILE_MODULE_DIV_ID = 'file-modules-symbol';
 
-export const ReplOutputSymbols = component$(({ outputs }: ReplOutputSymbolsProps) => {
+export const ReplOutputSegments = component$(({ outputs }: ReplOutputSegmentsProps) => {
   const selectedPath = useSignal(outputs.length ? outputs[0].path : '');
   const pathInView$ = $((path: string) => {
     selectedPath.value = path;
@@ -12,7 +12,7 @@ export const ReplOutputSymbols = component$(({ outputs }: ReplOutputSymbolsProps
   return (
     <div class="output-result output-modules">
       <div class="file-tree">
-        <div class="file-tree-header">Symbols</div>
+        <div class="file-tree-header">Segments</div>
         <div class="file-tree-items">
           {outputs.map((o, i) => (
             <div key={o.path}>
@@ -42,16 +42,6 @@ export const ReplOutputSymbols = component$(({ outputs }: ReplOutputSymbolsProps
             <div class="file-item" data-symbol-item={i} key={o.path}>
               <div class="file-info">
                 <span>{o.segment!.canonicalFilename}</span>
-                {o.segment!.paramNames && (
-                  <div>
-                    Params: <code>{o.segment!.paramNames.join(', ')}</code>
-                  </div>
-                )}
-                {o.segment!.captureNames && (
-                  <div>
-                    Captures: <code>{o.segment!.captureNames.join(', ')}</code>
-                  </div>
-                )}
               </div>
               <div class="file-text">
                 <CodeBlock
@@ -68,6 +58,6 @@ export const ReplOutputSymbols = component$(({ outputs }: ReplOutputSymbolsProps
   );
 });
 
-interface ReplOutputSymbolsProps {
+interface ReplOutputSegmentsProps {
   outputs: TransformModule[];
 }

packages/docs/src/repl/types.ts

@@ -130,7 +130,7 @@ export type OutputPanel =
   | 'app'
   | 'html'
   | 'state'
-  | 'symbols'
+  | 'segments'
   | 'clientBundles'
   | 'serverModules'
   | 'diagnostics';