feat: update docker-compose and babelrc configurations for improved development setup

Author: marosvolgyiz

docker-compose.dev.yml

@@ -5,7 +5,7 @@ services:
       dockerfile: Dockerfile
     container_name: sensenet-dev
     ports:
-      - "8080:8080"
+      - "4052:8080"
     environment:
       - NODE_ENV=development
       - AUTH_TYPE=SNAuth
@@ -14,6 +14,17 @@ services:
       - ALLOWED_HOSTS=all
     volumes:
       - .:/app
-      - /app/node_modules
-    command: yarn snapp start
+      - sensenet-root-node-modules:/app/node_modules
+      - sensenet-app-node-modules:/app/apps/sensenet/node_modules
+    command: sh -c "yarn build && yarn snapp start"
+    healthcheck:
+      test: [ "CMD", "wget", "--no-verbose", "--tries=1", "--spider", "http://127.0.0.1:4052/" ]
+      interval: 30s
+      timeout: 3s
+      start_period: 120s
+      retries: 3
     restart: unless-stopped
+
+volumes:
+  sensenet-root-node-modules:
+  sensenet-app-node-modules:

packages/sn-document-viewer-react/.babelrc.js

@@ -1,5 +1,47 @@
 const { BABEL_ENV } = process.env
+const { existsSync, lstatSync } = require('fs')
+const { dirname, extname, resolve } = require('path')
+
 const isBundling = BABEL_ENV === 'bundle'
+const scriptExtensions = new Set(['.js', '.ts', '.jsx', '.tsx', '.mjs', '.cjs'])
+
+const addJsExtensionToLocalScriptImports = () => {
+  const updateSource = (path, state) => {
+    const { source, exportKind, importKind } = path.node
+
+    if (!source || exportKind === 'type' || importKind === 'type') {
+      return
+    }
+
+    const modulePath = source.value
+
+    if (!modulePath.startsWith('.') && !modulePath.startsWith('/')) {
+      return
+    }
+
+    const extension = extname(modulePath)
+
+    if (extension === '.js' || (extension && !scriptExtensions.has(extension))) {
+      return
+    }
+
+    const absolutePath = resolve(dirname(state.file.opts.filename), modulePath)
+    const modulePathWithoutExtension = extension ? modulePath.slice(0, -extension.length) : modulePath
+
+    source.value =
+      existsSync(absolutePath) && lstatSync(absolutePath).isDirectory()
+        ? `${modulePath}${modulePathWithoutExtension.endsWith('/') ? '' : '/'}index.js`
+        : `${modulePathWithoutExtension}.js`
+  }
+
+  return {
+    visitor: {
+      ImportDeclaration: updateSource,
+      ExportNamedDeclaration: updateSource,
+      ExportAllDeclaration: updateSource,
+    },
+  }
+}
 
 const sharedPresets = ['@babel/typescript', '@babel/preset-react']
 
@@ -24,7 +66,7 @@ module.exports = {
         ],
         ...sharedPresets,
       ],
-      plugins: [...shared.plugins, 'babel-plugin-add-import-extension'],
+      plugins: [...shared.plugins, addJsExtensionToLocalScriptImports],
     },
     bundle: {
       ...shared,

packages/sn-icons-react/.babelrc.js

@@ -1,5 +1,47 @@
 const { BABEL_ENV } = process.env
+const { existsSync, lstatSync } = require('fs')
+const { dirname, extname, resolve } = require('path')
+
 const isBundling = BABEL_ENV === 'bundle'
+const scriptExtensions = new Set(['.js', '.ts', '.jsx', '.tsx', '.mjs', '.cjs'])
+
+const addJsExtensionToLocalScriptImports = () => {
+  const updateSource = (path, state) => {
+    const { source, exportKind, importKind } = path.node
+
+    if (!source || exportKind === 'type' || importKind === 'type') {
+      return
+    }
+
+    const modulePath = source.value
+
+    if (!modulePath.startsWith('.') && !modulePath.startsWith('/')) {
+      return
+    }
+
+    const extension = extname(modulePath)
+
+    if (extension === '.js' || (extension && !scriptExtensions.has(extension))) {
+      return
+    }
+
+    const absolutePath = resolve(dirname(state.file.opts.filename), modulePath)
+    const modulePathWithoutExtension = extension ? modulePath.slice(0, -extension.length) : modulePath
+
+    source.value =
+      existsSync(absolutePath) && lstatSync(absolutePath).isDirectory()
+        ? `${modulePath}${modulePathWithoutExtension.endsWith('/') ? '' : '/'}index.js`
+        : `${modulePathWithoutExtension}.js`
+  }
+
+  return {
+    visitor: {
+      ImportDeclaration: updateSource,
+      ExportNamedDeclaration: updateSource,
+      ExportAllDeclaration: updateSource,
+    },
+  }
+}
 
 const sharedPresets = ['@babel/typescript', '@babel/preset-react']
 
@@ -24,7 +66,7 @@ module.exports = {
         ],
         ...sharedPresets,
       ],
-      plugins: [...shared.plugins, 'babel-plugin-add-import-extension'],
+      plugins: [...shared.plugins, addJsExtensionToLocalScriptImports],
     },
     bundle: {
       ...shared,