Centralize build info

CHANGELOG.md

@@ -129,6 +129,7 @@ Notes: web developers are advised to use [`~` (tilde range)](https://github.com/
       - `'published'` - show checkmark aside from the message
    - Added a `position` property support for the `Message` entity
       - The `position` property takes precedence over existing sequence ID
+- Unified build info and injection of `<meta>` tag, in PR [#5571](https://github.com/microsoft/BotFramework-WebChat/pull/5571), by [@compulim](https://github.com/compulim)
 
 ### Changed
 

__tests__/html2/boot/bundle.html

@@ -33,6 +33,41 @@
 
         const { WebChat } = window;
 
+        const metaMap = new Map(
+          Array.from(document.querySelectorAll('meta'))
+            .filter(element => element.name.startsWith('botframework-webchat'))
+            .map(element => [element.name, element.getAttribute('content')])
+        );
+
+        // THEN: It should have `<meta name="botframework-webchat:api">`.
+        expect(metaMap.has('botframework-webchat:api')).toBe(true);
+        expect(metaMap.get('botframework-webchat:api')).toEqual(expect.stringContaining('build-tool=tsup'));
+        expect(metaMap.get('botframework-webchat:api')).toEqual(expect.stringContaining('module-format='));
+        expect(metaMap.get('botframework-webchat:api')).toEqual(expect.stringContaining('version='));
+        expect(metaMap.get('botframework-webchat:api:version')).toEqual(expect.stringMatching(/^\d+\.\d+\.\d+($|-)/u));
+
+        // THEN: It should have `<meta name="botframework-webchat">`.
+        expect(metaMap.has('botframework-webchat')).toBe(true);
+        expect(metaMap.get('botframework-webchat')).toEqual(expect.stringContaining('build-tool=tsup'));
+        expect(metaMap.get('botframework-webchat')).toEqual(expect.stringContaining('module-format=global'));
+        expect(metaMap.get('botframework-webchat')).toEqual(expect.stringContaining(`variant=${variant}`));
+        expect(metaMap.get('botframework-webchat')).toEqual(expect.stringContaining('version='));
+        expect(metaMap.get('botframework-webchat:version')).toEqual(expect.stringMatching(/^\d+\.\d+\.\d+($|-)/u));
+
+        // THEN: It should have `<meta name="botframework-webchat:component">`.
+        expect(metaMap.has('botframework-webchat:component')).toBe(true);
+        expect(metaMap.get('botframework-webchat:component')).toEqual(expect.stringContaining('build-tool=tsup'));
+        expect(metaMap.get('botframework-webchat:component')).toEqual(expect.stringContaining('module-format='));
+        expect(metaMap.get('botframework-webchat:component')).toEqual(expect.stringContaining('version='));
+        expect(metaMap.get('botframework-webchat:component:version')).toEqual(expect.stringMatching(/^\d+\.\d+\.\d+($|-)/u));
+
+        // THEN: It should have `<meta name="botframework-webchat:core">`.
+        expect(metaMap.has('botframework-webchat:core')).toBe(true);
+        expect(metaMap.get('botframework-webchat:core')).toEqual(expect.stringContaining('build-tool=tsup'));
+        expect(metaMap.get('botframework-webchat:core')).toEqual(expect.stringContaining('module-format='));
+        expect(metaMap.get('botframework-webchat:core')).toEqual(expect.stringContaining('version='));
+        expect(metaMap.get('botframework-webchat:core:version')).toEqual(expect.stringMatching(/^\d+\.\d+\.\d+($|-)/u));
+
         // THEN: `window.WebChat` should be a plain object.
         expect(typeof WebChat).toBe('object');
 
@@ -71,6 +106,9 @@
           expect(WebChat.Components.AdaptiveCardContent).toBeUndefined();
         }
 
+        // THEN: `buildInfo.buildTool` should be "tsup".
+        expect(WebChat).toHaveProperty('buildInfo.buildTool', 'tsup');
+
         // THEN: `buildInfo.moduleFromat` should be "global".
         expect(WebChat).toHaveProperty('buildInfo.moduleFormat', 'global'); // Bundle
 

lint-staged.config.js

@@ -12,17 +12,26 @@ module.exports = {
   '**/*.md': prettierMarkdown,
   'packages/**/*.css': ['npm run precommit:biome'],
   'packages/api/src/**/*.{mjs,js,ts,tsx}': ['npm run precommit:eslint:api'],
+  'packages/api-middleware/src/**/*.{mjs,js,ts,tsx}': ['npm run precommit:eslint:api-middleware'],
+  'packages/base/src/**/*.{mjs,js,ts,tsx}': ['npm run precommit:eslint:base'],
   'packages/bundle/src/**/*.{mjs,js,ts,tsx}': ['npm run precommit:eslint:bundle'],
   'packages/component/src/**/*.{mjs,js,ts,tsx}': ['npm run precommit:eslint:component'],
   'packages/core/src/**/*.{mjs,js,ts,tsx}': ['npm run precommit:eslint:core'],
+  'packages/debug-theme/src/**/*.{mjs,js,ts,tsx}': ['npm run precommit:eslint:debug-theme'],
   'packages/directlinespeech/src/**/*.{mjs,js,ts,tsx}': ['npm run precommit:eslint:directlinespeech'],
+  'packages/fluent-theme/src/**/*.{mjs,js,ts,tsx}': ['npm run precommit:eslint:fluent-theme'],
   'packages/isomorphic-react/src/**/*.{mjs,js,ts,tsx}': ['npm run precommit:eslint:isomorphic-react'],
   'packages/isomorphic-react-dom/src/**/*.{mjs,js,ts,tsx}': ['npm run precommit:eslint:isomorphic-react-dom'],
+  'packages/react-hooks/src/**/*.{mjs,js,ts,tsx}': ['npm run precommit:eslint:react-hooks'],
+  'packages/react-valibot/src/**/*.{mjs,js,ts,tsx}': ['npm run precommit:eslint:react-valibot'],
+  'packages/redux-store/src/**/*.{mjs,js,ts,tsx}': ['npm run precommit:eslint:redux-store'],
+  'packages/styles/src/**/*.{mjs,js,ts,tsx}': ['npm run precommit:eslint:styles'],
   'packages/support/cldr-data/src/**/*.{mjs,js,ts,tsx}': ['npm run precommit:eslint:support-cldr-data'],
   'packages/support/cldr-data-downloader/src/**/*.{mjs,js,ts,tsx}': [
     'npm run precommit:eslint:support-cldr-data-downloader'
   ],
   'packages/test/harness/src/**/*.{mjs,js,ts,tsx}': ['npm run precommit:eslint:test-harness'],
   'packages/test/page-object/src/**/*.{mjs,js,ts,tsx}': ['npm run precommit:eslint:test-page-object'],
+  'packages/test/web-server/src/**/*.{mjs,js,ts,tsx}': ['npm run precommit:eslint:test-web-server'],
   'packages/*/src/**/*.{ts,tsx}': [() => 'npm run precommit:typecheck']
 };