Extract fs-extra and tar to node/browser folders so we can alias them in webtarget (#327)

* Alias the node code with browser implementation on webworker target

* Revert main

* Update package-lock

Author: nturinski

main.js

@@ -19,7 +19,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const extension = require('./out/src/extension');
 
 async function activate(ctx) {
-    return await extension.activate(ctx, perfStats);
+    return await extension.activate(ctx, perfStats, true /*ignoreBundle*/);
 }
 
 async function deactivate(ctx) {

package-lock.json

@@ -317,7 +317,7 @@
     },
     "devDependencies": {
         "@microsoft/eslint-config-azuretools": "^0.1.0",
-        "@microsoft/vscode-azext-dev": "^1.0.3",
+        "@microsoft/vscode-azext-dev": "^1.0.4",
         "@types/fs-extra": "^8.1.1",
         "@types/git-url-parse": "^9.0.0",
         "@types/gulp": "^4.0.6",
@@ -352,6 +352,7 @@
         "@microsoft/vscode-azext-azureutils": "^1.0.1",
         "@microsoft/vscode-azext-utils": "^1.1.0",
         "@microsoft/vscode-azureresources-api": "^2.0.2",
+        "buffer": "^6.0.3",
         "dayjs": "^1.11.3",
         "dotenv": "^16.0.0",
         "fs-extra": "^8.1.0",

package.json

@@ -0,0 +1,7 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+/* eslint-disable */
+export const fse = {};

src/browser/fs-extra.ts

@@ -0,0 +1,7 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+/* eslint-disable */
+export const tar = {}

src/browser/tar.ts

@@ -4,8 +4,8 @@
 *--------------------------------------------------------------------------------------------*/
 import { getResourceGroupFromId } from '@microsoft/vscode-azext-azureutils';
 import { AzExtFsExtra, AzureWizardExecuteStep, nonNullValue } from '@microsoft/vscode-azext-utils';
-import * as fse from 'fs-extra';
-import * as tar from 'tar';
+import { fse } from '../../../node/fs-extra';
+import { tar } from '../../../node/tar';
 import { createContainerRegistryManagementClient } from '../../../utils/azureClients';
 import { IBuildImageInAzureContext } from './IBuildImageInAzureContext';
 

src/commands/imageSource/buildImageInAzure/UploadSourceCodeStep.ts

@@ -0,0 +1,8 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+/* eslint-disable */
+import * as nodeFse from 'fs-extra';
+export const fse = nodeFse;

src/node/fs-extra.ts

@@ -0,0 +1,8 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+/* eslint-disable */
+import * as nodeTar from 'tar';
+export const tar = nodeTar;

src/node/tar.ts

@@ -12,6 +12,7 @@
 const process = require('process');
 const dev = require("@microsoft/vscode-azext-dev");
 const webpack = require('webpack');
+const path = require('path');
 
 let DEBUG_WEBPACK = !/^(false|0)?$/i.test(process.env.DEBUG_WEBPACK || '');
 
@@ -32,6 +33,11 @@ let nodeConfig = dev.getDefaultWebpackConfig({
     suppressCleanDistFolder: true
 });
 
+const nodeSrcPath = path.resolve(__dirname, 'src/node');
+
+const alias = {};
+alias[nodeSrcPath] = path.resolve(__dirname, 'src/browser');
+
 let webConfig = dev.getDefaultWebpackConfig({
     projectRoot: __dirname,
     verbosity: DEBUG_WEBPACK ? 'debug' : 'normal',
@@ -46,10 +52,14 @@ let webConfig = dev.getDefaultWebpackConfig({
         '../build/default/bufferutil': 'commonjs ../build/default/bufferutil',
     },
     target: 'webworker',
+    plugins: [new webpack.ProvidePlugin({
+        Buffer: ['buffer', 'Buffer'],
+    })],
     suppressCleanDistFolder: true,
     resolveFallbackAliases: {
         'constants': false
-    }
+    },
+    alias
 });
 
 if (DEBUG_WEBPACK) {