Merge pull request #271 from docker/use-s3-catalog-file

Use s3 catalog as target instead of Github

Author: dgageot

src/extension/ui/src/Constants.ts

@@ -1,25 +1,27 @@
-export const MCP_POLICY_NAME = "MCP=*";
+export const MCP_POLICY_NAME = 'MCP=*';
 export const DD_BUILD_WITH_SECRET_SUPPORT = 184396;
-export const CATALOG_URL = "http://localhost:9911/catalog.yaml";
 // export const CATALOG_URL = "https://raw.githubusercontent.com/docker/labs-ai-tools-for-devs/refs/heads/main/prompts/catalog.yaml";
+export const CATALOG_URL = import.meta.env.DEV
+  ? '/catalog'
+  : 'https://desktop.docker.com/mcp/catalog/catalog.yaml';
 
 export const getUnsupportedSecretMessage = (ddVersion: {
   version: string;
   build: number;
 }) =>
   `Secret support is not available in this version of Docker Desktop. You are on version ${ddVersion.version}, but the minimum required version is 4.40.0.`;
 
-export const DOCKER_MCP_IMAGE = "alpine/socat";
-export const DOCKER_MCP_CONTAINER_ARGS = "STDIO TCP:host.docker.internal:8811";
+export const DOCKER_MCP_IMAGE = 'alpine/socat';
+export const DOCKER_MCP_CONTAINER_ARGS = 'STDIO TCP:host.docker.internal:8811';
 export const DOCKER_MCP_COMMAND = `docker run -i --rm ${DOCKER_MCP_IMAGE} ${DOCKER_MCP_CONTAINER_ARGS}`;
 
 export const CATALOG_LAYOUT_SX = {
-  width: "90vw",
-  maxWidth: "1200px",
+  width: '90vw',
+  maxWidth: '1200px',
 };
 
-export const ASSIGNED_SECRET_PLACEHOLDER = "********";
+export const ASSIGNED_SECRET_PLACEHOLDER = '********';
 
 // Filenames in docker-prompts volume
-export const REGISTRY_YAML = 'registry.yaml'
-export const CONFIG_YAML = 'config.yaml'
+export const REGISTRY_YAML = 'registry.yaml';
+export const CONFIG_YAML = 'config.yaml';

src/extension/ui/vite.config.ts

@@ -1,22 +1,22 @@
-import { defineConfig } from "vite";
-import react from "@vitejs/plugin-react";
+import react from '@vitejs/plugin-react';
+import { defineConfig } from 'vite';
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
-  base: "./",
+  base: './',
   build: {
-    outDir: "build",
+    outDir: 'build',
     chunkSizeWarningLimit: 100,
     rollupOptions: {
       output: {
         manualChunks: {
-          vendor: ["react", "react-dom"],
-          "ui-libs": ["@mui/material", "@emotion/react", "@emotion/styled"],
+          vendor: ['react', 'react-dom'],
+          'ui-libs': ['@mui/material', '@emotion/react', '@emotion/styled'],
         },
       },
       onwarn(warning, warn) {
-        if (warning.code === "MODULE_LEVEL_DIRECTIVE") {
+        if (warning.code === 'MODULE_LEVEL_DIRECTIVE') {
           return;
         }
         warn(warning);
@@ -26,6 +26,12 @@ export default defineConfig({
   assetsInclude: ['./static-assets/**/*'],
   server: {
     port: 3000,
-    strictPort: true,
+    proxy: {
+      '/catalog': {
+        target: 'https://desktop.docker.com/mcp/catalog/catalog.yaml',
+        changeOrigin: true,
+        rewrite: (path) => path.replace(/^\/catalog/, ''),
+      },
+    },
   },
 });