@spfx-extensions/package 1.6.1 → 1.6.3

package/README.md

@@ -1,166 +1,166 @@
-# SPFx Extensions Framework
-
-## Summary
-
-A SharePoint Framework (SPFx) extension solution that provides a framework-agnostic wrapper for building modern SharePoint applications. This solution contains both a web part and an application customizer that can be installed tenant-wide, enabling developers to break free from the traditional SPFx ecosystem limitations.
-
-The solution acts as a wrapper around the `@spfx-extensions/core` package, allowing you to use any modern bundler (Bun, esbuild, Vite, etc.) and the latest Node.js versions for your SharePoint solutions.
-
-## Used SharePoint Framework Version
-
-![version](https://img.shields.io/badge/version-1.22.0-green.svg)
-
-## Applies to
-- SharePoint Online
-
-> Get your own free development tenant by subscribing to [Microsoft 365 developer program](http://aka.ms/o365devprogram)
-
-## Prerequisites
-
-- SharePoint Online tenant
-- App Catalog site collection
-- Global administrator or SharePoint administrator permissions for tenant-wide deployment
-- Node.js 22.14.0 or higher (but less than 23.0.0)
-
-## Disclaimer
-
-**THIS CODE IS PROVIDED _AS IS_ WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.**
-
----
-
-## Minimal Path to Awesome
-
-### Installation
-
-1. **Clone this repository**
-   ```bash
-   git clone https://github.com/SPWizard01/spfx-extensions
-   cd spfx-extensions
-   ```
-
-2. **Install dependencies**
-   ```bash
-   npm install
-   ```
-
-3. **Build the solution**
-   ```bash
-   npm run build
-   ```
-
-4. **Package for deployment**
-   ```bash
-   npm run release
-   ```
-   If you would like to change the name of the webpart to use your own then use `--change-name` argument
-   ```bash
-   npm run release --change-name My Awesome Webpart
-   ```
-
-5. **Deploy to App Catalog**
-   - Upload the generated `.sppkg` file from `./dist/deploy/` to your tenant's App Catalog
-   - Deploy the solution tenant-wide when prompted
-   - The solution will automatically create the required subsite and configuration infrastructure
-
-### Post-Installation
-
-After successful deployment, you can:
-
-- Navigate to `/sites/appcatalog/SPFxExtensionsData/SitePages/SPFxExtensionsConfigurator.aspx` for global configuration
-![Global configuration](docs/images/configurator.png)
-- Add the SPFx Extensions Loader web part to any SharePoint page
-![Full-width section](docs/images/fullwidthsupport.png)
-- Then configure which app the webpart should load
-![Select an app](docs/images/propertypane.png)
-- Configure applications at different scopes (Global, Hub, Site, Web) as needed
-![Add webs](docs/images/sitelist.png)
-- Add webs where you want to add the apps
-![Configure app](docs/images/appconfig.png)
-- Configure the app/upload necessary files
-![Enable app at scope](docs/images/enableapp.png)
-- Enable or disable the app at specific scope
-## Development Commands
-
-| Command | Description |
-| ------- | ----------- |
-| `npm run build` | Build the solution in development mode |
-| `npm run serve` | Start the local development server |
-| `npm run release` | Build and package for production deployment |
-| `npm run clean` | Clean build artifacts |
-| `npm test` | Run tests |
-
-## What This Solution Does
-
-When deployed to your SharePoint tenant, this solution:
-
-1. **Creates Infrastructure**: Automatically provisions a special subsite at `/sites/appcatalog/SPFxExtensionsData`
-2. **Configuration Management**: Sets up application-specific configuration lists in the subsite
-3. **Global Configuration Page**: Creates a configuration page at `SitePages/SPFxExtensionsConfigurator.aspx`
-4. **Multi-Scope Support**: Enables configuration for Global, Hub, Site, and Web scoped solutions
-5. **Framework Freedom**: Acts as a wrapper around `@spfx-extensions/core`, freeing you from SPFx ecosystem constraints
-
-## Key Benefits
-
-### 🚀 **Modern Development Stack**
-- Use any bundler you prefer: **Bun**, **esbuild**, **Vite**, **Webpack**, or others
-- Support for the latest Node.js versions (not limited to SPFx-supported versions)
-- Modern JavaScript/TypeScript features without SPFx limitations
-
-### 🔧 **Flexible Architecture**
-- Framework-agnostic development approach
-- Break free from Microsoft's SPFx app ecosystem constraints
-- Maintain full control over your build pipeline and dependencies
-
-### 🎯 **Enterprise-Ready**
-- Tenant-wide deployment capability
-- Centralized configuration management
-- Support for multiple scoping levels (Global/Hub/Site/Web)
-
-## Architecture Overview
-
-This solution consists of two main components:
-
-### 1. Application Customizer (`SpfxExtensionApplicationCustomizer`)
-- Deployed tenant-wide for global functionality
-- Initializes the core framework on every SharePoint page
-- Manages application lifecycle and placeholder handling
-
-### 2. Web Part (`SpfxExtensionloaderWebPart`)
-- Provides a configurable interface for loading custom applications
-- Integrates with the centralized configuration system
-- Supports dynamic app loading and configuration
-
-Both components leverage the `@spfx-extensions/core` package to provide the underlying framework functionality.
-## Technical Details
-
-### Core Dependencies
-- **@spfx-extensions/core**: The foundational package that provides framework-agnostic capabilities
-- **SharePoint Framework 1.21.0**: Base SPFx framework for SharePoint integration
-- **TypeScript**: Full TypeScript support with modern language features
-
-### Infrastructure Created
-- **Subsite**: `/sites/appcatalog/SPFxExtensionsData`
-- **Configuration Lists**: `SPFxExtensionsWhiteList`, `SPFxExtensionsConfiguration`
-- **Configuration Page**: `SitePages/SPFxExtensionsConfigurator.aspx`
-
-### Supported Scopes
-- **Global**: Tenant-wide configurations
-- **Hub**: Hub site specific configurations  
-- **Site**: Site collection specific configurations
-- **Web**: Individual web specific configurations
-
-## Contributing
-
-This project welcomes contributions and suggestions. Please feel free to submit issues and enhancement requests.
-
-## License
-
-This project is licensed under the GPL-3.0 License - see the [LICENSE](LICENSE) file for details.
-
-## References
-
-- [Getting started with SharePoint Framework](https://docs.microsoft.com/en-us/sharepoint/dev/spfx/set-up-your-developer-tenant)
-- [Building for Microsoft teams](https://docs.microsoft.com/en-us/sharepoint/dev/spfx/build-for-teams-overview)
-- [Use Microsoft Graph in your solution](https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/using-microsoft-graph-apis)
-- [Publish SharePoint Framework applications to the Marketplace](https://docs.microsoft.com/en-us/sharepoint/dev/spfx/publish-to-marketplace-overview)
-- [Microsoft 365 Patterns and Practices](https://aka.ms/m365pnp) - Guidance, tooling, samples and open-source controls for your Microsoft 365 development
+# SPFx Extensions Framework
+
+## Summary
+
+A SharePoint Framework (SPFx) extension solution that provides a framework-agnostic wrapper for building modern SharePoint applications. This solution contains both a web part and an application customizer that can be installed tenant-wide, enabling developers to break free from the traditional SPFx ecosystem limitations.
+
+The solution acts as a wrapper around the `@spfx-extensions/core` package, allowing you to use any modern bundler (Bun, esbuild, Vite, etc.) and the latest Node.js versions for your SharePoint solutions.
+
+## Used SharePoint Framework Version
+
+![version](https://img.shields.io/badge/version-1.22.0-green.svg)
+
+## Applies to
+- SharePoint Online
+
+> Get your own free development tenant by subscribing to [Microsoft 365 developer program](http://aka.ms/o365devprogram)
+
+## Prerequisites
+
+- SharePoint Online tenant
+- App Catalog site collection
+- Global administrator or SharePoint administrator permissions for tenant-wide deployment
+- Node.js 22.14.0 or higher (but less than 23.0.0)
+
+## Disclaimer
+
+**THIS CODE IS PROVIDED _AS IS_ WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.**
+
+---
+
+## Minimal Path to Awesome
+
+### Installation
+
+1. **Clone this repository**
+   ```bash
+   git clone https://github.com/SPWizard01/spfx-extensions
+   cd spfx-extensions
+   ```
+
+2. **Install dependencies**
+   ```bash
+   npm install
+   ```
+
+3. **Build the solution**
+   ```bash
+   npm run build
+   ```
+
+4. **Package for deployment**
+   ```bash
+   npm run release
+   ```
+   If you would like to change the name of the webpart to use your own then use `--change-name` argument
+   ```bash
+   npm run release --change-name My Awesome Webpart
+   ```
+
+5. **Deploy to App Catalog**
+   - Upload the generated `.sppkg` file from `./dist/deploy/` to your tenant's App Catalog
+   - Deploy the solution tenant-wide when prompted
+   - The solution will automatically create the required subsite and configuration infrastructure
+
+### Post-Installation
+
+After successful deployment, you can:
+
+- Navigate to `/sites/appcatalog/SPFxExtensionsData/SitePages/SPFxExtensionsConfigurator.aspx` for global configuration
+![Global configuration](docs/images/configurator.png)
+- Add the SPFx Extensions Loader web part to any SharePoint page
+![Full-width section](docs/images/fullwidthsupport.png)
+- Then configure which app the webpart should load
+![Select an app](docs/images/propertypane.png)
+- Configure applications at different scopes (Global, Hub, Site, Web) as needed
+![Add webs](docs/images/sitelist.png)
+- Add webs where you want to add the apps
+![Configure app](docs/images/appconfig.png)
+- Configure the app/upload necessary files
+![Enable app at scope](docs/images/enableapp.png)
+- Enable or disable the app at specific scope
+## Development Commands
+
+| Command | Description |
+| ------- | ----------- |
+| `npm run build` | Build the solution in development mode |
+| `npm run serve` | Start the local development server |
+| `npm run release` | Build and package for production deployment |
+| `npm run clean` | Clean build artifacts |
+| `npm test` | Run tests |
+
+## What This Solution Does
+
+When deployed to your SharePoint tenant, this solution:
+
+1. **Creates Infrastructure**: Automatically provisions a special subsite at `/sites/appcatalog/SPFxExtensionsData`
+2. **Configuration Management**: Sets up application-specific configuration lists in the subsite
+3. **Global Configuration Page**: Creates a configuration page at `SitePages/SPFxExtensionsConfigurator.aspx`
+4. **Multi-Scope Support**: Enables configuration for Global, Hub, Site, and Web scoped solutions
+5. **Framework Freedom**: Acts as a wrapper around `@spfx-extensions/core`, freeing you from SPFx ecosystem constraints
+
+## Key Benefits
+
+### 🚀 **Modern Development Stack**
+- Use any bundler you prefer: **Bun**, **esbuild**, **Vite**, **Webpack**, or others
+- Support for the latest Node.js versions (not limited to SPFx-supported versions)
+- Modern JavaScript/TypeScript features without SPFx limitations
+
+### 🔧 **Flexible Architecture**
+- Framework-agnostic development approach
+- Break free from Microsoft's SPFx app ecosystem constraints
+- Maintain full control over your build pipeline and dependencies
+
+### 🎯 **Enterprise-Ready**
+- Tenant-wide deployment capability
+- Centralized configuration management
+- Support for multiple scoping levels (Global/Hub/Site/Web)
+
+## Architecture Overview
+
+This solution consists of two main components:
+
+### 1. Application Customizer (`SpfxExtensionApplicationCustomizer`)
+- Deployed tenant-wide for global functionality
+- Initializes the core framework on every SharePoint page
+- Manages application lifecycle and placeholder handling
+
+### 2. Web Part (`SpfxExtensionloaderWebPart`)
+- Provides a configurable interface for loading custom applications
+- Integrates with the centralized configuration system
+- Supports dynamic app loading and configuration
+
+Both components leverage the `@spfx-extensions/core` package to provide the underlying framework functionality.
+## Technical Details
+
+### Core Dependencies
+- **@spfx-extensions/core**: The foundational package that provides framework-agnostic capabilities
+- **SharePoint Framework 1.21.0**: Base SPFx framework for SharePoint integration
+- **TypeScript**: Full TypeScript support with modern language features
+
+### Infrastructure Created
+- **Subsite**: `/sites/appcatalog/SPFxExtensionsData`
+- **Configuration Lists**: `SPFxExtensionsWhiteList`, `SPFxExtensionsConfiguration`
+- **Configuration Page**: `SitePages/SPFxExtensionsConfigurator.aspx`
+
+### Supported Scopes
+- **Global**: Tenant-wide configurations
+- **Hub**: Hub site specific configurations  
+- **Site**: Site collection specific configurations
+- **Web**: Individual web specific configurations
+
+## Contributing
+
+This project welcomes contributions and suggestions. Please feel free to submit issues and enhancement requests.
+
+## License
+
+This project is licensed under the GPL-3.0 License - see the [LICENSE](LICENSE) file for details.
+
+## References
+
+- [Getting started with SharePoint Framework](https://docs.microsoft.com/en-us/sharepoint/dev/spfx/set-up-your-developer-tenant)
+- [Building for Microsoft teams](https://docs.microsoft.com/en-us/sharepoint/dev/spfx/build-for-teams-overview)
+- [Use Microsoft Graph in your solution](https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/using-microsoft-graph-apis)
+- [Publish SharePoint Framework applications to the Marketplace](https://docs.microsoft.com/en-us/sharepoint/dev/spfx/publish-to-marketplace-overview)
+- [Microsoft 365 Patterns and Practices](https://aka.ms/m365pnp) - Guidance, tooling, samples and open-source controls for your Microsoft 365 development

package/config/config-scripts/rename-solution.mjs

@@ -0,0 +1,22 @@
+import { readFile, writeFile } from "node:fs/promises";
+/**
+ *
+ * @param {import("@rushstack/heft").IRunScriptOptions} params
+ */
+export async function runAsync(params) {
+  const newName = process.env["SPFX_EXTENSIONS_SOLUTION_NAME"]?.trim() ?? "";
+  if (newName) {
+    console.log("New webpart name from environment variable:", newName);
+    const jsonPath =
+      "./src/webparts/spfxExtensionloader/SpfxExtensionloaderWebPart.manifest.json";
+    const webpartData = await readFile(jsonPath, { encoding: "utf8" });
+    const webpartDataJson = JSON.parse(webpartData);
+    const oldName = webpartDataJson.preconfiguredEntries[0].title.default;
+    console.log("Old Webpart Name:", oldName);
+    console.log("New Webpart Name:", newName);
+    webpartDataJson.preconfiguredEntries[0].title.default = newName;
+    console.log("Updated webpart manifest with new name.");
+    console.log(webpartDataJson);
+    // await writeFile(jsonPath, JSON.stringify(webpartDataJson, null, 2));
+  }
+}

package/config/config-scripts/update-version.mjs

@@ -0,0 +1,23 @@
+import { readFile, writeFile } from "node:fs/promises";
+/**
+ *
+ * @param {import("@rushstack/heft").IRunScriptOptions} params
+ */
+export async function runAsync(params) {
+  const projectSolutionPackage = await readFile(
+    "./config/package-solution.json",
+    { encoding: "utf8" },
+  );
+  const projectPackage = await readFile("./package.json", { encoding: "utf8" });
+  const projectPackageJson = JSON.parse(projectPackage);
+  const projectSolutionPackageJson = JSON.parse(projectSolutionPackage);
+  const projectVersion = `${projectPackageJson.version}.0`;
+  console.log("Project Version:", projectVersion);
+  projectSolutionPackageJson.solution.version = projectVersion;
+  projectSolutionPackageJson.solution.features[0].version = projectVersion;
+
+  await writeFile(
+    "./config/package-solution.json",
+    JSON.stringify(projectSolutionPackageJson, null, 2),
+  );
+}

package/config/config-scripts/webpack-patch.mjs

@@ -0,0 +1,134 @@
+const isProd =
+  process.argv.indexOf("--ship") > -1 ||
+  process.argv.indexOf("--production") > -1;
+/**
+ *
+ * @param {import("webpack").Configuration} webpackConfig
+ * @returns
+ */
+//module.exports = function (webpackConfig) {
+export default function updatedWebpackConfig(webpackConfig) {
+  webpackConfig.output.chunkFilename = "[name]_[contenthash].js";
+  webpackConfig.output.environment = {
+    arrowFunction: true,
+    const: true,
+    optionalChaining: true,
+    module: true,
+    templateLiteral: true,
+    destructuring: true,
+    dynamicImport: true,
+    globalThis: true,
+    forOf: true,
+    asyncFunction: true,
+  };
+  // webpackConfig.devtool = "source-map";
+  webpackConfig.optimization.splitChunks = {
+    cacheGroups: {
+      defaultVendors: false,
+    },
+  };
+  // webpackConfig.optimization.minimizer = [];
+  //find the source-map-loader and disable
+  // const srcMapLoaderIdx = webpackConfig.module.rules.findIndex(
+  //   (rule) =>
+  //     rule.use?.loader && rule.use.loader.indexOf("source-map-loader") !== -1,
+  // );
+  // if (srcMapLoaderIdx > -1) {
+  //   webpackConfig.module.rules.splice(srcMapLoaderIdx, 1);
+  // }
+  // console.log(webpackConfig.optimization.minimizer)
+  // webpackConfig.optimization.minimizer = [
+  //   // new TerserPlugin({
+  //   //   exclude:
+  //   //     /(spfx-extension-core|spfx-extension-wrapper|spfx-extension-coreconfigurator)/,
+  //   // }),
+  // ];
+  // webpackConfig.module.rules.push({
+  //   test: /(spfx-extension-core|spfx-extension-wrapper|spfx-extension-coreconfigurator)/,
+  //   // test: /\.js$/,
+  //   enforce: "post",
+  //   use: { "loader": "source-map-loader" },
+  //   // extractSourceMap: true,
+  // });
+  // webpackConfig.plugins.push(new webpack.SourceMapDevToolPlugin({
+  //   test: /spfx-extensions-core\.js/,
+  //   // test(asset) {
+  //   //   const isMatch = /spfx-extensions-core\.js(\?v=\w+)?$/.test(asset);
+  //   //   console.log("Processing asset for source map:", asset, isMatch);
+  //   //   return isMatch;
+  //   // },
+  //   append: `\n//# sourceMappingURL=spfx-extensions-core.js.map`,
+  // }))
+  // console.log("Updated webpack configuration:", webpackConfig.module.rules);
+  webpackConfig.module.rules.push({
+    test: /spfx-extensions-core\.js$/,
+    generator: {
+      filename: "spfx-extensions-core[ext]?v=[hash]",
+    },
+    type: "asset/resource",
+  });
+  // webpackConfig.module.rules.push({
+  //   test: /\.map$/,
+  //   generator: {
+  //     filename: "[name][ext]?v=[hash]",
+  //   },
+  //   type: "asset/resource",
+  // });
+
+  webpackConfig.module.rules.push({
+    test: /spfx-extensions-coreconfigurator\.js$/,
+    generator: {
+      filename: "spfx-extensions-coreconfigurator[ext]?v=[hash]",
+    },
+    type: "asset/resource",
+  });
+    webpackConfig.module.rules.push({
+    test: /spfx-extensions-classiccustomaction\.js$/,
+    generator: {
+      filename: "spfx-extensions-classiccustomaction[ext]?v=[hash]",
+    },
+    type: "asset/resource",
+  });
+  webpackConfig.module.rules.push({
+    test: /spfx-extensions-classicwrapper\.js$/,
+    generator: {
+      filename: "spfx-extensions-classicwrapper[ext]?v=[hash]",
+    },
+    type: "asset/resource",
+  });
+
+  // webpackConfig.resolve.alias["spfx-extensions-core.js"] =
+  //   "@spfx-extensions/core/spfx-extensions-core";
+  // webpackConfig.resolve.alias["spfx-extensions-core.js.map"] =
+  //   "@spfx-extensions/core/dist/core/spfx-extensions-core.js.map";
+
+  // webpackConfig.resolve.alias["spfx-extensions-coreconfigurator.js"] =
+  //   "@spfx-extensions/core/spfx-extensions-coreconfigurator";
+  // webpackConfig.resolve.alias["spfx-extensions-coreconfigurator.js.map"] =
+  //   "@spfx-extensions/core/spfx-extensions-coreconfigurator";
+
+  // webpackConfig.resolve.alias["spfx-extensions-classicwrapper.js"] =
+  //   "@spfx-extensions/core/spfx-extensions-classicwrapper";
+  // webpackConfig.resolve.alias.push({
+
+  // })
+  // webpackConfig.experiments = {
+  //   outputModule: true,
+  // };
+  // webpackConfig.output.libraryTarget = "commonjs-module";
+  // webpackConfig.output.library = {
+  //   type: "commonjs-module",
+  // };
+  const definePlugin = webpackConfig.plugins.find((p) => p.definitions);
+  if (definePlugin) {
+    const date = new Date().toISOString();
+    console.log("Adding BUILD_DATE to define plugin:", date);
+    definePlugin.definitions["BUILD_DATE"] = JSON.stringify(date);
+    console.log("Adding ISDEBUG to define plugin:", isProd ? false : true);
+    definePlugin.definitions["ISDEBUG"] = JSON.stringify(isProd ? false : true);
+  } else {
+    console.error("No define plugin found in webpack configuration.");
+  }
+
+  return webpackConfig;
+}

package/config/config.json

@@ -1,27 +1,27 @@
-{
-  "$schema": "https://developer.microsoft.com/json-schemas/spfx-build/config.2.0.schema.json",
-  "version": "2.0",
-  "bundles": {
-    "spfx-extension-application-customizer": {
-      "components": [
-        {
-          "entrypoint": "./lib/extensions/spfxExtension/SpfxExtensionApplicationCustomizer.js",
-          "manifest": "./src/extensions/spfxExtension/SpfxExtensionApplicationCustomizer.manifest.json"
-        }
-      ]
-    },
-    "spfx-extensionloader-web-part": {
-      "components": [
-        {
-          "entrypoint": "./lib/webparts/spfxExtensionloader/SpfxExtensionloaderWebPart.js",
-          "manifest": "./src/webparts/spfxExtensionloader/SpfxExtensionloaderWebPart.manifest.json"
-        }
-      ]
-    }
-  },
-  "externals": {},
-  "localizedResources": {
-    "SpfxExtensionApplicationCustomizerStrings": "lib/extensions/spfxExtension/loc/{locale}.js",
-    "SpfxExtensionloaderWebPartStrings": "lib/webparts/spfxExtensionloader/loc/{locale}.js"
-  }
-}
+{
+  "$schema": "https://developer.microsoft.com/json-schemas/spfx-build/config.2.0.schema.json",
+  "version": "2.0",
+  "bundles": {
+    "spfx-extension-application-customizer": {
+      "components": [
+        {
+          "entrypoint": "./lib/extensions/spfxExtension/SpfxExtensionApplicationCustomizer.js",
+          "manifest": "./src/extensions/spfxExtension/SpfxExtensionApplicationCustomizer.manifest.json"
+        }
+      ]
+    },
+    "spfx-extensionloader-web-part": {
+      "components": [
+        {
+          "entrypoint": "./lib/webparts/spfxExtensionloader/SpfxExtensionloaderWebPart.js",
+          "manifest": "./src/webparts/spfxExtensionloader/SpfxExtensionloaderWebPart.manifest.json"
+        }
+      ]
+    }
+  },
+  "externals": {},
+  "localizedResources": {
+    "SpfxExtensionApplicationCustomizerStrings": "lib/extensions/spfxExtension/loc/{locale}.js",
+    "SpfxExtensionloaderWebPartStrings": "lib/webparts/spfxExtensionloader/loc/{locale}.js"
+  }
+}

package/config/deploy-azure-storage.json

@@ -1,7 +1,7 @@
-{
-  "$schema": "https://developer.microsoft.com/json-schemas/spfx-build/deploy-azure-storage.schema.json",
-  "workingDir": "./release/assets/",
-  "account": "<!-- STORAGE ACCOUNT NAME -->",
-  "container": "sp-fx-extensions",
-  "accessKey": "<!-- ACCESS KEY -->"
+{
+  "$schema": "https://developer.microsoft.com/json-schemas/spfx-build/deploy-azure-storage.schema.json",
+  "workingDir": "./release/assets/",
+  "account": "<!-- STORAGE ACCOUNT NAME -->",
+  "container": "sp-fx-extensions",
+  "accessKey": "<!-- ACCESS KEY -->"
 }

package/config/heft.json

@@ -0,0 +1,58 @@
+{
+  "$schema": "https://developer.microsoft.com/json-schemas/heft/v0/heft.schema.json",
+  "extends": "@microsoft/spfx-web-build-rig/profiles/default/config/heft.json",
+  "phasesByName": {
+    "build": {
+      "tasksByName": {
+        "update-version": {
+          "taskDependencies": [],
+          "taskPlugin": {
+            "pluginPackage": "@rushstack/heft",
+            "pluginName": "run-script-plugin",
+            "options": {
+              "scriptPath": "./config/config-scripts/update-version.mjs"
+            }
+          }
+        },
+        "rename-solution": {
+          "taskDependencies": [],
+          "taskPlugin": {
+            "pluginPackage": "@rushstack/heft",
+            "pluginName": "run-script-plugin",
+            "options": {
+              "scriptPath": "./config/config-scripts/rename-solution.mjs"
+            }
+          }
+        }
+      }
+    },
+    "update-version": {
+      "tasksByName": {
+        "update-version": {
+          "taskDependencies": [],
+          "taskPlugin": {
+            "pluginPackage": "@rushstack/heft",
+            "pluginName": "run-script-plugin",
+            "options": {
+              "scriptPath": "./config/config-scripts/update-version.mjs"
+            }
+          }
+        }
+      }
+    },
+    "rename-solution": {
+      "tasksByName": {
+        "rename-solution": {
+          "taskDependencies": [],
+          "taskPlugin": {
+            "pluginPackage": "@rushstack/heft",
+            "pluginName": "run-script-plugin",
+            "options": {
+              "scriptPath": "./config/config-scripts/rename-solution.mjs"
+            }
+          }
+        }
+      }
+    }
+  }
+}