adserver-dashboard 1.0.0

package/terraform-frontend/variables.tf

@@ -0,0 +1,53 @@
+variable "aws_region" {
+  description = "AWS region for resources"
+  type        = string
+  default     = "ap-southeast-1"
+}
+
+variable "environment" {
+  description = "Environment name"
+  type        = string
+  default     = "staging"
+}
+
+variable "domain_name" {
+  description = "Domain name for the CloudFront distribution"
+  type        = string
+  default     = "influence-stg.movingwalls.com"
+}
+
+variable "s3_bucket" {
+  description = "S3 bucket name (without s3:// prefix)"
+  type        = string
+  default     = "moving-audience-unified"
+}
+
+variable "s3_prefix" {
+  description = "S3 prefix/path for the frontend files"
+  type        = string
+  default     = "influence-adserver-stg"
+}
+
+variable "certificate_arn" {
+  description = "ACM certificate ARN for the domain (must be in us-east-1)"
+  type        = string
+  # You'll need to provide this value
+}
+
+variable "price_class" {
+  description = "CloudFront distribution price class"
+  type        = string
+  default     = "PriceClass_All"
+}
+
+variable "enable_ipv6" {
+  description = "Enable IPv6 for CloudFront distribution"
+  type        = bool
+  default     = true
+}
+
+variable "comment" {
+  description = "Comment for the CloudFront distribution"
+  type        = string
+  default     = "MW-Influence-Adserver-FE"
+}

package/tsconfig.json

@@ -0,0 +1,23 @@
+{
+  "include": ["client/src/**/*", "shared/**/*", "server/**/*"],
+  "exclude": ["node_modules", "build", "dist", "**/*.test.ts"],
+  "compilerOptions": {
+    "incremental": true,
+    "tsBuildInfoFile": "./node_modules/typescript/tsbuildinfo",
+    "noEmit": true,
+    "module": "ESNext",
+    "strict": true,
+    "lib": ["esnext", "dom", "dom.iterable"],
+    "jsx": "preserve",
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "allowImportingTsExtensions": true,
+    "moduleResolution": "bundler",
+    "baseUrl": ".",
+    "types": ["node", "vite/client"],
+    "paths": {
+      "@/*": ["./client/src/*"],
+      "@shared/*": ["./shared/*"],
+    }
+  }
+}

package/vite.config.ts

@@ -0,0 +1,226 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+import { VitePWA } from "vite-plugin-pwa";
+import path from "path";
+import { fileURLToPath } from "url";
+import runtimeErrorOverlay from "@replit/vite-plugin-runtime-error-modal";
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+export default defineConfig({
+  plugins: [
+    react(),
+    runtimeErrorOverlay(),
+    VitePWA({
+      registerType: 'autoUpdate',
+      includeAssets: ['img/**/*'],
+      // Use the static manifest.json from public/ rather than generating one
+      manifest: false,
+      injectRegister: 'auto',
+      devOptions: {
+        enabled: false,
+      },
+      workbox: {
+        globPatterns: ['**/*.{js,css,html,ico,png,svg,woff,woff2}'],
+        maximumFileSizeToCacheInBytes: 5 * 1024 * 1024,
+        runtimeCaching: [
+          {
+            urlPattern: /^https:\/\/.*\/api\/.*/i,
+            handler: 'NetworkFirst',
+            options: {
+              cacheName: 'api-cache',
+              expiration: {
+                maxEntries: 100,
+                maxAgeSeconds: 60 * 60 * 24,
+              },
+              cacheableResponse: {
+                statuses: [0, 200],
+              },
+            },
+          },
+          {
+            urlPattern: /\.(?:png|jpg|jpeg|svg|gif|webp|ico)$/i,
+            handler: 'CacheFirst',
+            options: {
+              cacheName: 'static-assets-cache',
+              expiration: {
+                maxEntries: 100,
+                maxAgeSeconds: 60 * 60 * 24 * 30,
+              },
+            },
+          },
+          {
+            urlPattern: /\.(?:js|css)$/i,
+            handler: 'CacheFirst',
+            options: {
+              cacheName: 'static-resources-cache',
+              expiration: {
+                maxEntries: 50,
+                maxAgeSeconds: 60 * 60 * 24 * 7,
+              },
+            },
+          },
+          {
+            urlPattern: /\/locales\/.*\.json$/i,
+            handler: 'StaleWhileRevalidate',
+            options: {
+              cacheName: 'locale-cache',
+              expiration: {
+                maxEntries: 20,
+                maxAgeSeconds: 60 * 60 * 24,
+              },
+            },
+          },
+        ],
+      },
+    }),
+    ...(process.env.NODE_ENV !== "production" &&
+    process.env.REPL_ID !== undefined
+      ? [
+          await import("@replit/vite-plugin-cartographer").then((m) =>
+            m.cartographer(),
+          ),
+          await import("@replit/vite-plugin-dev-banner").then((m) =>
+            m.devBanner(),
+          ),
+        ]
+      : []),
+  ],
+  resolve: {
+    alias: {
+      "@": path.resolve(__dirname, "client", "src"),
+      "@shared": path.resolve(__dirname, "shared"),
+      "@assets": path.resolve(__dirname, "attached_assets"),
+      "@mapbox/jsonlint-lines-primitives": path.resolve(__dirname, "node_modules/@mapbox/jsonlint-lines-primitives/web/jsonlint.js"),
+      "jsonlint-lines": path.resolve(__dirname, "node_modules/jsonlint-lines/web/jsonlint.js"),
+    },
+  },
+  root: path.resolve(__dirname, "client"),
+  envDir: __dirname,
+  clearScreen: false,
+  define: {
+    'process.env': {},
+    'require.main': 'undefined',
+  },
+  worker: {
+    format: 'es',
+  },
+  optimizeDeps: {
+    include: [
+      'mapbox-gl',
+      'mapbox-gl-draw-circle',
+      'mapbox-gl-draw-rectangle-mode',
+    ],
+    esbuildOptions: {
+      target: 'es2022',
+      define: {
+        global: 'globalThis',
+      },
+    },
+    exclude: [],
+  },
+  build: {
+    outDir: path.resolve(__dirname, "dist/client"),
+    emptyOutDir: true,
+    target: 'es2022',
+    minify: 'esbuild',
+    cssMinify: true,
+    cssCodeSplit: true,
+    modulePreload: {
+      polyfill: true,
+    },
+    commonjsOptions: {
+      include: [/node_modules/],
+      transformMixedEsModules: true,
+      ignoreTryCatch: 'remove',
+    },
+    rollupOptions: {
+      output: {
+        manualChunks(id) {
+          if (id.includes('node_modules/mapbox-gl') || 
+              id.includes('node_modules/@mapbox') ||
+              id.includes('mapbox-gl-draw')) {
+            return 'mapbox-vendor';
+          }
+          if (id.includes('node_modules/leaflet') || 
+              id.includes('node_modules/react-leaflet')) {
+            return 'leaflet-vendor';
+          }
+          if (id.includes('node_modules/react/') || 
+              id.includes('node_modules/react-dom/') ||
+              id.includes('node_modules/scheduler/') ||
+              id.includes('node_modules/react-i18next') ||
+              id.includes('node_modules/lucide-react') ||
+              id.includes('node_modules/@radix-ui') ||
+              id.includes('node_modules/@tanstack/react-query') ||
+              id.includes('node_modules/react-hook-form') ||
+              id.includes('node_modules/@hookform') ||
+              id.includes('node_modules/framer-motion') ||
+              id.includes('node_modules/react-redux')) {
+            return 'react-vendor';
+          }
+          if (id.includes('node_modules/zod')) {
+            return 'form-vendor';
+          }
+          if (id.includes('node_modules/recharts') ||
+              id.includes('node_modules/d3-')) {
+            return 'charts-vendor';
+          }
+          if (id.includes('node_modules/i18next') &&
+              !id.includes('node_modules/react-i18next')) {
+            return 'i18n-vendor';
+          }
+          if (id.includes('node_modules/@reduxjs') ||
+              id.includes('node_modules/redux')) {
+            return 'redux-vendor';
+          }
+          if (id.includes('node_modules/date-fns')) {
+            return 'date-vendor';
+          }
+          if (id.includes('node_modules/@sentry')) {
+            return 'sentry-vendor';
+          }
+          return undefined;
+        },
+        chunkFileNames: "assets/js/[name]-[hash].js",
+        entryFileNames: "assets/js/[name]-[hash].js",
+        assetFileNames: (assetInfo) => {
+          const name = assetInfo.name || '';
+          if (/\.(woff|woff2|ttf|eot)$/.test(name)) {
+            return 'assets/fonts/[name]-[hash][extname]';
+          }
+          if (/\.(png|jpg|jpeg|gif|svg|webp|ico)$/.test(name)) {
+            return 'assets/images/[name]-[hash][extname]';
+          }
+          if (/\.css$/.test(name)) {
+            return 'assets/css/[name]-[hash][extname]';
+          }
+          return 'assets/[name]-[hash][extname]';
+        },
+      },
+      treeshake: {
+        moduleSideEffects: 'no-external',
+        propertyReadSideEffects: false,
+      },
+    },
+    chunkSizeWarningLimit: 1500,
+    sourcemap: false,
+    reportCompressedSize: true,
+  },
+  server: {
+    allowedHosts: true,
+    fs: {
+      strict: false,
+      allow: [".."],
+      deny: ["**/.*"],
+    },
+    headers: {
+      "Document-Policy": "js-profiling",
+    },
+  },
+  preview: {
+    headers: {
+      "Document-Policy": "js-profiling",
+    },
+  },
+});

package/vitest.config.ts

@@ -0,0 +1,56 @@
+import { defineConfig } from 'vitest/config';
+import react from '@vitejs/plugin-react';
+import path from 'path';
+
+export default defineConfig({
+  plugins: [react()],
+  test: {
+    globals: true,
+    environment: 'jsdom',
+    setupFiles: ['./client/src/test/setup.ts'],
+    include: ['./client/src/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
+    exclude: ['node_modules', 'dist', '.idea', '.git', '.cache'],
+    server: {
+      deps: {
+        inline: ['react', 'react-dom', '@testing-library/react', '@mw-ds'],
+      },
+    },
+    coverage: {
+      provider: 'v8',
+      reporter: ['text', 'json', 'html', 'lcov'],
+      reportsDirectory: './coverage',
+      exclude: [
+        'node_modules/',
+        'client/src/test/',
+        '**/*.d.ts',
+        '**/*.config.*',
+        '**/types/',
+        'dist/',
+        'client/src/hooks/',
+        'client/src/lib/accessibility.ts',
+      ],
+      thresholds: {
+        global: {
+          branches: 95,
+          functions: 100,
+          lines: 99,
+          statements: 99,
+        },
+      },
+    },
+    testTimeout: 10000,
+    hookTimeout: 10000,
+  },
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, 'client/src'),
+      '@shared': path.resolve(__dirname, 'shared'),
+      '@assets': path.resolve(__dirname, 'attached_assets'),
+      '@mw-ds': path.resolve(__dirname, '../MWDesign/src'),
+      'react': path.resolve(__dirname, 'node_modules/react'),
+      'react-dom': path.resolve(__dirname, 'node_modules/react-dom'),
+      'react/jsx-runtime': path.resolve(__dirname, 'node_modules/react/jsx-runtime'),
+      'react/jsx-dev-runtime': path.resolve(__dirname, 'node_modules/react/jsx-dev-runtime'),
+    },
+  },
+});