Upgrading Azure Functions from V3 to V4 when both JavaScript and TypeScript Files are there in same folder

Azure functions V4 model of the Node.js Azure functions requires the versions, refer MSDOC:

@azure/functions - package v4.*.*
Azure Functions Runtime - v4.25+
Azure Functions Core Tools - v4.*.*

host.json:

{
  "version": "2.0",
  "logging": {
    "applicationInsights": {
      "samplingSettings": {
        "isEnabled": true,
        "excludedTypes": "Request"
      }
    }
  },
  "extensionBundle": {
    "id": "Microsoft.Azure.Functions.ExtensionBundle",
    "version": "[4.*, 5.0.0)"
  }
}

Switch (context, request) to either (request, context) or just (request) if you aren’t using the context in function code.

Javascript:

const { app } = require('@azure/functions');

app.http('httpTrigger1', {
    methods: ['GET', 'POST'],
    authLevel: 'anonymous',
    handler: async (request, context) => {
        context.log(`Http function processed request for url "${request.url}"`);

        const name = request.query.get('name') || await request.text() || 'world';

        return { body: `Hello, ${name}!` };
    }
});

TypeScript:

import { app, HttpRequest, HttpResponseInit, InvocationContext } from "@azure/functions";

export async function httpTrigger(request: HttpRequest, context: InvocationContext): Promise<HttpResponseInit> {
    context.log(`Http function processed request for url "${request.url}"`);

    const name = request.query.get('name') || await request.text() || 'world';

    return { body: `Hello, ${name}!` };
};

app.http('httpTrigger', {
    methods: ['GET', 'POST'],
    authLevel: 'anonymous',
    handler: httpTrigger
});

.vscode/Settings.json:

{
    "azureFunctions.deploySubpath": ".",
    "azureFunctions.postDeployTask": "npm install (functions)",
    "azureFunctions.projectLanguage": "TypeScript",
    "azureFunctions.projectRuntime": "~4",
    "debug.internalConsoleOptions": "neverOpen",
    "azureFunctions.projectLanguageModel": 4,
    "azureFunctions.preDeployTask": "npm prune (functions)"
}

• function.json file is no longer required for each trigger you have in the V4 model as bindings are configured in code by default.
• The application setting "AzureWebJobsFeatureFlags": "EnableWorkerIndexing" is no longer required to get a v4 model function working.

how to run the converted JS files from dist folder and jas files from root folder.

The model loads the functions based on the main field provided in package.json. You have to mention the entry point of either JavaScript or Typescript function using main field.

Javascript:

src/index.js
src/functions/*.js
src/{index.js,functions/*.js}

TypeScript:

dist/src/index.js
dist/src/functions/*.js
dist/src/{index.js,functions/*.js}

I have a function project with both Javascript and Typescript Azure functions.

Package.json:

{
  "name": "",
  "version": "1.0.0",
  "description": "",
  "main": "dist/src/functions/*.js",
  "scripts": {
    "build": "tsc",
    "watch": "tsc -w",
    "clean": "rimraf dist",
    "prestart": "npm run clean && npm run build",
    "start": "func start",
    "test": "echo "No tests yet...""
  },
  "dependencies": {
    "@azure/functions": "^4.0.0"
  },
  "devDependencies": {
    "azure-functions-core-tools": "^4.x",
    "@types/node": "18.x",
    "typescript": "^4.0.0",
    "rimraf": "^5.0.0"
  }
}

The model loaded the typescript functions as I have configured main field to load the functions present in the dist folder.

[2024-11-14T09:40:04.469Z] Worker process started and initialized.

Functions:

        httpTrigger1: [GET,POST] http://localhost:7071/api/httpTrigger1

        httpTrigger2: [GET,POST] http://localhost:7071/api/httpTrigger2

For detailed output, run func with --verbose flag.
[2024-11-14T09:40:09.393Z] Host lock lease acquired by instance ID '000000000000000000000000F72731CC'.

Update main field to "src/functions/*.js" in Package.json to run the JavaScript function.

[2024-11-14T10:01:14.867Z] Worker process started and initialized.

Functions:

        httpTrigger: [GET,POST] http://localhost:7071/api/httpTrigger

For detailed output, run func with --verbose flag.
[2024-11-14T10:01:27.902Z] Executing 'Functions.httpTrigger' (Reason='This function was programmatically called via the host APIs.', Id=478aa6d6-00b3-400d-a328-abefd658e4fe)