From fcdf235b7d033f7a31f4a353a61addbccf01b13e Mon Sep 17 00:00:00 2001
From: Nicola Krumschmidt <nicola.krumschmidt@freenet.de>
Date: Tue, 11 Oct 2022 22:05:11 +0200
Subject: [PATCH] Allow extensions to be symlinks when running the App in dev
 mode (#15793)

---
 app/vite.config.js | 27 +++++++++++++++++++++------
 1 file changed, 21 insertions(+), 6 deletions(-)

diff --git a/app/vite.config.js b/app/vite.config.js
index ead7b4f229..c88d274a75 100644
--- a/app/vite.config.js
+++ b/app/vite.config.js
@@ -13,13 +13,18 @@ import yaml from '@rollup/plugin-yaml';
 import vue from '@vitejs/plugin-vue';
 import hljs from 'highlight.js';
 import path from 'path';
+import fs from 'fs';
 import markdownItAnchor from 'markdown-it-anchor';
 import markdownItContainer from 'markdown-it-container';
 import markdownItTableOfContents from 'markdown-it-table-of-contents';
 import md from 'vite-plugin-vue-markdown';
+import { searchForWorkspaceRoot } from 'vite';
 import { defineConfig } from 'vitest/config';
 import hljsGraphQL from './src/utils/hljs-graphql';
 
+const API_PATH = path.join('..', 'api');
+const EXTENSIONS_PATH = path.join(API_PATH, 'extensions');
+
 hljs.registerLanguage('graphql', hljsGraphQL);
 
 // https://vitejs.dev/config/
@@ -145,12 +150,25 @@ export default defineConfig({
 				changeOrigin: true,
 			},
 		},
+		fs: {
+			allow: [searchForWorkspaceRoot(process.cwd()), ...getExtensionsRealPaths()],
+		},
 	},
 	test: {
 		environment: 'happy-dom',
 	},
 });
 
+function getExtensionsRealPaths() {
+	return fs.existsSync(EXTENSIONS_PATH)
+		? fs.readdirSync(EXTENSIONS_PATH).flatMap((typeDir) => {
+				const extensionTypeDir = path.join(EXTENSIONS_PATH, typeDir);
+
+				return fs.readdirSync(extensionTypeDir).map((dir) => fs.realpathSync(path.join(extensionTypeDir, dir)));
+		  })
+		: [];
+}
+
 function directusExtensions() {
 	const prefix = '@directus-extensions-';
 	const virtualIds = APP_OR_HYBRID_EXTENSION_TYPES.map((type) => `${prefix}${type}`);
@@ -204,12 +222,9 @@ function directusExtensions() {
 	];
 
 	async function loadExtensions() {
-		const apiPath = path.join('..', 'api');
-		const extensionsPath = path.join(apiPath, 'extensions');
-
-		await ensureExtensionDirs(extensionsPath, APP_OR_HYBRID_EXTENSION_TYPES);
-		const packageExtensions = await getPackageExtensions(apiPath, APP_OR_HYBRID_EXTENSION_PACKAGE_TYPES);
-		const localExtensions = await getLocalExtensions(extensionsPath, APP_OR_HYBRID_EXTENSION_TYPES);
+		await ensureExtensionDirs(EXTENSIONS_PATH, APP_OR_HYBRID_EXTENSION_TYPES);
+		const packageExtensions = await getPackageExtensions(API_PATH, APP_OR_HYBRID_EXTENSION_PACKAGE_TYPES);
+		const localExtensions = await getLocalExtensions(EXTENSIONS_PATH, APP_OR_HYBRID_EXTENSION_TYPES);
 
 		const extensions = [...packageExtensions, ...localExtensions];