From 3bbce358c6ef03030a8052fa3695a206a614d2c6 Mon Sep 17 00:00:00 2001
From: Alf Eaton <alf.eaton@overleaf.com>
Date: Fri, 1 Sep 2023 12:03:47 +0100
Subject: [PATCH] Add @ as an alias for frontend/js (#14600)

GitOrigin-RevId: 792a1f200c116b06f75c33d7373ae608aa179f8f
---
 services/web/tsconfig.json     | 3 +++
 services/web/webpack.config.js | 3 +++
 2 files changed, 6 insertions(+)

diff --git a/services/web/tsconfig.json b/services/web/tsconfig.json
index d97f6fd147..f877459db8 100644
--- a/services/web/tsconfig.json
+++ b/services/web/tsconfig.json
@@ -11,6 +11,9 @@
     "esModuleInterop": true /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */,
     "skipLibCheck": true /* Skip type checking of declaration files. */,
     "forceConsistentCasingInFileNames": true /* Disallow inconsistently-cased references to the same file. */,
+    "paths": {
+      "@/*": ["./frontend/js/*"]
+    },
     "types": ["cypress", "@testing-library/cypress"]
   },
   "include": [
diff --git a/services/web/webpack.config.js b/services/web/webpack.config.js
index 71c7b9061e..79450e983a 100644
--- a/services/web/webpack.config.js
+++ b/services/web/webpack.config.js
@@ -236,6 +236,9 @@ module.exports = {
 
       // Enables ace/ace shortcut
       ace: 'ace-builds/src-noconflict',
+
+      // custom prefixes for import paths
+      '@': path.resolve(__dirname, './frontend/js/'),
     },
     // symlinks: false, // enable this while using `npm link`
     extensions: ['.js', '.jsx', '.ts', '.tsx', '.json'],