Demos. Script for creating openai tgz (npm package) for using in CodeSandbox (#31998)

Author: GoodDayForSurf

apps/demos/configs/Angular/config.js

@@ -343,3 +343,5 @@ window.process = {
 System.config(window.config);
 // eslint-disable-next-line no-console
 System.import('@angular/compiler').catch(console.error.bind(console));
+// eslint-disable-next-line
+const useTgzInCSB = ['openai'];

apps/demos/configs/React/config.js

@@ -212,3 +212,5 @@ window.process = {
 };
 
 System.config(window.config);
+// eslint-disable-next-line
+const useTgzInCSB = ['openai'];

apps/demos/configs/ReactJs/config.js

@@ -212,3 +212,5 @@ window.process = {
 };
 
 System.config(window.config);
+// eslint-disable-next-line
+const useTgzInCSB = ['openai'];

apps/demos/configs/Vue/config.js

@@ -204,3 +204,5 @@ window.process = {
 };
 
 System.config(window.config);
+// eslint-disable-next-line
+const useTgzInCSB = ['openai'];

apps/demos/package.json

@@ -162,9 +162,10 @@
         "create-config": "node utils/internal/create-config.js",
         "launch-demo": "node utils/shell/server.js",
         "generate-ng-umd": "rollup -c ./rollup.ng.umd.config.mjs --silent",
+        "generate-tgz-packages": "node utils/create-tgz-packages.js",
         "generate-devextreme-angular-umd": "rollup -c ./rollup.devextreme-angular.umd.config.mjs --silent",
         "generate-external-bundles": "rollup -c ./rollup.external.bundles.config.mjs --silent",
-        "prepare-js": "gulp js && pnpm run generate-ng-umd && pnpm run generate-devextreme-angular-umd && pnpm run generate-external-bundles",
+        "prepare-js": "gulp js && pnpm run generate-ng-umd && pnpm run generate-devextreme-angular-umd && pnpm run generate-external-bundles && npm run generate-tgz-packages",
         "prepare-shared": "pnpm run prepare-ts && gulp shared",
         "lint-html": "prettier --check .",
         "lint-js": "eslint . --ignore-pattern 'Demos'",

apps/demos/utils/create-tgz-packages.js

@@ -0,0 +1,84 @@
+const fs = require('fs');
+const path = require('path');
+const { exec } = require('child_process');
+const util = require('util');
+const { rollup } = require('rollup');
+
+const resolve = require('@rollup/plugin-node-resolve');
+const commonjs = require('@rollup/plugin-commonjs');
+const babel = require('@rollup/plugin-babel');
+
+const execAsync = util.promisify(exec);
+const outDir = './bundles/externals/';
+
+async function buildAndPack(packageName, inputFile) {
+  const packageJsonContent = fs.readFileSync(path.resolve(`./node_modules/${packageName}/package.json`), 'utf-8');
+  const packageJSON = JSON.parse(packageJsonContent);
+  const outPackageDir = `${outDir}${packageName}/`;
+  const outputFile = `${outPackageDir}${packageName}.bundle.mjs`;
+
+  fs.mkdirSync(outPackageDir, { recursive: true });
+
+  const bundle = await rollup({
+    input: inputFile,
+    plugins: [
+      resolve(),
+      commonjs(),
+      babel({
+        babelHelpers: 'bundled',
+        presets: [
+          ['@babel/preset-env', {
+            targets: {
+              chrome: '58',
+              ie: '11',
+            },
+          }],
+        ],
+      }),
+    ],
+  });
+
+  await bundle.write({
+    file: outputFile,
+    format: 'esm',
+    name: packageName,
+    globals: {},
+  });
+
+  const packageJson = {
+    name: packageName,
+    version: packageJSON.version,
+    exports: `./${packageName}.bundle.mjs`,
+    type: 'module',
+    license: packageJSON.license,
+  };
+
+  fs.writeFileSync(
+    path.join(outPackageDir, 'package.json'),
+    JSON.stringify(packageJson, null, 2),
+  );
+
+  const { stdout, stderr } = await execAsync('npm pack', { cwd: outPackageDir });
+  const filename = `${packageName}-${packageJSON.version}.tgz`;
+
+  if (stdout.trim('\n') === filename) {
+    fs.renameSync(
+      path.join(outPackageDir, filename),
+      path.join(outDir, filename),
+    );
+    fs.rmSync(outPackageDir, { recursive: true, force: true });
+  } else {
+    console.error('stderr:\n', stderr);
+  }
+}
+
+[
+  {
+    packageName: 'openai',
+    inputFile: './node_modules/openai/index.mjs',
+  },
+].forEach(({ packageName, inputFile }) => {
+  buildAndPack(packageName, inputFile).catch((err) => {
+    console.error('Build failed:', err);
+  });
+});