Chore: Remove patch to handle url with dot (#1708)

Author: mykalmax

web/client/src/library/components/editor/EditorPreview.tsx

@@ -51,9 +51,7 @@ export default function EditorPreview({
   const [activeTabIndex, setActiveTabIndex] = useState(-1)
 
   const modelExtensions = useSQLMeshModelExtensions(tab.file.path, model => {
-    navigate(
-      `${EnumRoutes.IdeDocsModels}/${ModelSQLMeshModel.encodeName(model.name)}`,
-    )
+    navigate(`${EnumRoutes.IdeDocsModels}/${model.name}`)
   })
 
   const tabs: string[] = useMemo(

web/client/src/library/pages/docs/Content.tsx

@@ -15,18 +15,14 @@ export default function Content(): JSX.Element {
   const navigate = useNavigate()
 
   const models = useStoreContext(s => s.models)
-  const model = isNil(modelName)
-    ? undefined
-    : models.get(ModelSQLMeshModel.decodeName(modelName))
+  const model = isNil(modelName) ? undefined : models.get(modelName)
 
   function handleClickModel(modelName: string): void {
     const model = models.get(modelName)
 
     if (isNil(model)) return
 
-    navigate(
-      EnumRoutes.IdeDocsModels + '/' + ModelSQLMeshModel.encodeName(model.name),
-    )
+    navigate(EnumRoutes.IdeDocsModels + '/' + model.name)
   }
 
   function handleError(error: ErrorIDE): void {

web/client/src/library/pages/docs/Docs.tsx

@@ -1,6 +1,6 @@
 import { Outlet, useLocation, useParams } from 'react-router-dom'
 import { useEffect, useState } from 'react'
-import { isArrayNotEmpty } from '@utils/index'
+import { isArrayNotEmpty, isNil } from '@utils/index'
 import { useStoreContext } from '@context/context'
 import { ModelSQLMeshModel } from '@models/sqlmesh-model'
 import Container from '@components/container/Container'
@@ -21,10 +21,7 @@ export default function PageDocs(): JSX.Element {
   const filtered = Array.from(models.entries()).reduce(
     (acc: ModelSQLMeshModel[], [key, model]) => {
       if (model.name === key) return acc
-      if (
-        modelName == null ||
-        model.name !== ModelSQLMeshModel.decodeName(modelName)
-      ) {
+      if (isNil(modelName) || model.name !== modelName) {
         acc.push(model)
       }
 
@@ -63,11 +60,7 @@ export default function PageDocs(): JSX.Element {
               size={EnumSize.lg}
               searchBy="index"
               displayBy="name"
-              to={model =>
-                `${EnumRoutes.IdeDocsModels}/${ModelSQLMeshModel.encodeName(
-                  model.name,
-                )}`
-              }
+              to={model => `${EnumRoutes.IdeDocsModels}/${model.name}`}
               isFullWidth={true}
             />
           )}

web/client/src/library/pages/docs/SourceList.tsx

@@ -61,9 +61,7 @@ export default function SourceList({
               className={clsx('text-sm font-normal')}
             >
               <NavLink
-                to={`${EnumRoutes.IdeDocsModels}/${ModelSQLMeshModel.encodeName(
-                  model.name,
-                )}`}
+                to={`${EnumRoutes.IdeDocsModels}/${model.name}`}
                 className={({ isActive }) =>
                   clsx(
                     'block px-2 overflow-hidden whitespace-nowrap overflow-ellipsis py-1 rounded-md w-full hover:bg-primary-10',

web/client/src/models/sqlmesh-model.ts

@@ -6,8 +6,6 @@ export interface InitialSQLMeshModel extends Model {
   lineage?: Record<string, Lineage>
 }
 
-const REPLACE_DOT_SYMBOL = '@'
-
 export class ModelSQLMeshModel<
   T extends InitialSQLMeshModel = InitialSQLMeshModel,
 > extends ModelInitial<T> {
@@ -70,12 +68,4 @@ export class ModelSQLMeshModel<
       }
     }
   }
-
-  static encodeName(modelName: string): string {
-    return modelName.replaceAll('.', REPLACE_DOT_SYMBOL)
-  }
-
-  static decodeName(modelName: string): string {
-    return modelName.replaceAll(REPLACE_DOT_SYMBOL, '.')
-  }
 }

web/client/vite.config.ts

@@ -37,7 +37,13 @@ export default defineConfig({
       ? {}
       : {
           proxy: {
-            '/api': 'http://api:8000',
+            '/api': {
+              target: 'http://api:8000',
+            },
+            '/docs': {
+              target: 'http://app:8001',
+              rewrite: path => '/',
+            },
           },
         },
   preview: {