;
+
+function TitleBar(props: TitleBarProps) {
+ const { popoverRef } = validateProps(titleBarPropsSchema, props);
+
+ const classNames = useStyles(styles);
+
+ return (
+
+ {'Contoso agent'}
+
+
+
+ );
+}
+
+TitleBar.displayName = 'ChatLauncherPopover/TitleBar';
+
+export default memo(forwardRef(TitleBar));
+export { titleBarPropsSchema, type TitleBarProps };
diff --git a/packages/experience-chat-launcher/src/private/private/ChatLauncherPopover/TitleText.module.css b/packages/experience-chat-launcher/src/private/private/ChatLauncherPopover/TitleText.module.css
new file mode 100644
index 0000000000..01dc4f7d74
--- /dev/null
+++ b/packages/experience-chat-launcher/src/private/private/ChatLauncherPopover/TitleText.module.css
@@ -0,0 +1,27 @@
+:global(.webchat-experience-chat-launcher) .chat-launcher-popover__title-text {
+ /* TODO: [P0] Refactor variables to global or upper layer. */
+ --webchat-colorNeutralForeground1: var(--colorNeutralForeground1, #242424);
+ --webchat-fontFamilyBase: var(
+ --fontFamilyBase,
+ 'Segoe UI',
+ 'Segoe UI Web (West European)',
+ -apple-system,
+ BlinkMacSystemFont,
+ Roboto,
+ 'Helvetica Neue',
+ sans-serif
+ );
+ --webchat-fontSizeBase400: var(--fontSizeBase400, 16px);
+ --webchat-fontWeightSemibold: var(--fontWeightSemibold, 600);
+
+ /* TODO: [P*] Is this a good naming system? Sorry I forgot if we should still go CSS BEM-alike or not. */
+ --webchat-chatLauncherPopoverTitleText-color: var(--webchat-colorNeutralForeground1);
+ --webchat-chatLauncherPopoverTitleText-fontFamily: var(--webchat-fontFamilyBase);
+ --webchat-chatLauncherPopoverTitleText-fontSize: var(--webchat-fontSizeBase400);
+ --webchat-chatLauncherPopoverTitleText-fontWeight: var(--webchat-fontWeightSemibold);
+
+ color: var(--webchat-chatLauncherPopoverTitleText-color);
+ font-family: var(--webchat-chatLauncherPopoverTitleText-fontFamily);
+ font-size: var(--webchat-chatLauncherPopoverTitleText-fontSize);
+ font-weight: var(--webchat-chatLauncherPopoverTitleText-fontWeight);
+}
diff --git a/packages/experience-chat-launcher/src/private/private/ChatLauncherPopover/TitleText.tsx b/packages/experience-chat-launcher/src/private/private/ChatLauncherPopover/TitleText.tsx
new file mode 100644
index 0000000000..db51d262c5
--- /dev/null
+++ b/packages/experience-chat-launcher/src/private/private/ChatLauncherPopover/TitleText.tsx
@@ -0,0 +1,28 @@
+import { reactNode, validateProps } from '@msinternal/botframework-webchat-react-valibot';
+import { useStyles } from '@msinternal/botframework-webchat-styles/react';
+import React, { memo } from 'react';
+import { object, optional, pipe, readonly, type InferInput } from 'valibot';
+
+import styles from './TitleText.module.css';
+
+const titleTextPropsSchema = pipe(
+ object({
+ children: optional(reactNode())
+ }),
+ readonly()
+);
+
+type TitleTextProps = InferInput;
+
+function TitleText(props: TitleTextProps) {
+ const { children } = validateProps(titleTextPropsSchema, props);
+
+ const classNames = useStyles(styles);
+
+ return {children}
;
+}
+
+TitleText.displayName = 'ChatLauncherPopover/TitleText';
+
+export default memo(TitleText);
+export { titleTextPropsSchema, type TitleTextProps };
diff --git a/packages/experience-chat-launcher/src/private/private/ChatLauncherPopover/index.module.css b/packages/experience-chat-launcher/src/private/private/ChatLauncherPopover/index.module.css
new file mode 100644
index 0000000000..8bbdb9297a
--- /dev/null
+++ b/packages/experience-chat-launcher/src/private/private/ChatLauncherPopover/index.module.css
@@ -0,0 +1,19 @@
+:global(.webchat-experience-chat-launcher) .chat-launcher-popover {
+ --webchat-spacingHorizontalSNudge: var(--spacingHorizontalSNudge, 6px);
+ --webchat-spacingVerticalMNudge: var(--spacingVerticalMNudge, 10px);
+ --webchat-spacingVerticalSNudge: var(--spacingVerticalSNudge, 6px);
+}
+
+:global(.webchat-experience-chat-launcher) .chat-launcher-popover__box {
+ display: grid;
+ grid-template-rows: auto 1fr;
+ height: 100%;
+ overflow: hidden;
+ width: 100%;
+}
+
+:global(.webchat-experience-chat-launcher) .chat-launcher-popover .chat-launcher-popover__webchat {
+ box-sizing: border-box;
+ overflow: hidden;
+ padding: 0 var(--webchat-spacingHorizontalSNudge) var(--webchat-spacingVerticalMNudge);
+}
diff --git a/packages/experience-chat-launcher/src/private/private/ChatLauncherPopover/index.tsx b/packages/experience-chat-launcher/src/private/private/ChatLauncherPopover/index.tsx
new file mode 100644
index 0000000000..03921d717f
--- /dev/null
+++ b/packages/experience-chat-launcher/src/private/private/ChatLauncherPopover/index.tsx
@@ -0,0 +1,39 @@
+import { useStyles } from '@msinternal/botframework-webchat-styles/react';
+import { PopoverPolymiddlewareProxy } from 'botframework-webchat-api/middleware';
+import { BasicWebChat } from 'botframework-webchat-component/component';
+import mergeRefs from 'merge-refs';
+import React, { forwardRef, memo, useRef, type ForwardedRef } from 'react';
+import { object, pipe, readonly, type InferInput } from 'valibot';
+
+import TitleBar from './TitleBar';
+import styles from './index.module.css';
+
+const chatLauncherPopoverPropsSchema = pipe(object({}), readonly());
+
+type ChatLauncherPopoverProps = InferInput;
+
+function ChatLauncherPopover(_: ChatLauncherPopoverProps, ref: ForwardedRef) {
+ const popoverRef = useRef(null);
+
+ const classNames = useStyles(styles);
+
+ return (
+ // TODO: [P2] Is it correct to force-cast ref to HTMLDivElement?
+
+
+
+
+
+
+ );
+}
+
+ChatLauncherPopover.displayName = 'ChatLauncherPopover';
+
+export default memo(forwardRef(ChatLauncherPopover));
+export { chatLauncherPopoverPropsSchema, type ChatLauncherPopoverProps };
diff --git a/packages/experience-chat-launcher/src/private/private/Icon.module.css b/packages/experience-chat-launcher/src/private/private/Icon.module.css
new file mode 100644
index 0000000000..a86bca41d9
--- /dev/null
+++ b/packages/experience-chat-launcher/src/private/private/Icon.module.css
@@ -0,0 +1,70 @@
+/* TODO: [P0] Dupe from packages/fluent-theme/src/components/icon/FluentIcon.module.css, should dedupe. */
+:global(.webchat-experience-chat-launcher) .icon {
+ min-width: var(--webchat__icon--size, 1em);
+ min-height: var(--webchat__icon--size, 1em);
+ place-self: center;
+
+ /* Use the image as texture. */
+ background-image: var(--webchat__icon--image, none);
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: var(--webchat__icon--size, 1em);
+
+ /* If image is not set, fallback to solid color. */
+ background-color: var(--webchat__icon--color, transparent);
+
+ /* 3. Set the mask if any. */
+ -webkit-mask-image: var(--webchat__icon--mask);
+ -webkit-mask-position: center;
+ -webkit-mask-repeat: no-repeat;
+ -webkit-mask-size: var(--webchat__icon--size, 1em);
+ mask-image: var(--webchat__icon--mask);
+ mask-position: center;
+ mask-repeat: no-repeat;
+ mask-size: var(--webchat__icon--size, 1em);
+}
+
+/* #region: Appearance */
+:global(.webchat) .appearance--hero {
+ --webchat__icon--color: currentColor;
+ --webchat__icon--size: 32px;
+}
+
+:global(.webchat) .appearance--button {
+ --webchat__icon--color: currentColor;
+ --webchat__icon--size: 20px;
+}
+
+:global(.webchat) .appearance--text {
+ --webchat__icon--color: currentColor;
+}
+/* #endregion */
+
+/* #region: Icons */
+:global(.webchat) .icon--chat-multiple {
+ --webchat__icon--mask: url('data:image/svg+xml;utf8,');
+}
+
+/* TODO: [P0] This is ugly way to show a different (filled) icon when its parent is hovered. */
+:global(.webchat button:is(:focus, :hover)) .icon--chat-multiple {
+ --webchat__icon--mask: url('data:image/svg+xml;utf8,');
+}
+
+:global(.webchat) .icon--chat-sparkle {
+ --webchat__icon--mask: url('data:image/svg+xml;utf8,');
+}
+
+/* TODO: [P0] This is ugly way to show a different (filled) icon when its parent is hovered. */
+:global(.webchat button:is(:focus, :hover)) .icon--chat-sparkle {
+ --webchat__icon--mask: url('data:image/svg+xml;utf8,');
+}
+
+:global(.webchat) .icon--dismiss {
+ --webchat__icon--mask: url('data:image/svg+xml;utf8,');
+}
+
+:global(.webchat) .icon--arrow-clockwise {
+ --webchat__icon--mask: url('data:image/svg+xml;utf8,');
+}
+
+/* #endregion */
diff --git a/packages/experience-chat-launcher/src/private/private/Icon.tsx b/packages/experience-chat-launcher/src/private/private/Icon.tsx
new file mode 100644
index 0000000000..54e553816f
--- /dev/null
+++ b/packages/experience-chat-launcher/src/private/private/Icon.tsx
@@ -0,0 +1,42 @@
+/* TODO: [P0] Dupe from packages/fluent-theme/src/components/icon/FluentIcon.tsx, should dedupe. */
+import { validateProps } from '@msinternal/botframework-webchat-react-valibot';
+import { useStyles } from '@msinternal/botframework-webchat-styles/react';
+import { createIconComponent } from 'botframework-webchat-component/internal';
+import cx from 'classnames';
+import React, { memo, useMemo, type CSSProperties } from 'react';
+import { object, optional, pipe, readonly, string, union, type InferInput } from 'valibot';
+
+import styles from './Icon.module.css';
+
+const baseIconPropsSchema = pipe(
+ object({
+ 'aria-label': optional(string()),
+ className: optional(string()),
+ mask: optional(string())
+ }),
+ readonly()
+);
+
+function BaseIcon(props: InferInput) {
+ const { 'aria-label': ariaLabel, className, mask } = validateProps(baseIconPropsSchema, props);
+
+ const classNames = useStyles(styles);
+
+ const maskStyle = useMemo(
+ () => (mask ? ({ '--webchat__icon--mask': `url(${JSON.stringify(mask)})` } as CSSProperties) : {}),
+ [mask]
+ );
+
+ return ;
+}
+
+const { component: Icon, modifierPropsSchema } = createIconComponent(styles, ['appearance', 'icon'], BaseIcon);
+
+Icon.displayName = 'Icon';
+
+const iconPropsSchema = pipe(union([baseIconPropsSchema, modifierPropsSchema]), readonly());
+
+type IconProps = InferInput;
+
+export default memo(Icon);
+export { iconPropsSchema, type IconProps };
diff --git a/packages/experience-chat-launcher/src/private/private/polymiddleware/Button.module.css b/packages/experience-chat-launcher/src/private/private/polymiddleware/Button.module.css
new file mode 100644
index 0000000000..57749bcfb0
--- /dev/null
+++ b/packages/experience-chat-launcher/src/private/private/polymiddleware/Button.module.css
@@ -0,0 +1,67 @@
+/* TODO: [P0] Put this inside botframework-webchat-component as default implementation. */
+:global(.webchat-experience-chat-launcher) .button {
+ /* TODO: [P0] Expose some CSS classes to white-label. */
+ --webchat-borderRadiusMedium: var(--borderRadiusMedium, 4px);
+ --webchat-colorNeutralBackground1: var(--colorNeutralBackground1, #ffffff);
+ --webchat-colorNeutralBackground1Hover: var(--colorNeutralBackground1Hover, #f5f5f5);
+ --webchat-colorNeutralBackground1Pressed: var(--colorNeutralBackground1Pressed, #e0e0e0);
+ --webchat-colorNeutralBackground1Selected: var(--colorNeutralBackground1Selected, #ebebeb);
+ --webchat-colorNeutralForeground1: var(--colorNeutralForeground1, #242424);
+ --webchat-colorNeutralStroke1: var(--colorNeutralStroke1, #d1d1d1);
+ --webchat-colorNeutralStroke1Hover: var(--colorNeutralStroke1Hover, #c7c7c7);
+ --webchat-colorNeutralStroke1Pressed: var(--colorNeutralStroke1Pressed, #b3b3b3);
+ --webchat-colorNeutralStrokeDisabled: var(--colorNeutralStrokeDisabled, #e0e0e0);
+ --webchat-shadow8: var(--shadow8, 0 0 2px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.14));
+
+ /* TODO: [P*] Is this a good naming system? Sorry I forgot if we should still go CSS BEM-alike or not. */
+ /* TODO: [P0] Should we expose some customizable CSS variables? */
+ /* TODO: [P0] Should it be customizable to anchor to bottom/left instead? */
+ --webchat-button-background: var(--webchat-colorNeutralBackground1);
+ --webchat-button-borderColor: var(--webchat-colorNeutralStroke1);
+ --webchat-button-borderColor--active: var(--webchat-colorNeutralStroke1Pressed);
+ --webchat-button-borderColor--hover: var(--webchat-colorNeutralStroke1Hover);
+ --webchat-button-borderColor--disabled: var(--webchat-colorNeutralStrokeDisabled);
+ --webchat-button-borderRadius: var(--webchat-borderRadiusMedium);
+ --webchat-button-borderWidth: 0px;
+ --webchat-button-color: var(--webchat-colorNeutralForeground1);
+ --webchat-button-shadow: 0;
+ --webchat-button-size: 32px;
+
+ appearance: none;
+ background: var(--webchat-button-background);
+ border-color: var(--webchat-button-borderColor);
+ border-radius: var(--webchat-button-borderRadius);
+ border-style: solid;
+ border-width: var(--webchat-button-borderWidth);
+ box-shadow: var(--webchat-button-shadow);
+ color: var(--webchat-button-color);
+ height: var(--webchat-button-size);
+ min-width: var(--webchat-button-size);
+ padding: 0;
+}
+
+:global(.webchat-experience-chat-launcher) .button:hover {
+ --webchat-button-background: var(--webchat-colorNeutralBackground1Hover);
+ --webchat-button-borderColor: var(--webchat-button-borderColor--hover);
+}
+
+:global(.webchat-experience-chat-launcher) .button:active {
+ --webchat-button-background: var(--webchat-colorNeutralBackground1Pressed);
+ --webchat-button-borderColor: var(--webchat-button-borderColor--active);
+}
+
+:global(.webchat-experience-chat-launcher) .button:disabled {
+ --webchat-button-background: var(--webchat-colorNeutralBackground1Pressed);
+ --webchat-button-borderColor: var(--webchat-button-borderColor--disabled);
+}
+
+:global(.webchat-experience-chat-launcher) .button.button--appearance-elevated {
+ /* We think elevated button is perfectly round, while others has rounded corners. */
+ --webchat-button-borderRadius: var(--webchat-button-size);
+ --webchat-button-borderWidth: 1px;
+ --webchat-button-shadow: var(--webchat-shadow8);
+}
+
+:global(.webchat-experience-chat-launcher) .button.button--size-hero {
+ --webchat-button-size: 60px;
+}
diff --git a/packages/experience-chat-launcher/src/private/private/polymiddleware/Button.tsx b/packages/experience-chat-launcher/src/private/private/polymiddleware/Button.tsx
new file mode 100644
index 0000000000..1e058ee17c
--- /dev/null
+++ b/packages/experience-chat-launcher/src/private/private/polymiddleware/Button.tsx
@@ -0,0 +1,74 @@
+import { forwardedRef, reactNode, refObject, validateProps } from '@msinternal/botframework-webchat-react-valibot';
+import { useStyles } from '@msinternal/botframework-webchat-styles/react';
+import cx from 'classnames';
+import React, { memo, useCallback, useEffect, useRef } from 'react';
+import { useRefFrom } from 'use-ref-from';
+import { function_, object, optional, picklist, pipe, readonly, string, type InferInput } from 'valibot';
+
+import styles from './Button.module.css';
+
+const buttonPropsSchema = pipe(
+ object({
+ appearance: optional(picklist(['flat', 'elevated'])),
+ children: optional(reactNode()),
+ className: optional(string()),
+ forwardedRef: optional(forwardedRef()),
+ onClick: optional(function_()),
+ popoverTargetAction: optional(picklist(['hide', 'show', 'toggle'])),
+ popoverTargetRef: optional(refObject()),
+ size: optional(picklist(['hero', 'normal']))
+ }),
+ readonly()
+);
+
+type ButtonProps = InferInput;
+
+function Button(props: ButtonProps) {
+ const { appearance, children, className, onClick, popoverTargetAction, popoverTargetRef, size } = validateProps(
+ buttonPropsSchema,
+ props
+ );
+ const classNames = useStyles(styles);
+
+ const onClickRef = useRefFrom(onClick);
+ const ref = useRef(null);
+
+ const handleClick = useCallback(() => onClickRef.current?.(), [onClickRef]);
+
+ useEffect(() => {
+ if (ref.current) {
+ if (popoverTargetAction) {
+ ref.current.popoverTargetAction = popoverTargetAction;
+ } else {
+ ref.current.removeAttribute('popovertargetaction');
+ }
+
+ ref.current.popoverTargetElement = popoverTargetRef?.current || null;
+ }
+ }, [popoverTargetAction, popoverTargetRef, ref]);
+
+ return (
+
+ );
+}
+
+Button.displayName = 'Button';
+
+export default memo(Button);
+export { buttonPropsSchema, type ButtonProps };
diff --git a/packages/experience-chat-launcher/src/private/private/polymiddleware/NonModalPopover.module.css b/packages/experience-chat-launcher/src/private/private/polymiddleware/NonModalPopover.module.css
new file mode 100644
index 0000000000..7ac39bb18b
--- /dev/null
+++ b/packages/experience-chat-launcher/src/private/private/polymiddleware/NonModalPopover.module.css
@@ -0,0 +1,20 @@
+:global(.webchat-experience-chat-launcher) .popover--non-modal {
+ /* TODO: [P0] Refactor variables to global or upper layer. */
+ --webchat-colorNeutralBackground1: var(--colorNeutralBackground1, #ffffff);
+ --webchat-shadow64: var(--shadow64, 0 0 8px rgba(0, 0, 0, 0.12), 0 32px 64px rgba(0, 0, 0, 0.14));
+
+ /* TODO: [P*] Is this a good naming system? Sorry I forgot if we should still go CSS BEM-alike or not. */
+ --webchat-popover-background: var(--webchat-colorNeutralBackground1);
+ --webchat-popover-box-shadow: var(--webchat-shadow64);
+ --webchat-popover-border-radius: 20px;
+ --webchat-popover-height: 610px;
+ --webchat-popover-width: 340px;
+
+ background: var(--webchat-popover-background);
+ border: 0;
+ border-radius: var(--webchat-popover-border-radius);
+ box-shadow: var(--webchat-popover-box-shadow);
+ height: var(--webchat-popover-height);
+ padding: 0;
+ width: var(--webchat-popover-width);
+}
diff --git a/packages/experience-chat-launcher/src/private/private/polymiddleware/NonModalPopover.tsx b/packages/experience-chat-launcher/src/private/private/polymiddleware/NonModalPopover.tsx
new file mode 100644
index 0000000000..3a3934aca5
--- /dev/null
+++ b/packages/experience-chat-launcher/src/private/private/polymiddleware/NonModalPopover.tsx
@@ -0,0 +1,49 @@
+import { forwardedRef, reactNode, validateProps } from '@msinternal/botframework-webchat-react-valibot';
+import { useStyles } from '@msinternal/botframework-webchat-styles/react';
+import cx from 'classnames';
+import mergeRefs from 'merge-refs';
+import React, { memo, useEffect, useRef } from 'react';
+import { object, optional, picklist, pipe, readonly, string, type InferInput } from 'valibot';
+
+import styles from './NonModalPopover.module.css';
+
+const popoverPropsSchema = pipe(
+ object({
+ children: optional(reactNode()),
+ className: optional(string()),
+ forwardedRef: optional(forwardedRef()),
+ popover: optional(picklist(['auto', 'hint', 'manual']))
+ }),
+ readonly()
+);
+
+type PopoverProps = InferInput;
+
+function Popover(props: PopoverProps) {
+ const { className, children, forwardedRef, popover } = validateProps(popoverPropsSchema, props);
+
+ const ref = useRef(null);
+
+ const classNames = useStyles(styles);
+
+ // React 16.8.6 does not support "popover" prop yet.
+ useEffect(() => {
+ ref &&
+ typeof ref === 'object' &&
+ 'current' in ref &&
+ ref.current &&
+ ref.current.setAttribute('popover', popover || '');
+ }, [popover, ref]);
+
+ return (
+ // TODO: [P2] Is it correct to force-cast ref to HTMLDivElement?
+
+ {children}
+
+ );
+}
+
+Popover.displayName = 'Popover';
+
+export default memo(Popover);
+export { popoverPropsSchema, type PopoverProps };
diff --git a/packages/experience-chat-launcher/src/stylesheet/ChatLauncherStylesheet.tsx b/packages/experience-chat-launcher/src/stylesheet/ChatLauncherStylesheet.tsx
new file mode 100644
index 0000000000..a894609ac3
--- /dev/null
+++ b/packages/experience-chat-launcher/src/stylesheet/ChatLauncherStylesheet.tsx
@@ -0,0 +1,33 @@
+// TODO: [P2] This component can be replaced by `bindProps`.
+import { validateProps } from '@msinternal/botframework-webchat-react-valibot';
+import { InjectStyleElements } from '@msinternal/botframework-webchat-styles/react';
+import { useStyleOptions } from 'botframework-webchat-api/hook';
+import React, { memo, type FunctionComponent } from 'react';
+import { never, object, optional, pipe, readonly, string, undefinedable, type InferInput } from 'valibot';
+
+import createChatLauncherStyleElements from './createChatLauncherStyleElements';
+
+const componentStylesheetPropsSchema = pipe(
+ object({
+ children: optional(never()),
+ nonce: undefinedable(string())
+ }),
+ readonly()
+);
+
+type ComponentStylesheetProps = InferInput;
+
+const styleElements = createChatLauncherStyleElements('experience-chat-launcher');
+
+function ChatLauncherStylesheet(props: ComponentStylesheetProps) {
+ const { nonce } = validateProps(componentStylesheetPropsSchema, props);
+
+ const [{ stylesRoot }] = useStyleOptions();
+
+ return ;
+}
+
+ChatLauncherStylesheet.displayName = 'ChatLauncherStylesheet';
+
+export default memo(ChatLauncherStylesheet as FunctionComponent);
+export { componentStylesheetPropsSchema, type ComponentStylesheetProps };
diff --git a/packages/experience-chat-launcher/src/stylesheet/createChatLauncherStyleElements.ts b/packages/experience-chat-launcher/src/stylesheet/createChatLauncherStyleElements.ts
new file mode 100644
index 0000000000..6d1acf99f6
--- /dev/null
+++ b/packages/experience-chat-launcher/src/stylesheet/createChatLauncherStyleElements.ts
@@ -0,0 +1,8 @@
+import { makeCreateStyles } from '@msinternal/botframework-webchat-styles';
+
+const chatLauncherStyleContent = '@--CHAT-LAUNCHER-STYLES-CONTENT--@';
+
+const createChatLauncherStyleElements = makeCreateStyles(chatLauncherStyleContent);
+
+export default createChatLauncherStyleElements;
+export { chatLauncherStyleContent };
diff --git a/packages/experience-chat-launcher/src/tsconfig.json b/packages/experience-chat-launcher/src/tsconfig.json
new file mode 100644
index 0000000000..e6a6f30a92
--- /dev/null
+++ b/packages/experience-chat-launcher/src/tsconfig.json
@@ -0,0 +1,6 @@
+{
+ "extends": [
+ "@msinternal/botframework-webchat-tsconfig/current",
+ "@msinternal/botframework-webchat-tsconfig/features/cssModules"
+ ]
+}
diff --git a/packages/experience-chat-launcher/tsup.config.ts b/packages/experience-chat-launcher/tsup.config.ts
new file mode 100644
index 0000000000..7d12dc2106
--- /dev/null
+++ b/packages/experience-chat-launcher/tsup.config.ts
@@ -0,0 +1,54 @@
+import { injectCSSPlugin } from '@msinternal/botframework-webchat-styles/build';
+import { type Plugin } from 'esbuild';
+import { defineConfig } from 'tsup';
+
+import { applyConfig } from '../../tsup.base.config';
+import { chatLauncherStyleContent as chatLauncherStyleContentPlaceholder } from './src/stylesheet/createChatLauncherStyleElements';
+
+// eslint-disable-next-line no-unused-vars
+const isomorphicReactPlugin: Plugin = {
+ name: 'isomorphic-react',
+ setup(build) {
+ // eslint-disable-next-line require-unicode-regexp
+ build.onResolve({ filter: /^(react|react-dom)$/, namespace: 'file' }, ({ path }) => ({
+ namespace: 'isomorphic-react',
+ path
+ }));
+
+ // eslint-disable-next-line require-unicode-regexp
+ build.onLoad({ filter: /^react$/, namespace: 'isomorphic-react' }, () => ({
+ contents: "import React from 'react'; module.exports = globalThis.React || React;"
+ }));
+
+ // eslint-disable-next-line require-unicode-regexp
+ build.onLoad({ filter: /^react-dom$/, namespace: 'isomorphic-react' }, () => ({
+ contents: "import ReactDOM from 'react-dom'; module.exports = globalThis.ReactDOM || ReactDOM;"
+ }));
+ }
+};
+
+const commonConfig = applyConfig(config => ({
+ ...config,
+ entry: {
+ 'botframework-webchat-experience-chat-launcher': './src/index.ts'
+ },
+ external: ['botframework-webchat-component', 'react', 'react-dom'],
+ esbuildPlugins: [
+ ...config.esbuildPlugins,
+ isomorphicReactPlugin,
+ injectCSSPlugin({ stylesPlaceholder: chatLauncherStyleContentPlaceholder })
+ ]
+}));
+
+export default defineConfig([
+ {
+ ...commonConfig,
+ format: 'esm',
+ onSuccess: 'touch ./package.json'
+ },
+ {
+ ...commonConfig,
+ format: 'cjs',
+ target: [...commonConfig.target, 'es2019']
+ }
+]);
diff --git a/packages/fluent-theme/.gitignore b/packages/fluent-theme/.gitignore
index d412f912e3..7f3c011f4b 100644
--- a/packages/fluent-theme/.gitignore
+++ b/packages/fluent-theme/.gitignore
@@ -1,6 +1,5 @@
/*.tgz
/dist/
-/dist.tmp/
/node_modules/
/static/
/tsup.config.bundled_*.mjs
diff --git a/packages/fluent-theme/package.json b/packages/fluent-theme/package.json
index 056d1f4de3..41c24292a9 100644
--- a/packages/fluent-theme/package.json
+++ b/packages/fluent-theme/package.json
@@ -40,13 +40,18 @@
"static/**/*"
],
"scripts": {
- "build": "npm run build:static && npm run build:tsup && npm run build:dtsroll && npm run build:validate",
- "build:dtsroll": "dtsroll ./dist/*.d.*",
- "build:static": "node ./esbuild.static.mjs",
- "build:tsup": "tsup",
- "build:validate": "npm run build:validate:css && npm run build:validate:dts",
- "build:validate:css": "grep -q -P '\\.webchat-fluent \\.w([a-zA-Z-]){6}_' dist/*.css 2>/dev/null || { echo \"Error: dist/*.css is not compiled by Lightning CSS\" >&2; exit 1; }",
- "build:validate:dts": "if grep -q -P '@msinternal\\/' dist/*.d.* 2>/dev/null; then echo \"Error: dist/*.d.* is not compiled by dtsroll\" >&2; exit 1; fi",
+ "build": "npm run --if-present build:pre && npm run build:run && npm run --if-present build:post",
+ "build:post": "npm run build:post:dtsroll && npm run build:post:validate",
+ "build:post:dtsroll": "dtsroll ./dist/*.d.*",
+ "build:post:validate": "npm run build:post:validate:css && npm run build:post:validate:dts",
+ "build:post:validate:css": "grep -q -P '\\.webchat-fluent \\.w([a-zA-Z-]){6}_' dist/*.css 2>/dev/null || { echo \"Error: dist/*.css is not compiled by Lightning CSS\" >&2; exit 1; }",
+ "build:post:validate:dts": "if grep -q -P '@msinternal\\/' dist/*.d.* 2>/dev/null; then echo \"Error: dist/*.d.* is not compiled by dtsroll\" >&2; exit 1; fi",
+ "build:pre": "npm run build:pre:local-dependencies && npm run build:pre:watch",
+ "build:pre:local-dependencies": "../../scripts/npm/build-local-dependencies.sh",
+ "build:pre:watch": "../../scripts/npm/build-watch.sh",
+ "build:run": "concurrently --prefix-colors \"auto\" \"npm:build:run:*\"",
+ "build:run:static": "node ./esbuild.static.mjs",
+ "build:run:tsup": "tsup",
"bump": "npm run bump:prod && npm run bump:dev && (npm audit fix || exit 0)",
"bump:dev": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.devDependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install $PACKAGES_TO_BUMP || true",
"bump:prod": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.dependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install --save-exact $PACKAGES_TO_BUMP || true",
@@ -56,14 +61,7 @@
"precommit:eslint": "../../node_modules/.bin/eslint --report-unused-disable-directives --max-warnings 0",
"precommit:typecheck": "tsc --project ./src --emitDeclarationOnly false --esModuleInterop true --noEmit --pretty false",
"preversion": "cat package.json | jq '(.localDependencies // {} | to_entries | map([if .value == \"production\" then \"dependencies\" else \"devDependencies\" end, .key])) as $P | delpaths($P)' > package-temp.json && mv package-temp.json package.json",
- "start": "cross-env NODE_OPTIONS=--no-deprecation concurrently --kill-others --prefix-colors \"auto\" \"npm:start:*\"",
- "start:static": "npm run build:static -- --watch",
- "start:tsup": "npm run build:tsup -- --watch"
- },
- "localDependencies": {
- "@msinternal/botframework-webchat-styles": "development",
- "@msinternal/botframework-webchat-tsconfig": "development",
- "botframework-webchat": "production"
+ "start": "../../scripts/npm/notify-build.sh \"./src/\" \"../styles/package.json\" \"../tsconfig/package.json\" \"../bundle/package.json\""
},
"pinDependencies": {
"@types/react": [
@@ -75,11 +73,17 @@
"@typescript-eslint/parser@8.38.0 does not support typescript@5.9.2 yet"
]
},
+ "localDependencies": {
+ "@msinternal/botframework-webchat-styles": "development",
+ "@msinternal/botframework-webchat-tsconfig": "development",
+ "botframework-webchat": "production"
+ },
"devDependencies": {
"@msinternal/botframework-webchat-styles": "0.0.0-0",
"@msinternal/botframework-webchat-tsconfig": "0.0.0-0",
"@types/math-random": "^1.0.2",
"@types/node": "^24.1.0",
+ "concurrently": "^9.2.0",
"tsup": "^8.5.0",
"typescript": "~5.8.3"
},
diff --git a/packages/fluent-theme/src/components/theme/Theme.module.css b/packages/fluent-theme/src/components/theme/Theme.module.css
index 25f1979a5a..1fa15fae83 100644
--- a/packages/fluent-theme/src/components/theme/Theme.module.css
+++ b/packages/fluent-theme/src/components/theme/Theme.module.css
@@ -19,6 +19,7 @@
--webchat-colorNeutralBackground1: var(--colorNeutralBackground1, #ffffff);
--webchat-colorNeutralBackground1Hover: var(--colorNeutralBackground1Hover, #f5f5f5);
--webchat-colorNeutralBackground1Pressed: var(--colorNeutralBackground1Pressed, #e0e0e0);
+ --webchat-colorNeutralBackground1Selected: var(--colorNeutralBackground1Selected, #ebebeb);
--webchat-colorNeutralBackground3: var(--colorNeutralBackground3, #f5f5f5);
--webchat-colorNeutralBackground4: var(--colorNeutralBackground4, #f0f0f0);
--webchat-colorNeutralBackground5: var(--colorNeutralBackground5, #ebebeb);
@@ -81,6 +82,7 @@
/* https://github.com/microsoft/fluentui/blob/master/packages/tokens/src/utils/shadows.ts */
--webchat-shadow2: var(--shadow2, 0 0 2px rgba(0, 0, 0, 12%), 0 1px 2px rgba(0, 0, 0, 14%));
--webchat-shadow4: var(--shadow4, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.14));
+ --webchat-shadow8: var(--shadow8, 0 0 2px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.14));
--webchat-shadow16: var(--shadow16, 0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108));
--webchat-shadow64: var(--shadow64, 0 0 8px rgba(0, 0, 0, 0.12), 0 32px 64px rgba(0, 0, 0, 0.14));
diff --git a/packages/fluent-theme/tsup.config.ts b/packages/fluent-theme/tsup.config.ts
index 39ef2f430a..2786f66cee 100644
--- a/packages/fluent-theme/tsup.config.ts
+++ b/packages/fluent-theme/tsup.config.ts
@@ -73,7 +73,8 @@ export default defineConfig([
...(config.esbuildPlugins ?? []),
injectCSSPlugin({ stylesPlaceholder: fluentStyleContentPlaceholder })
],
- format: ['esm']
+ format: ['esm'],
+ onSuccess: 'touch ./package.json'
})),
applyConfig(config => ({
...config,
diff --git a/packages/isomorphic-react-dom/package.json b/packages/isomorphic-react-dom/package.json
index a6f23cffe0..defaa70823 100644
--- a/packages/isomorphic-react-dom/package.json
+++ b/packages/isomorphic-react-dom/package.json
@@ -5,9 +5,12 @@
"main": "dist/react-dom.js",
"private": true,
"scripts": {
- "build": "npm run build:babel && npm run build:webpack",
- "build:babel": "babel src --out-dir lib --verbose",
- "build:webpack": "webpack-cli",
+ "build": "npm run --if-present build:pre && npm run build:run && npm run --if-present build:post",
+ "build:pre": "npm run build:pre:local-dependencies",
+ "build:pre:local-dependencies": "../../scripts/npm/build-local-dependencies.sh",
+ "build:run": "npm run build:run:babel && npm run build:run:webpack && touch ./package.json",
+ "build:run:babel": "babel src --out-dir lib --verbose",
+ "build:run:webpack": "webpack-cli",
"bump": "npm run bump:prod && npm run bump:dev && (npm audit fix || exit 0)",
"bump:dev": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.devDependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install $PACKAGES_TO_BUMP || true",
"bump:prod": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.dependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install --save-exact $PACKAGES_TO_BUMP || true",
@@ -19,8 +22,8 @@
},
"author": "Microsoft Corporation",
"license": "MIT",
- "localDependencies": {},
"pinDependencies": {},
+ "localDependencies": {},
"devDependencies": {
"@babel/cli": "^7.28.0",
"@babel/core": "^7.28.0",
diff --git a/packages/isomorphic-react/package.json b/packages/isomorphic-react/package.json
index f7acce60d8..04b4562619 100644
--- a/packages/isomorphic-react/package.json
+++ b/packages/isomorphic-react/package.json
@@ -5,9 +5,12 @@
"main": "dist/react.js",
"private": true,
"scripts": {
- "build": "npm run build:babel && npm run build:webpack",
- "build:babel": "babel src --out-dir lib --verbose",
- "build:webpack": "webpack-cli",
+ "build": "npm run --if-present build:pre && npm run build:run && npm run --if-present build:post",
+ "build:pre": "npm run build:pre:local-dependencies",
+ "build:pre:local-dependencies": "../../scripts/npm/build-local-dependencies.sh",
+ "build:run": "npm run build:run:babel && npm run build:run:webpack && touch ./package.json",
+ "build:run:babel": "babel src --out-dir lib --verbose",
+ "build:run:webpack": "webpack-cli",
"bump": "npm run bump:prod && npm run bump:dev && (npm audit fix || exit 0)",
"bump:dev": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.devDependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install $PACKAGES_TO_BUMP || true",
"bump:prod": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.dependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install --save-exact $PACKAGES_TO_BUMP || true",
@@ -19,8 +22,8 @@
},
"author": "Microsoft Corporation",
"license": "MIT",
- "localDependencies": {},
"pinDependencies": {},
+ "localDependencies": {},
"devDependencies": {
"@babel/cli": "^7.28.0",
"@babel/core": "^7.28.0",
diff --git a/packages/react-hooks/.gitignore b/packages/react-hooks/.gitignore
index 515a303349..52536cb56d 100644
--- a/packages/react-hooks/.gitignore
+++ b/packages/react-hooks/.gitignore
@@ -1,5 +1,4 @@
/*.tgz
/dist/
-/dist.tmp/
/node_modules/
/tsup.config.bundled_*.mjs
diff --git a/packages/react-hooks/package.json b/packages/react-hooks/package.json
index b3b4710f55..fcc3a915eb 100644
--- a/packages/react-hooks/package.json
+++ b/packages/react-hooks/package.json
@@ -35,10 +35,13 @@
"./src/**/*",
"*.js"
],
- "localDependencies": {},
"homepage": "https://github.com/microsoft/BotFramework-WebChat/tree/main/packages/react-hooks#readme",
"scripts": {
- "build": "tsup --config ./tsup.config.ts",
+ "build": "npm run --if-present build:pre && npm run build:run && npm run --if-present build:post",
+ "build:pre": "npm run build:pre:local-dependencies && npm run build:pre:watch",
+ "build:pre:local-dependencies": "../../scripts/npm/build-local-dependencies.sh",
+ "build:pre:watch": "../../scripts/npm/build-watch.sh",
+ "build:run": "tsup",
"bump": "npm run bump:prod && npm run bump:dev && (npm audit fix || exit 0)",
"bump:dev": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.devDependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install $PACKAGES_TO_BUMP || true",
"bump:prod": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.dependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install --save-exact $PACKAGES_TO_BUMP || true",
@@ -48,9 +51,10 @@
"precommit:eslint": "../../node_modules/.bin/eslint --report-unused-disable-directives --max-warnings 0",
"precommit:typecheck": "tsc --project ./src --emitDeclarationOnly false --esModuleInterop true --noEmit --pretty false",
"preversion": "cat package.json | jq '(.localDependencies // {} | to_entries | map([if .value == \"production\" then \"dependencies\" else \"devDependencies\" end, .key])) as $P | delpaths($P)' > package-temp.json && mv package-temp.json package.json",
- "start": "npm run build -- --watch"
+ "start": "../../scripts/npm/notify-build.sh \"./src/\""
},
"peerDependencies": {
"react": ">= 16.8.6"
- }
+ },
+ "localDependencies": {}
}
diff --git a/packages/react-hooks/tsup.config.ts b/packages/react-hooks/tsup.config.ts
index cd7a9b44f8..f7b5e83bce 100644
--- a/packages/react-hooks/tsup.config.ts
+++ b/packages/react-hooks/tsup.config.ts
@@ -2,21 +2,18 @@ import { defineConfig } from 'tsup';
import { applyConfig } from '../../tsup.base.config';
-// TODO: [P1] Compute this automatically.
-const DEPENDENT_PATHS = ['api/src/index.ts', 'api-middleware/src/index.ts'];
-
const commonConfig = applyConfig(config => ({
...config,
entry: {
'botframework-webchat-react-hooks': './src/index.ts'
- },
- onSuccess: `touch ${DEPENDENT_PATHS.map(path => `../${path}`).join(' ')}`
+ }
}));
export default defineConfig([
{
...commonConfig,
- format: 'esm'
+ format: 'esm',
+ onSuccess: 'touch ./package.json'
},
{
...commonConfig,
diff --git a/packages/react-valibot/.gitignore b/packages/react-valibot/.gitignore
index 515a303349..52536cb56d 100644
--- a/packages/react-valibot/.gitignore
+++ b/packages/react-valibot/.gitignore
@@ -1,5 +1,4 @@
/*.tgz
/dist/
-/dist.tmp/
/node_modules/
/tsup.config.bundled_*.mjs
diff --git a/packages/react-valibot/package.json b/packages/react-valibot/package.json
index 4d85aad21f..da2dfa3f52 100644
--- a/packages/react-valibot/package.json
+++ b/packages/react-valibot/package.json
@@ -32,7 +32,11 @@
"homepage": "https://github.com/microsoft/BotFramework-WebChat/tree/main/packages/react-valibot#readme",
"private": true,
"scripts": {
- "build": "tsup",
+ "build": "npm run --if-present build:pre && npm run build:run && npm run --if-present build:post",
+ "build:pre": "npm run build:pre:local-dependencies && npm run build:pre:watch",
+ "build:pre:local-dependencies": "../../scripts/npm/build-local-dependencies.sh",
+ "build:pre:watch": "../../scripts/npm/build-watch.sh",
+ "build:run": "tsup",
"bump": "npm run bump:prod && npm run bump:dev && (npm audit fix || exit 0)",
"bump:dev": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.devDependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install $PACKAGES_TO_BUMP || true",
"bump:prod": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.dependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install --save-exact $PACKAGES_TO_BUMP || true",
@@ -42,10 +46,7 @@
"precommit:eslint": "../../node_modules/.bin/eslint --report-unused-disable-directives --max-warnings 0",
"precommit:typecheck": "tsc --project ./src --emitDeclarationOnly false --esModuleInterop true --noEmit --pretty false",
"preversion": "cat package.json | jq '(.localDependencies // {} | to_entries | map([if .value == \"production\" then \"dependencies\" else \"devDependencies\" end, .key])) as $P | delpaths($P)' > package-temp.json && mv package-temp.json package.json",
- "start": "npm run build -- --watch"
- },
- "localDependencies": {
- "@msinternal/botframework-webchat-tsconfig": "development"
+ "start": "../../scripts/npm/notify-build.sh \"./src/\" \"../tsconfig/package.json\""
},
"pinDependencies": {
"@types/react": [
@@ -56,6 +57,9 @@
"@typescript-eslint/parser@8.38.0 does not support typescript@5.9.2 yet"
]
},
+ "localDependencies": {
+ "@msinternal/botframework-webchat-tsconfig": "development"
+ },
"devDependencies": {
"@msinternal/botframework-webchat-tsconfig": "^0.0.0-0",
"@types/jest": "^30.0.0",
diff --git a/packages/react-valibot/src/forwardedRef.ts b/packages/react-valibot/src/forwardedRef.ts
new file mode 100644
index 0000000000..1f9c90a4f7
--- /dev/null
+++ b/packages/react-valibot/src/forwardedRef.ts
@@ -0,0 +1,28 @@
+import { type ForwardedRef } from 'react';
+import { custom, nullable, safeParse, union, type CustomIssue, type CustomSchema, type ErrorMessage } from 'valibot';
+
+import mutableRefObject from './mutableRefObject';
+import refCallback from './refCallback';
+
+const forwardedRefSchema = nullable(union([refCallback(), mutableRefObject()]));
+
+function forwardedRef(): CustomSchema, undefined>;
+function forwardedRef(): CustomSchema, undefined>;
+
+function forwardedRef<
+ T,
+ const TMessage extends ErrorMessage | undefined = ErrorMessage | undefined
+>(message: TMessage): CustomSchema, TMessage>;
+
+function forwardedRef<
+ T,
+ const TMessage extends ErrorMessage | undefined = ErrorMessage | undefined
+>(message?: TMessage): CustomSchema, TMessage> {
+ return custom, TMessage>(
+ value => safeParse(forwardedRefSchema, value).success,
+ // TODO: Probably lacking some undefined checks, thus, we need to force cast.
+ message as TMessage
+ );
+}
+
+export default forwardedRef;
diff --git a/packages/react-valibot/src/index.ts b/packages/react-valibot/src/index.ts
index d1e6fe3bb5..4e15bbea37 100644
--- a/packages/react-valibot/src/index.ts
+++ b/packages/react-valibot/src/index.ts
@@ -1,2 +1,7 @@
+export { default as forwardedRef } from './forwardedRef';
+export { default as mutableRefObject } from './mutableRefObject';
export { default as reactNode } from './reactNode';
+export { default as ref } from './ref';
+export { default as refCallback } from './refCallback';
+export { default as refObject } from './refObject';
export { default as validateProps } from './validateProps';
diff --git a/packages/react-valibot/src/mutableRefObject.ts b/packages/react-valibot/src/mutableRefObject.ts
new file mode 100644
index 0000000000..efc2e625c3
--- /dev/null
+++ b/packages/react-valibot/src/mutableRefObject.ts
@@ -0,0 +1,25 @@
+import { type RefObject } from 'react';
+import { any, custom, object, safeParse, type CustomIssue, type CustomSchema, type ErrorMessage } from 'valibot';
+
+const mutableRefObjectSchema = object({ current: any() });
+
+function mutableRefObject(): CustomSchema, undefined>;
+function mutableRefObject(): CustomSchema, undefined>;
+
+function mutableRefObject<
+ T,
+ const TMessage extends ErrorMessage | undefined = ErrorMessage | undefined
+>(message: TMessage): CustomSchema, TMessage>;
+
+function mutableRefObject<
+ T,
+ const TMessage extends ErrorMessage | undefined = ErrorMessage | undefined
+>(message?: TMessage): CustomSchema, TMessage> {
+ return custom, TMessage>(
+ value => safeParse(mutableRefObjectSchema, value).success,
+ // TODO: Probably lacking some undefined checks, thus, we need to force cast.
+ message as TMessage
+ );
+}
+
+export default mutableRefObject;
diff --git a/packages/react-valibot/src/ref.ts b/packages/react-valibot/src/ref.ts
new file mode 100644
index 0000000000..ed4db72581
--- /dev/null
+++ b/packages/react-valibot/src/ref.ts
@@ -0,0 +1,26 @@
+import { type Ref } from 'react';
+import { custom, nullable, safeParse, union, type CustomIssue, type CustomSchema, type ErrorMessage } from 'valibot';
+
+import refCallback from './refCallback';
+import refObject from './refObject';
+
+const refSchema = nullable(union([refCallback(), refObject()]));
+
+function ref(): CustomSchema, undefined>;
+function ref(): CustomSchema, undefined>;
+
+function ref | undefined = ErrorMessage | undefined>(
+ message: TMessage
+): CustomSchema, TMessage>;
+
+function ref | undefined = ErrorMessage | undefined>(
+ message?: TMessage
+): CustomSchema, TMessage> {
+ return custom, TMessage>(
+ value => safeParse(refSchema, value).success,
+ // TODO: Probably lacking some undefined checks, thus, we need to force cast.
+ message as TMessage
+ );
+}
+
+export default ref;
diff --git a/packages/react-valibot/src/refCallback.ts b/packages/react-valibot/src/refCallback.ts
new file mode 100644
index 0000000000..7e0a2192b7
--- /dev/null
+++ b/packages/react-valibot/src/refCallback.ts
@@ -0,0 +1,25 @@
+import { type RefCallback } from 'react';
+import { custom, safeParse, type CustomIssue, type CustomSchema, type ErrorMessage } from 'valibot';
+
+const refCallbackSchema = custom<(current: any) => void>(value => typeof value === 'function');
+
+function refCallback(): CustomSchema, undefined>;
+function refCallback(): CustomSchema, undefined>;
+
+function refCallback<
+ T,
+ const TMessage extends ErrorMessage | undefined = ErrorMessage | undefined
+>(message: TMessage): CustomSchema, TMessage>;
+
+function refCallback<
+ T,
+ const TMessage extends ErrorMessage | undefined = ErrorMessage | undefined
+>(message?: TMessage): CustomSchema, TMessage> {
+ return custom, TMessage>(
+ value => safeParse(refCallbackSchema, value).success,
+ // TODO: Probably lacking some undefined checks, thus, we need to force cast.
+ message as TMessage
+ );
+}
+
+export default refCallback;
diff --git a/packages/react-valibot/src/refObject.ts b/packages/react-valibot/src/refObject.ts
new file mode 100644
index 0000000000..e9394568d4
--- /dev/null
+++ b/packages/react-valibot/src/refObject.ts
@@ -0,0 +1,35 @@
+import { type RefObject } from 'react';
+import {
+ any,
+ custom,
+ object,
+ pipe,
+ readonly,
+ safeParse,
+ type CustomIssue,
+ type CustomSchema,
+ type ErrorMessage
+} from 'valibot';
+
+const refObjectSchema = pipe(object({ current: any() }), readonly());
+
+function refObject(): CustomSchema, undefined>;
+function refObject(): CustomSchema, undefined>;
+
+function refObject<
+ T,
+ const TMessage extends ErrorMessage | undefined = ErrorMessage | undefined
+>(message: TMessage): CustomSchema, TMessage>;
+
+function refObject<
+ T,
+ const TMessage extends ErrorMessage | undefined = ErrorMessage | undefined
+>(message?: TMessage): CustomSchema, TMessage> {
+ return custom, TMessage>(
+ value => safeParse(refObjectSchema, value).success,
+ // TODO: Probably lacking some undefined checks, thus, we need to force cast.
+ message as TMessage
+ );
+}
+
+export default refObject;
diff --git a/packages/react-valibot/tsup.config.ts b/packages/react-valibot/tsup.config.ts
index f832eff721..9526b6e770 100644
--- a/packages/react-valibot/tsup.config.ts
+++ b/packages/react-valibot/tsup.config.ts
@@ -2,29 +2,18 @@ import { defineConfig } from 'tsup';
import { applyConfig } from '../../tsup.base.config';
-// TODO: [P1] Compute this automatically.
-const DEPENDENT_PATHS = [
- 'api/src/index.ts',
- 'api-middleware/src/index.ts',
- 'bundle/src/boot/exports/index.ts',
- 'component/src/index.ts',
- 'debug-theme/src/index.ts',
- 'fluent-theme/src/index.ts',
- 'redux-store/src/index.ts'
-];
-
const commonConfig = applyConfig(config => ({
...config,
entry: {
'botframework-webchat-react-valibot': './src/index.ts'
- },
- onSuccess: `touch ${DEPENDENT_PATHS.map(path => `../${path}`).join(' ')}`
+ }
}));
export default defineConfig([
{
...commonConfig,
- format: 'esm'
+ format: 'esm',
+ onSuccess: 'touch ./package.json'
},
{
...commonConfig,
diff --git a/packages/redux-store/.gitignore b/packages/redux-store/.gitignore
index 515a303349..52536cb56d 100644
--- a/packages/redux-store/.gitignore
+++ b/packages/redux-store/.gitignore
@@ -1,5 +1,4 @@
/*.tgz
/dist/
-/dist.tmp/
/node_modules/
/tsup.config.bundled_*.mjs
diff --git a/packages/redux-store/package.json b/packages/redux-store/package.json
index 349ccb1230..caffe32483 100644
--- a/packages/redux-store/package.json
+++ b/packages/redux-store/package.json
@@ -31,7 +31,11 @@
"homepage": "https://github.com/microsoft/BotFramework-WebChat/tree/main/packages/redux-store#readme",
"private": true,
"scripts": {
- "build": "tsup",
+ "build": "npm run --if-present build:pre && npm run build:run && npm run --if-present build:post",
+ "build:pre": "npm run build:pre:local-dependencies && npm run build:pre:watch",
+ "build:pre:local-dependencies": "../../scripts/npm/build-local-dependencies.sh",
+ "build:pre:watch": "../../scripts/npm/build-watch.sh",
+ "build:run": "tsup",
"bump": "npm run bump:prod && npm run bump:dev && (npm audit fix || exit 0)",
"bump:dev": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.devDependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install $PACKAGES_TO_BUMP || true",
"bump:prod": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.dependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install --save-exact $PACKAGES_TO_BUMP || true",
@@ -41,12 +45,7 @@
"precommit:eslint": "../../node_modules/.bin/eslint --report-unused-disable-directives --max-warnings 0",
"precommit:typecheck": "tsc --project ./src --emitDeclarationOnly false --esModuleInterop true --noEmit --pretty false",
"preversion": "cat package.json | jq '(.localDependencies // {} | to_entries | map([if .value == \"production\" then \"dependencies\" else \"devDependencies\" end, .key])) as $P | delpaths($P)' > package-temp.json && mv package-temp.json package.json",
- "start": "npm run build -- --watch"
- },
- "localDependencies": {
- "@msinternal/botframework-webchat-react-valibot": "development",
- "@msinternal/botframework-webchat-tsconfig": "development",
- "botframework-webchat-core": "production"
+ "start": "../../scripts/npm/notify-build.sh \"./src/\" \"../react-valibot/package.json\" \"../tsconfig/package.json\" \"../core/package.json\""
},
"pinDependencies": {
"@types/react": [
@@ -57,6 +56,11 @@
"@typescript-eslint/parser@8.38.0 does not support typescript@5.9.2 yet"
]
},
+ "localDependencies": {
+ "@msinternal/botframework-webchat-react-valibot": "development",
+ "@msinternal/botframework-webchat-tsconfig": "development",
+ "botframework-webchat-core": "production"
+ },
"devDependencies": {
"@msinternal/botframework-webchat-react-valibot": "^0.0.0-0",
"@msinternal/botframework-webchat-tsconfig": "^0.0.0-0",
diff --git a/packages/redux-store/src/index.ts b/packages/redux-store/src/index.ts
index 9ae00a060e..191af8a2cf 100644
--- a/packages/redux-store/src/index.ts
+++ b/packages/redux-store/src/index.ts
@@ -1,2 +1,3 @@
+export { default as reduxStoreSchema } from './private/reduxStoreSchema';
export { default as ReduxStoreComposer } from './ReduxStoreComposer';
export { default as useSuggestedActionsHooks } from './suggestedActions/useSuggestedActionsHooks';
diff --git a/packages/redux-store/tsup.config.ts b/packages/redux-store/tsup.config.ts
index 78f7b8aca0..6901da8420 100644
--- a/packages/redux-store/tsup.config.ts
+++ b/packages/redux-store/tsup.config.ts
@@ -2,21 +2,18 @@ import { defineConfig } from 'tsup';
import { applyConfig } from '../../tsup.base.config';
-// TODO: [P1] Compute this automatically.
-const DEPENDENT_PATHS = ['api/src/index.ts'];
-
const commonConfig = applyConfig(config => ({
...config,
entry: {
'botframework-webchat-redux-store': './src/index.ts'
- },
- onSuccess: `touch ${DEPENDENT_PATHS.map(path => `../${path}`).join(' ')}`
+ }
}));
export default defineConfig([
{
...commonConfig,
- format: 'esm'
+ format: 'esm',
+ onSuccess: 'touch ./package.json'
},
{
...commonConfig,
diff --git a/packages/repack/adaptivecards/package.json b/packages/repack/adaptivecards/package.json
index 54416b0dbb..fe79193cb7 100644
--- a/packages/repack/adaptivecards/package.json
+++ b/packages/repack/adaptivecards/package.json
@@ -7,7 +7,11 @@
"type": "module",
"main": "./dist/index.js",
"scripts": {
- "build": "esbuild --bundle=true --format=esm --outdir=dist --platform=browser --splitting --sourcemap ./src/index",
+ "build": "npm run --if-present build:pre && npm run build:run && npm run --if-present build:post",
+ "build:pre": "npm run build:pre:local-dependencies && npm run build:pre:watch",
+ "build:pre:local-dependencies": "../../../scripts/npm/build-local-dependencies.sh",
+ "build:pre:watch": "../../../scripts/npm/build-watch.sh",
+ "build:run": "esbuild --bundle=true --format=esm --outdir=dist --platform=browser --splitting --sourcemap ./src/index && touch ./package.json",
"bump": "npm run bump:prod && npm run bump:dev && (npm audit fix || exit 0)",
"bump:dev": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.devDependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install $PACKAGES_TO_BUMP || true",
"bump:prod": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.dependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install --save-exact $PACKAGES_TO_BUMP || true",
@@ -15,19 +19,19 @@
"precommit": "npm run precommit:eslint -- src && npm run precommit:typecheck",
"precommit:eslint": "eslint --report-unused-disable-directives --max-warnings 0",
"precommit:typecheck": "tsc --project ./src --emitDeclarationOnly false --esModuleInterop true --noEmit --pretty false",
- "start": "npm run build -- --watch --watch-delay=200"
+ "start": "../../../scripts/npm/notify-build.sh \"./src/\""
},
- "localDependencies": {},
"pinDependencies": {
"adaptivecards": [
"3.0.2",
"Bump manually to ensure compatibility"
]
},
- "dependencies": {
- "adaptivecards": "3.0.2"
- },
+ "localDependencies": {},
"devDependencies": {
"esbuild": "^0.25.10"
+ },
+ "dependencies": {
+ "adaptivecards": "3.0.2"
}
}
diff --git a/packages/repack/base64-js/package.json b/packages/repack/base64-js/package.json
index fad25667f4..64ba943cf0 100644
--- a/packages/repack/base64-js/package.json
+++ b/packages/repack/base64-js/package.json
@@ -7,7 +7,11 @@
"type": "module",
"main": "./dist/index.js",
"scripts": {
- "build": "esbuild --bundle=true --format=esm --outdir=dist --platform=browser --splitting --sourcemap ./src/index",
+ "build": "npm run --if-present build:pre && npm run build:run && npm run --if-present build:post",
+ "build:pre": "npm run build:pre:local-dependencies && npm run build:pre:watch",
+ "build:pre:local-dependencies": "../../../scripts/npm/build-local-dependencies.sh",
+ "build:pre:watch": "../../../scripts/npm/build-watch.sh",
+ "build:run": "esbuild --bundle=true --format=esm --outdir=dist --platform=browser --splitting --sourcemap ./src/index && touch ./package.json",
"bump": "npm run bump:prod && npm run bump:dev && (npm audit fix || exit 0)",
"bump:dev": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.devDependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install $PACKAGES_TO_BUMP || true",
"bump:prod": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.dependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install --save-exact $PACKAGES_TO_BUMP || true",
@@ -15,14 +19,14 @@
"precommit": "npm run precommit:eslint -- src && npm run precommit:typecheck",
"precommit:eslint": "eslint --report-unused-disable-directives --max-warnings 0",
"precommit:typecheck": "tsc --project ./src --emitDeclarationOnly false --esModuleInterop true --noEmit --pretty false",
- "start": "npm run build -- --watch --watch-delay=200"
+ "start": "../../../scripts/npm/notify-build.sh \"./src/\""
},
- "localDependencies": {},
"pinDependencies": {},
- "dependencies": {
- "base64-js": "1.5.1"
- },
+ "localDependencies": {},
"devDependencies": {
"esbuild": "^0.25.10"
+ },
+ "dependencies": {
+ "base64-js": "1.5.1"
}
}
diff --git a/packages/repack/botframework-directlinejs/package.json b/packages/repack/botframework-directlinejs/package.json
index c1620759cc..ba22a59c3b 100644
--- a/packages/repack/botframework-directlinejs/package.json
+++ b/packages/repack/botframework-directlinejs/package.json
@@ -7,7 +7,11 @@
"type": "module",
"main": "./dist/index.js",
"scripts": {
- "build": "esbuild --bundle=true --format=esm --outdir=dist --platform=browser --splitting --sourcemap ./src/index",
+ "build": "npm run --if-present build:pre && npm run build:run && npm run --if-present build:post",
+ "build:pre": "npm run build:pre:local-dependencies && npm run build:pre:watch",
+ "build:pre:local-dependencies": "../../../scripts/npm/build-local-dependencies.sh",
+ "build:pre:watch": "../../../scripts/npm/build-watch.sh",
+ "build:run": "esbuild --bundle=true --format=esm --outdir=dist --platform=browser --splitting --sourcemap ./src/index && touch ./package.json",
"bump": "npm run bump:prod && npm run bump:dev && (npm audit fix || exit 0)",
"bump:dev": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.devDependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install $PACKAGES_TO_BUMP || true",
"bump:prod": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.dependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install --save-exact $PACKAGES_TO_BUMP || true",
@@ -15,14 +19,14 @@
"precommit": "npm run precommit:eslint -- src && npm run precommit:typecheck",
"precommit:eslint": "eslint --report-unused-disable-directives --max-warnings 0",
"precommit:typecheck": "tsc --project ./src --emitDeclarationOnly false --esModuleInterop true --noEmit --pretty false",
- "start": "npm run build -- --watch --watch-delay=200"
+ "start": "../../../scripts/npm/notify-build.sh \"./src/\""
},
- "localDependencies": {},
"pinDependencies": {},
- "devDependencies": {
- "esbuild": "^0.25.10"
- },
+ "localDependencies": {},
"dependencies": {
"botframework-directlinejs": "0.15.6"
+ },
+ "devDependencies": {
+ "esbuild": "^0.25.10"
}
}
diff --git a/packages/repack/html-react-parser/package.json b/packages/repack/html-react-parser/package.json
index d646be1588..c26be99926 100644
--- a/packages/repack/html-react-parser/package.json
+++ b/packages/repack/html-react-parser/package.json
@@ -9,7 +9,11 @@
".": "./dist/index.js"
},
"scripts": {
- "build": "node ./build.js",
+ "build": "npm run --if-present build:pre && npm run build:run && npm run --if-present build:post",
+ "build:pre": "npm run build:pre:local-dependencies && npm run build:pre:watch",
+ "build:pre:local-dependencies": "../../../scripts/npm/build-local-dependencies.sh",
+ "build:pre:watch": "../../../scripts/npm/build-watch.sh",
+ "build:run": "node ./build.js && touch ./package.json",
"bump": "npm run bump:prod && npm run bump:dev && (npm audit fix || exit 0)",
"bump:dev": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.devDependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install $PACKAGES_TO_BUMP || true",
"bump:prod": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.dependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install --save-exact $PACKAGES_TO_BUMP || true",
@@ -17,14 +21,14 @@
"precommit": "npm run precommit:eslint -- src && npm run precommit:typecheck",
"precommit:eslint": "eslint --report-unused-disable-directives --max-warnings 0",
"precommit:typecheck": "tsc --project ./src --emitDeclarationOnly false --esModuleInterop true --noEmit --pretty false",
- "start": "npm run build -- --watch"
+ "start": "../../../scripts/npm/notify-build.sh \"./src/\""
},
- "localDependencies": {},
"pinDependencies": {},
- "dependencies": {
- "html-react-parser": "5.2.6"
- },
+ "localDependencies": {},
"devDependencies": {
"esbuild": "^0.25.10"
+ },
+ "dependencies": {
+ "html-react-parser": "5.2.6"
}
}
diff --git a/packages/repack/microsoft-cognitiveservices-speech-sdk/package.json b/packages/repack/microsoft-cognitiveservices-speech-sdk/package.json
index 9991042979..6b99d69057 100644
--- a/packages/repack/microsoft-cognitiveservices-speech-sdk/package.json
+++ b/packages/repack/microsoft-cognitiveservices-speech-sdk/package.json
@@ -16,7 +16,11 @@
"./distrib/lib/src/sdk/Exports.js": "./dist/sdk/Exports.js"
},
"scripts": {
- "build": "esbuild --bundle=true --format=esm --outdir=dist --platform=browser --splitting --sourcemap ./src/index.js ./src/common/AudioSourceEvents.js ./src/common/Exports.js ./src/common.browser/Exports.js ./src/common.speech/Exports.js ./src/sdk/Audio/AudioStreamFormat.js ./src/sdk/Exports.js",
+ "build": "npm run --if-present build:pre && npm run build:run && npm run --if-present build:post",
+ "build:pre": "npm run build:pre:local-dependencies && npm run build:pre:watch",
+ "build:pre:local-dependencies": "../../../scripts/npm/build-local-dependencies.sh",
+ "build:pre:watch": "../../../scripts/npm/build-watch.sh",
+ "build:run": "esbuild --bundle=true --format=esm --outdir=dist --platform=browser --splitting --sourcemap ./src/index.js ./src/common/AudioSourceEvents.js ./src/common/Exports.js ./src/common.browser/Exports.js ./src/common.speech/Exports.js ./src/sdk/Audio/AudioStreamFormat.js ./src/sdk/Exports.js && touch ./package.json",
"bump": "npm run bump:prod && npm run bump:dev && (npm audit fix || exit 0)",
"bump:dev": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.devDependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install $PACKAGES_TO_BUMP || true",
"bump:prod": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.dependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install --save-exact $PACKAGES_TO_BUMP || true",
@@ -24,19 +28,19 @@
"precommit": "npm run precommit:eslint -- src && npm run precommit:typecheck",
"precommit:eslint": "eslint --report-unused-disable-directives --max-warnings 0",
"precommit:typecheck": "tsc --project ./src --emitDeclarationOnly false --esModuleInterop true --noEmit --pretty false",
- "start": "npm run build -- --watch --watch-delay=200"
+ "start": "../../../scripts/npm/notify-build.sh \"./src/\""
},
- "localDependencies": {},
"pinDependencies": {
"microsoft-cognitiveservices-speech-sdk": [
"1.17.0",
"<=1.45.0 is using new protocol that does not connect may need some tune."
]
},
- "dependencies": {
- "microsoft-cognitiveservices-speech-sdk": "1.17.0"
- },
+ "localDependencies": {},
"devDependencies": {
"esbuild": "^0.25.10"
+ },
+ "dependencies": {
+ "microsoft-cognitiveservices-speech-sdk": "1.17.0"
}
}
diff --git a/packages/repack/object-assign/package.json b/packages/repack/object-assign/package.json
index e9f319db07..bbc38b46a6 100644
--- a/packages/repack/object-assign/package.json
+++ b/packages/repack/object-assign/package.json
@@ -9,13 +9,19 @@
".": "./src/index.js"
},
"scripts": {
+ "build": "npm run --if-present build:pre && npm run build:run && npm run --if-present build:post",
+ "build:pre": "npm run build:pre:local-dependencies && npm run build:pre:watch",
+ "build:pre:local-dependencies": "../../../scripts/npm/build-local-dependencies.sh",
+ "build:pre:watch": "../../../scripts/npm/build-watch.sh",
+ "build:run": "echo This package does not need to be built.",
"bump": "npm run bump:prod && npm run bump:dev && (npm audit fix || exit 0)",
"bump:dev": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.devDependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install $PACKAGES_TO_BUMP || true",
"bump:prod": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.dependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install --save-exact $PACKAGES_TO_BUMP || true",
"eslint": "npm run precommit",
"precommit": "npm run precommit:eslint -- src",
- "precommit:eslint": "eslint --report-unused-disable-directives --max-warnings 0"
+ "precommit:eslint": "eslint --report-unused-disable-directives --max-warnings 0",
+ "start": "../../../scripts/npm/notify-build.sh \"./src/\""
},
- "localDependencies": {},
- "pinDependencies": {}
+ "pinDependencies": {},
+ "localDependencies": {}
}
diff --git a/packages/repack/react-dom/package.json b/packages/repack/react-dom/package.json
index da27fdd324..784ebd3f64 100644
--- a/packages/repack/react-dom/package.json
+++ b/packages/repack/react-dom/package.json
@@ -10,7 +10,11 @@
"./client": "./dist/react-dom/client.js"
},
"scripts": {
- "build": "node ./build.js",
+ "build": "npm run --if-present build:pre && npm run build:run && npm run --if-present build:post",
+ "build:pre": "npm run build:pre:local-dependencies && npm run build:pre:watch",
+ "build:pre:local-dependencies": "../../../scripts/npm/build-local-dependencies.sh",
+ "build:pre:watch": "../../../scripts/npm/build-watch.sh",
+ "build:run": "node ./build.js && touch ./package.json",
"bump": "npm run bump:prod && npm run bump:dev && (npm audit fix || exit 0)",
"bump:dev": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.devDependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install $PACKAGES_TO_BUMP || true",
"bump:prod": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.dependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install --save-exact $PACKAGES_TO_BUMP || true",
@@ -18,9 +22,8 @@
"precommit": "npm run precommit:eslint -- src && npm run precommit:typecheck",
"precommit:eslint": "eslint --report-unused-disable-directives --max-warnings 0",
"precommit:typecheck": "tsc --project ./src --emitDeclarationOnly false --esModuleInterop true --noEmit --pretty false",
- "start": "npm run build -- --watch"
+ "start": "../../../scripts/npm/notify-build.sh \"./src/\""
},
- "localDependencies": {},
"pinDependencies": {
"@types/react-dom": [
"~18.3",
@@ -31,11 +34,12 @@
"Bump React manually"
]
},
- "dependencies": {
- "react-dom": "18.3.1"
- },
+ "localDependencies": {},
"devDependencies": {
"@types/react-dom": "^18.3.7",
"esbuild": "^0.25.10"
+ },
+ "dependencies": {
+ "react-dom": "18.3.1"
}
}
diff --git a/packages/repack/react-dom@baseline/package.json b/packages/repack/react-dom@baseline/package.json
index bacfe14a6f..d3a2ed6704 100644
--- a/packages/repack/react-dom@baseline/package.json
+++ b/packages/repack/react-dom@baseline/package.json
@@ -9,7 +9,11 @@
".": "./dist/react-dom.js"
},
"scripts": {
- "build": "node ./build.js",
+ "build": "npm run --if-present build:pre && npm run build:run && npm run --if-present build:post",
+ "build:pre": "npm run build:pre:local-dependencies && npm run build:pre:watch",
+ "build:pre:local-dependencies": "../../../scripts/npm/build-local-dependencies.sh",
+ "build:pre:watch": "../../../scripts/npm/build-watch.sh",
+ "build:run": "node ./build.js && touch ./package.json",
"bump": "npm run bump:prod && npm run bump:dev && (npm audit fix || exit 0)",
"bump:dev": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.devDependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install $PACKAGES_TO_BUMP || true",
"bump:prod": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.dependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install --save-exact $PACKAGES_TO_BUMP || true",
@@ -17,10 +21,7 @@
"precommit": "npm run precommit:eslint -- src && npm run precommit:typecheck",
"precommit:eslint": "eslint --report-unused-disable-directives --max-warnings 0",
"precommit:typecheck": "tsc --project ./src --emitDeclarationOnly false --esModuleInterop true --noEmit --pretty false",
- "start": "npm run build -- --watch"
- },
- "localDependencies": {
- "@msinternal/object-assign": "development"
+ "start": "../../../scripts/npm/notify-build.sh \"./src/\" \"../object-assign/package.json\""
},
"pinDependencies": {
"react-dom": [
@@ -28,12 +29,15 @@
"Bump React manually"
]
},
- "dependencies": {
- "react-dom": "16.8.6"
+ "localDependencies": {
+ "@msinternal/object-assign": "development"
},
"devDependencies": {
"@msinternal/object-assign": "0.0.0-0",
"@types/react-dom": "^16.9.25",
"esbuild": "^0.25.10"
+ },
+ "dependencies": {
+ "react-dom": "16.8.6"
}
}
diff --git a/packages/repack/react-dom@umd/package.json b/packages/repack/react-dom@umd/package.json
index 02d93405fb..95ce9ab565 100644
--- a/packages/repack/react-dom@umd/package.json
+++ b/packages/repack/react-dom@umd/package.json
@@ -9,7 +9,11 @@
".": "./dist/react-dom.js"
},
"scripts": {
- "build": "esbuild --bundle=true --chunk-names=react-dom/[name]-[hash] --entry-names=[dir]/[name] --format=esm --outdir=dist --platform=browser --splitting --sourcemap react-dom=./src/index.js",
+ "build": "npm run --if-present build:pre && npm run build:run && npm run --if-present build:post",
+ "build:pre": "npm run build:pre:local-dependencies && npm run build:pre:watch",
+ "build:pre:local-dependencies": "../../../scripts/npm/build-local-dependencies.sh",
+ "build:pre:watch": "../../../scripts/npm/build-watch.sh",
+ "build:run": "esbuild --bundle=true --chunk-names=react-dom/[name]-[hash] --entry-names=[dir]/[name] --format=esm --outdir=dist --platform=browser --splitting --sourcemap react-dom=./src/index.js && touch ./package.json",
"bump": "npm run bump:prod && npm run bump:dev && (npm audit fix || exit 0)",
"bump:dev": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.devDependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install $PACKAGES_TO_BUMP || true",
"bump:prod": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.dependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install --save-exact $PACKAGES_TO_BUMP || true",
@@ -17,15 +21,11 @@
"precommit": "npm run precommit:eslint -- src && npm run precommit:typecheck",
"precommit:eslint": "eslint --report-unused-disable-directives --max-warnings 0",
"precommit:typecheck": "tsc --project ./src --emitDeclarationOnly false --esModuleInterop true --noEmit --pretty false",
- "start": "npm run build -- --watch --watch-delay=200"
- },
- "localDependencies": {
- "@msinternal/object-assign": "development"
+ "start": "../../../scripts/npm/notify-build.sh \"./src/\""
},
"pinDependencies": {},
+ "localDependencies": {},
"devDependencies": {
"esbuild": "^0.25.10"
- },
- "main": "index.js",
- "license": "ISC"
+ }
}
diff --git a/packages/repack/react-is/package.json b/packages/repack/react-is/package.json
index d0b61e620b..648d4822dd 100644
--- a/packages/repack/react-is/package.json
+++ b/packages/repack/react-is/package.json
@@ -9,7 +9,11 @@
".": "./dist/index.js"
},
"scripts": {
- "build": "esbuild --bundle=true --format=esm --outdir=dist --platform=browser --splitting --sourcemap ./src/index.js",
+ "build": "npm run --if-present build:pre && npm run build:run && npm run --if-present build:post",
+ "build:pre": "npm run build:pre:local-dependencies && npm run build:pre:watch",
+ "build:pre:local-dependencies": "../../../scripts/npm/build-local-dependencies.sh",
+ "build:pre:watch": "../../../scripts/npm/build-watch.sh",
+ "build:run": "esbuild --bundle=true --format=esm --outdir=dist --platform=browser --splitting --sourcemap ./src/index.js && touch ./package.json",
"bump": "npm run bump:prod && npm run bump:dev && (npm audit fix || exit 0)",
"bump:dev": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.devDependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install $PACKAGES_TO_BUMP || true",
"bump:prod": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.dependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install --save-exact $PACKAGES_TO_BUMP || true",
@@ -17,20 +21,20 @@
"precommit": "npm run precommit:eslint -- src && npm run precommit:typecheck",
"precommit:eslint": "eslint --report-unused-disable-directives --max-warnings 0",
"precommit:typecheck": "tsc --project ./src --emitDeclarationOnly false --esModuleInterop true --noEmit --pretty false",
- "start": "npm run build -- --watch --watch-delay=200"
+ "start": "../../../scripts/npm/notify-build.sh \"./src/\""
},
- "localDependencies": {},
"pinDependencies": {
"react-is": [
"16.13.1",
"Bump with React"
]
},
- "dependencies": {
- "react-is": "16.13.1"
- },
+ "localDependencies": {},
"devDependencies": {
"@types/react-is": "^16.7.5",
"esbuild": "^0.25.10"
+ },
+ "dependencies": {
+ "react-is": "16.13.1"
}
}
diff --git a/packages/repack/react/package.json b/packages/repack/react/package.json
index 121bc9f6fc..9de616e0e0 100644
--- a/packages/repack/react/package.json
+++ b/packages/repack/react/package.json
@@ -11,7 +11,11 @@
"./jsx-runtime": "./dist/react/jsx-runtime.js"
},
"scripts": {
- "build": "esbuild --bundle=true --chunk-names=react/[name]-[hash] --entry-names=[dir]/[name] --format=esm --outdir=dist --platform=browser --splitting --sourcemap react=./src/index.js react/jsx-dev-runtime=./src/jsx-dev-runtime.ts react/jsx-runtime=./src/jsx-runtime.ts",
+ "build": "npm run --if-present build:pre && npm run build:run && npm run --if-present build:post",
+ "build:pre": "npm run build:pre:local-dependencies && npm run build:pre:watch",
+ "build:pre:local-dependencies": "../../../scripts/npm/build-local-dependencies.sh",
+ "build:pre:watch": "../../../scripts/npm/build-watch.sh",
+ "build:run": "esbuild --bundle=true --chunk-names=react/[name]-[hash] --entry-names=[dir]/[name] --format=esm --outdir=dist --platform=browser --splitting --sourcemap react=./src/index.js react/jsx-dev-runtime=./src/jsx-dev-runtime.ts react/jsx-runtime=./src/jsx-runtime.ts && touch ./package.json",
"bump": "npm run bump:prod && npm run bump:dev && (npm audit fix || exit 0)",
"bump:dev": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.devDependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install $PACKAGES_TO_BUMP || true",
"bump:prod": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.dependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install --save-exact $PACKAGES_TO_BUMP || true",
@@ -19,10 +23,7 @@
"precommit": "npm run precommit:eslint -- src && npm run precommit:typecheck",
"precommit:eslint": "eslint --report-unused-disable-directives --max-warnings 0",
"precommit:typecheck": "tsc --project ./src --emitDeclarationOnly false --esModuleInterop true --noEmit --pretty false",
- "start": "npm run build -- --watch --watch-delay=200"
- },
- "localDependencies": {
- "@msinternal/object-assign": "development"
+ "start": "../../../scripts/npm/notify-build.sh \"./src/\""
},
"pinDependencies": {
"@types/react": [
@@ -34,11 +35,12 @@
"Bump React manually"
]
},
- "dependencies": {
- "react": "18.3.1"
- },
+ "localDependencies": {},
"devDependencies": {
"@types/react": "^18.3.24",
"esbuild": "^0.25.10"
+ },
+ "dependencies": {
+ "react": "18.3.1"
}
}
diff --git a/packages/repack/react@baseline/package.json b/packages/repack/react@baseline/package.json
index 6f4e3b22c0..db586812b8 100644
--- a/packages/repack/react@baseline/package.json
+++ b/packages/repack/react@baseline/package.json
@@ -9,7 +9,11 @@
".": "./dist/react.js"
},
"scripts": {
- "build": "esbuild --alias:object-assign=@msinternal/object-assign --bundle=true --chunk-names=react/[name]-[hash] --entry-names=[dir]/[name] --format=esm --outdir=dist --platform=browser --splitting --sourcemap react=./src/index.js",
+ "build": "npm run --if-present build:pre && npm run build:run && npm run --if-present build:post",
+ "build:pre": "npm run build:pre:local-dependencies && npm run build:pre:watch",
+ "build:pre:local-dependencies": "../../../scripts/npm/build-local-dependencies.sh",
+ "build:pre:watch": "../../../scripts/npm/build-watch.sh",
+ "build:run": "esbuild --alias:object-assign=@msinternal/object-assign --bundle=true --chunk-names=react/[name]-[hash] --entry-names=[dir]/[name] --format=esm --outdir=dist --platform=browser --splitting --sourcemap react=./src/index.js && touch ./package.json",
"bump": "npm run bump:prod && npm run bump:dev && (npm audit fix || exit 0)",
"bump:dev": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.devDependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install $PACKAGES_TO_BUMP || true",
"bump:prod": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.dependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install --save-exact $PACKAGES_TO_BUMP || true",
@@ -17,10 +21,7 @@
"precommit": "npm run precommit:eslint -- src && npm run precommit:typecheck",
"precommit:eslint": "eslint --report-unused-disable-directives --max-warnings 0",
"precommit:typecheck": "tsc --project ./src --emitDeclarationOnly false --esModuleInterop true --noEmit --pretty false",
- "start": "npm run build -- --watch --watch-delay=200"
- },
- "localDependencies": {
- "@msinternal/object-assign": "development"
+ "start": "../../../scripts/npm/notify-build.sh \"./src/\" \"../object-assign/package.json\""
},
"pinDependencies": {
"react": [
@@ -28,12 +29,15 @@
"Bump React manually"
]
},
- "dependencies": {
- "react": "16.8.6"
+ "localDependencies": {
+ "@msinternal/object-assign": "development"
},
"devDependencies": {
"@msinternal/object-assign": "0.0.0-0",
"@types/react": "^16.14.65",
"esbuild": "^0.25.10"
+ },
+ "dependencies": {
+ "react": "16.8.6"
}
}
diff --git a/packages/repack/react@umd/package.json b/packages/repack/react@umd/package.json
index f70ba08e4b..d400956182 100644
--- a/packages/repack/react@umd/package.json
+++ b/packages/repack/react@umd/package.json
@@ -9,7 +9,11 @@
".": "./dist/react.js"
},
"scripts": {
- "build": "esbuild --bundle=true --chunk-names=react/[name]-[hash] --entry-names=[dir]/[name] --format=esm --outdir=dist --platform=browser --splitting --sourcemap react=./src/index.js",
+ "build": "npm run --if-present build:pre && npm run build:run && npm run --if-present build:post",
+ "build:pre": "npm run build:pre:local-dependencies && npm run build:pre:watch",
+ "build:pre:local-dependencies": "../../../scripts/npm/build-local-dependencies.sh",
+ "build:pre:watch": "../../../scripts/npm/build-watch.sh",
+ "build:run": "esbuild --bundle=true --chunk-names=react/[name]-[hash] --entry-names=[dir]/[name] --format=esm --outdir=dist --platform=browser --splitting --sourcemap react=./src/index.js && touch ./package.json",
"bump": "npm run bump:prod && npm run bump:dev && (npm audit fix || exit 0)",
"bump:dev": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.devDependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install $PACKAGES_TO_BUMP || true",
"bump:prod": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.dependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install --save-exact $PACKAGES_TO_BUMP || true",
@@ -17,12 +21,10 @@
"precommit": "npm run precommit:eslint -- src && npm run precommit:typecheck",
"precommit:eslint": "eslint --report-unused-disable-directives --max-warnings 0",
"precommit:typecheck": "tsc --project ./src --emitDeclarationOnly false --esModuleInterop true --noEmit --pretty false",
- "start": "npm run build -- --watch --watch-delay=200"
- },
- "localDependencies": {
- "@msinternal/object-assign": "development"
+ "start": "../../../scripts/npm/notify-build.sh \"./src/\""
},
"pinDependencies": {},
+ "localDependencies": {},
"devDependencies": {
"esbuild": "^0.25.10"
}
diff --git a/packages/styles/.gitignore b/packages/styles/.gitignore
index 515a303349..52536cb56d 100644
--- a/packages/styles/.gitignore
+++ b/packages/styles/.gitignore
@@ -1,5 +1,4 @@
/*.tgz
/dist/
-/dist.tmp/
/node_modules/
/tsup.config.bundled_*.mjs
diff --git a/packages/styles/package.json b/packages/styles/package.json
index 81938f7fb1..633622c925 100644
--- a/packages/styles/package.json
+++ b/packages/styles/package.json
@@ -56,7 +56,11 @@
],
"homepage": "https://github.com/microsoft/BotFramework-WebChat/tree/main/packages/styles#readme",
"scripts": {
- "build": "tsup",
+ "build": "npm run --if-present build:pre && npm run build:run && npm run --if-present build:post",
+ "build:pre": "npm run build:pre:local-dependencies && npm run build:pre:watch",
+ "build:pre:local-dependencies": "../../scripts/npm/build-local-dependencies.sh",
+ "build:pre:watch": "../../scripts/npm/build-watch.sh",
+ "build:run": "tsup",
"bump": "npm run bump:prod && npm run bump:dev && (npm audit fix || exit 0)",
"bump:dev": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.devDependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install $PACKAGES_TO_BUMP || true",
"bump:prod": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.dependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install --save-exact $PACKAGES_TO_BUMP || true",
@@ -66,11 +70,7 @@
"precommit:eslint": "../../node_modules/.bin/eslint --report-unused-disable-directives --max-warnings 0",
"precommit:typecheck": "tsc --project ./src --emitDeclarationOnly false --esModuleInterop true --noEmit --pretty false",
"preversion": "cat package.json | jq '(.localDependencies // {} | to_entries | map([if .value == \"production\" then \"dependencies\" else \"devDependencies\" end, .key])) as $P | delpaths($P)' > package-temp.json && mv package-temp.json package.json",
- "start": "npm run build -- --watch"
- },
- "localDependencies": {
- "@msinternal/botframework-webchat-base": "development",
- "@msinternal/botframework-webchat-tsconfig": "development"
+ "start": "../../scripts/npm/notify-build.sh \"./src/\" \"../base/package.json\" \"../tsconfig/package.json\""
},
"pinDependencies": {
"typescript": [
@@ -78,6 +78,10 @@
"@typescript-eslint/parser@8.38.0 does not support typescript@5.9.2 yet"
]
},
+ "localDependencies": {
+ "@msinternal/botframework-webchat-base": "development",
+ "@msinternal/botframework-webchat-tsconfig": "development"
+ },
"devDependencies": {
"@jridgewell/sourcemap-codec": "^1.5.4",
"@msinternal/botframework-webchat-base": "0.0.0-0",
diff --git a/packages/styles/tsup.config.ts b/packages/styles/tsup.config.ts
index 3498f2c4d7..f6f428b43f 100644
--- a/packages/styles/tsup.config.ts
+++ b/packages/styles/tsup.config.ts
@@ -2,23 +2,20 @@ import { defineConfig } from 'tsup';
import { applyConfig } from '../../tsup.base.config';
-// TODO: [P1] Compute this automatically.
-const DEPENDENT_PATHS = ['component/src/index.ts', 'fluent-theme/src/index.ts'];
-
const commonConfig = applyConfig(config => ({
...config,
entry: {
'botframework-webchat-styles': './src/index.ts',
'botframework-webchat-styles.build': './src/build/index.ts',
'botframework-webchat-styles.react': './src/react/index.ts'
- },
- onSuccess: `touch ${DEPENDENT_PATHS.map(path => `../${path}`).join(' ')}`
+ }
}));
export default defineConfig([
{
...commonConfig,
- format: 'esm'
+ format: 'esm',
+ onSuccess: 'touch ./package.json'
},
{
...commonConfig,
diff --git a/packages/support/cldr-data-downloader/package.json b/packages/support/cldr-data-downloader/package.json
index 347dc5bb6c..91b85e9d23 100644
--- a/packages/support/cldr-data-downloader/package.json
+++ b/packages/support/cldr-data-downloader/package.json
@@ -39,6 +39,11 @@
"cldr-data-downloader": "./bin/download.sh"
},
"scripts": {
+ "build": "npm run --if-present build:pre && npm run build:run && npm run --if-present build:post",
+ "build:pre": "npm run build:pre:local-dependencies && npm run build:pre:watch",
+ "build:pre:local-dependencies": "../../../scripts/npm/build-local-dependencies.sh",
+ "build:pre:watch": "../../../scripts/npm/build-watch.sh",
+ "build:run": "echo This package does not need to be built.",
"bump": "npm run bump:dev && npm run bump:prod && (npm audit fix || exit 0)",
"bump:dev": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.devDependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install $PACKAGES_TO_BUMP || true",
"bump:prod": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.dependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install --save-exact $PACKAGES_TO_BUMP || true",
@@ -46,8 +51,10 @@
"postversion": "cat package.json | jq '.version as $V | (.localDependencies // {} | with_entries(select(.value == \"production\") | { key: .key, value: $V })) as $L1 | (.localDependencies // {} | with_entries(select(.value == \"development\") | { key: .key, value: $V })) as $L2 | ((.dependencies // {}) + $L1 | to_entries | sort_by(.key) | from_entries) as $D1 | ((.devDependencies // {}) + $L2 | to_entries | sort_by(.key) | from_entries) as $D2 | . + { dependencies: $D1, devDependencies: $D2 }' > package-temp.json && mv package-temp.json package.json",
"precommit": "npm run precommit:eslint -- src",
"precommit:eslint": "node ../../../node_modules/eslint/bin/eslint.js --report-unused-disable-directives --max-warnings 0",
- "preversion": "cat package.json | jq '(.localDependencies // {} | to_entries | map([if .value == \"production\" then \"dependencies\" else \"devDependencies\" end, .key])) as $P | delpaths($P)' > package-temp.json && mv package-temp.json package.json"
+ "preversion": "cat package.json | jq '(.localDependencies // {} | to_entries | map([if .value == \"production\" then \"dependencies\" else \"devDependencies\" end, .key])) as $P | delpaths($P)' > package-temp.json && mv package-temp.json package.json",
+ "start": "../../../scripts/npm/notify-build.sh \"./src/\""
},
+ "pinDependencies": {},
"localDependencies": {},
"dependencies": {
"adm-zip": "0.5.16",
diff --git a/packages/support/cldr-data/package.json b/packages/support/cldr-data/package.json
index 96fb9b63e0..724025ab59 100644
--- a/packages/support/cldr-data/package.json
+++ b/packages/support/cldr-data/package.json
@@ -39,7 +39,11 @@
"urls.json"
],
"scripts": {
- "build": "node ./src/install.mjs && node ./src/patch.mjs",
+ "build": "npm run --if-present build:pre && npm run build:run && npm run --if-present build:post",
+ "build:pre": "npm run build:pre:local-dependencies && npm run build:pre:watch",
+ "build:pre:local-dependencies": "../../../scripts/npm/build-local-dependencies.sh",
+ "build:pre:watch": "../../../scripts/npm/build-watch.sh",
+ "build:run": "node ./src/install.mjs && node ./src/patch.mjs && touch ./package.json",
"bump": "npm run bump:dev && npm run bump:prod && (npm audit fix || exit 0)",
"bump:dev": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.devDependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install $PACKAGES_TO_BUMP || true",
"bump:prod": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.dependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install --save-exact $PACKAGES_TO_BUMP || true",
@@ -47,10 +51,8 @@
"postversion": "cat package.json | jq '.version as $V | (.localDependencies // {} | with_entries(select(.value == \"production\") | { key: .key, value: $V })) as $L1 | (.localDependencies // {} | with_entries(select(.value == \"development\") | { key: .key, value: $V })) as $L2 | ((.dependencies // {}) + $L1 | to_entries | sort_by(.key) | from_entries) as $D1 | ((.devDependencies // {}) + $L2 | to_entries | sort_by(.key) | from_entries) as $D2 | . + { dependencies: $D1, devDependencies: $D2 }' > package-temp.json && mv package-temp.json package.json",
"precommit": "npm run precommit:eslint -- src",
"precommit:eslint": "node ../../../node_modules/eslint/bin/eslint.js --report-unused-disable-directives --max-warnings 0",
- "preversion": "cat package.json | jq '(.localDependencies // {} | to_entries | map([if .value == \"production\" then \"dependencies\" else \"devDependencies\" end, .key])) as $P | delpaths($P)' > package-temp.json && mv package-temp.json package.json"
- },
- "localDependencies": {
- "@msinternal/botframework-webchat-cldr-data-downloader": "production"
+ "preversion": "cat package.json | jq '(.localDependencies // {} | to_entries | map([if .value == \"production\" then \"dependencies\" else \"devDependencies\" end, .key])) as $P | delpaths($P)' > package-temp.json && mv package-temp.json package.json",
+ "start": "../../../scripts/npm/notify-build.sh \"./src/\" \"../cldr-data-downloader/package.json\""
},
"pinDependencies": {
"glob": [
@@ -58,6 +60,9 @@
"glob@10 updated the entrypoint, need funding to upgrade"
]
},
+ "localDependencies": {
+ "@msinternal/botframework-webchat-cldr-data-downloader": "production"
+ },
"dependencies": {
"@msinternal/botframework-webchat-cldr-data-downloader": "0.3.5-0",
"glob": "8.1.0",
diff --git a/packages/test/dev-server/package.json b/packages/test/dev-server/package.json
index 66054cba3c..a9a043e439 100644
--- a/packages/test/dev-server/package.json
+++ b/packages/test/dev-server/package.json
@@ -6,7 +6,12 @@
"author": "Microsoft Corporation",
"license": "MIT",
"private": true,
+ "type": "module",
"scripts": {
+ "build": "npm run --if-present build:pre && npm run build:run && npm run --if-present build:post",
+ "build:pre": "npm run build:pre:local-dependencies",
+ "build:pre:local-dependencies": "../../../scripts/npm/build-local-dependencies.sh",
+ "build:run": "echo This project does not need to be built.",
"bump": "npm run bump:prod && npm run bump:dev && (npm audit fix || exit 0)",
"bump:dev": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.devDependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install $PACKAGES_TO_BUMP || true",
"bump:prod": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.dependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install --save-exact $PACKAGES_TO_BUMP || true",
@@ -14,9 +19,8 @@
"preversion": "cat package.json | jq '(.localDependencies // {} | to_entries | map([if .value == \"production\" then \"dependencies\" else \"devDependencies\" end, .key])) as $P | delpaths($P)' > package-temp.json && mv package-temp.json package.json",
"start": "node ."
},
- "type": "module",
- "localDependencies": {},
"pinDependencies": {},
+ "localDependencies": {},
"devDependencies": {
"compression": "^1.8.1",
"express": "^5.1.0",
diff --git a/packages/test/harness/package.json b/packages/test/harness/package.json
index 7ed228286e..3afb2510a3 100644
--- a/packages/test/harness/package.json
+++ b/packages/test/harness/package.json
@@ -12,10 +12,14 @@
"node": ">= 14.0.0"
},
"scripts": {
- "build": "npm run build:esbuild:esm && npm run build:esbuild:iife",
- "build:esbuild:base": "esbuild test-harness=./src/browser/index.js --bundle --define:define=undefined --define:process.env.CI=undefined --minify --outdir=dist --sourcemap --target=chrome100",
- "build:esbuild:esm": "npm run build:esbuild:base -- --format=esm --out-extension:.js=.mjs",
- "build:esbuild:iife": "npm run build:esbuild:base -- --format=iife",
+ "build": "npm run --if-present build:pre && npm run build:run && npm run --if-present build:post",
+ "build:pre": "npm run build:pre:local-dependencies && npm run build:pre:watch",
+ "build:pre:local-dependencies": "../../../scripts/npm/build-local-dependencies.sh",
+ "build:pre:watch": "../../../scripts/npm/build-watch.sh",
+ "build:run": "concurrently --prefix-colors \"auto\" \"npm:build:run:esbuild:esm\" \"npm:build:run:esbuild:iife\" && touch ./package.json",
+ "build:run:esbuild:base": "esbuild test-harness=./src/browser/index.js --bundle --define:define=undefined --define:process.env.CI=undefined --minify --outdir=dist --sourcemap --target=chrome100",
+ "build:run:esbuild:esm": "npm run build:run:esbuild:base -- --format=esm --out-extension:.js=.mjs",
+ "build:run:esbuild:iife": "npm run build:run:esbuild:base -- --format=iife",
"bump": "npm run bump:prod && npm run bump:dev && (npm audit fix || exit 0)",
"bump:dev": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.devDependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install $PACKAGES_TO_BUMP || true",
"bump:prod": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.dependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install --save-exact $PACKAGES_TO_BUMP || true",
@@ -24,12 +28,9 @@
"precommit": "npm run precommit:eslint -- src",
"precommit:eslint": "../../../node_modules/.bin/eslint --report-unused-disable-directives --max-warnings 0",
"preversion": "cat package.json | jq '(.localDependencies // {} | to_entries | map([if .value == \"production\" then \"dependencies\" else \"devDependencies\" end, .key])) as $P | delpaths($P)' > package-temp.json && mv package-temp.json package.json",
- "start": "concurrently --kill-others --prefix-colors \"auto\" \"npm:start:*\"",
- "start:esbuild:esm": "npm run build:esbuild:esm -- --watch --watch-delay=200",
- "start:esbuild:iife": "npm run build:esbuild:iife -- --watch --watch-delay=200",
+ "start": "../../../scripts/npm/notify-build.sh \"./src/\"",
"test": "node node_modules/.bin/jest --maxWorkers=4"
},
- "localDependencies": {},
"pinDependencies": {
"expect": [
"25",
@@ -52,16 +53,7 @@
"strip-ansi@7 dropped support of CommonJS"
]
},
- "dependencies": {
- "abort-controller": "3.0.0",
- "axe-core": "4.10.3",
- "core-js": "3.44.0",
- "core-js-pure": "3.44.0",
- "event-target-shim": "6.0.2",
- "expect": "25.5.0",
- "lolex": "6.0.0",
- "math-random": "2.0.1"
- },
+ "localDependencies": {},
"devDependencies": {
"concurrently": "^9.2.0",
"esbuild": "^0.25.8",
@@ -75,5 +67,15 @@
"selenium-webdriver": "^4.34.0",
"serve": "^14.2.4",
"strip-ansi": "^6.0.1"
+ },
+ "dependencies": {
+ "abort-controller": "3.0.0",
+ "axe-core": "4.10.3",
+ "core-js": "3.44.0",
+ "core-js-pure": "3.44.0",
+ "event-target-shim": "6.0.2",
+ "expect": "25.5.0",
+ "lolex": "6.0.0",
+ "math-random": "2.0.1"
}
}
diff --git a/packages/test/page-object/package.json b/packages/test/page-object/package.json
index c08a496755..f49c18caa9 100644
--- a/packages/test/page-object/package.json
+++ b/packages/test/page-object/package.json
@@ -9,10 +9,14 @@
"node": ">= 14.0.0"
},
"scripts": {
- "build": "npm run build:esbuild:esm && npm run build:esbuild:iife",
- "build:esbuild:base": "esbuild test-page-object=./src/index.js --bundle --define:define=undefined --loader:.js=jsx --minify --outdir=dist --sourcemap --target=chrome100",
- "build:esbuild:esm": "npm run build:esbuild:base -- --format=esm --out-extension:.js=.mjs",
- "build:esbuild:iife": "npm run build:esbuild:base -- --format=iife",
+ "build": "npm run --if-present build:pre && npm run build:run && npm run --if-present build:post",
+ "build:pre": "npm run build:pre:local-dependencies && npm run build:pre:watch",
+ "build:pre:local-dependencies": "../../../scripts/npm/build-local-dependencies.sh",
+ "build:pre:watch": "../../../scripts/npm/build-watch.sh",
+ "build:run": "concurrently --prefix-colors \"auto\" \"npm:build:run:esbuild:esm\" \"npm:build:run:esbuild:iife\" && touch ./package.json",
+ "build:run:esbuild:base": "esbuild test-page-object=./src/index.js --bundle --define:define=undefined --loader:.js=jsx --minify --outdir=dist --sourcemap --target=chrome100",
+ "build:run:esbuild:esm": "npm run build:run:esbuild:base -- --format=esm --out-extension:.js=.mjs",
+ "build:run:esbuild:iife": "npm run build:run:esbuild:base -- --format=iife",
"bump": "npm run bump:prod && npm run bump:dev && (npm audit fix || exit 0)",
"bump:dev": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.devDependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install $PACKAGES_TO_BUMP || true",
"bump:prod": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.dependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install --save-exact $PACKAGES_TO_BUMP || true",
@@ -21,12 +25,19 @@
"precommit": "npm run precommit:eslint -- src",
"precommit:eslint": "../../../node_modules/.bin/eslint --report-unused-disable-directives --max-warnings 0",
"preversion": "cat package.json | jq '(.localDependencies // {} | to_entries | map([if .value == \"production\" then \"dependencies\" else \"devDependencies\" end, .key])) as $P | delpaths($P)' > package-temp.json && mv package-temp.json package.json",
- "start": "concurrently --kill-others --prefix-colors \"auto\" \"npm:start:*\"",
- "start:esbuild:esm": "npm run build:esbuild:esm -- --watch --watch-delay=200",
- "start:esbuild:iife": "npm run build:esbuild:iife -- --watch --watch-delay=200"
+ "start": "../../../scripts/npm/notify-build.sh \"./src/\""
+ },
+ "pinDependencies": {
+ "jest-mock": [
+ "28",
+ ">= 29 will pull in Node.js dependencies"
+ ]
},
"localDependencies": {},
- "pinDependencies": {},
+ "devDependencies": {
+ "concurrently": "^9.2.0",
+ "esbuild": "^0.25.8"
+ },
"dependencies": {
"base64-arraybuffer": "1.0.2",
"bent": "7.3.12",
@@ -35,13 +46,10 @@
"core-js-pure": "3.44.0",
"event-iterator": "2.0.0",
"event-target-shim": "6.0.2",
+ "jest-mock": "28.1.3",
"math-random": "2.0.1",
"microsoft-cognitiveservices-speech-sdk": "1.17.0",
"prop-types": "15.8.1",
"simple-update-in": "2.2.0"
- },
- "devDependencies": {
- "concurrently": "^9.2.0",
- "esbuild": "^0.25.8"
}
}
diff --git a/packages/test/page-object/src/globals/testHelpers/ignoreReactDeprecation.js b/packages/test/page-object/src/globals/testHelpers/ignoreReactDeprecation.js
new file mode 100644
index 0000000000..57180bf205
--- /dev/null
+++ b/packages/test/page-object/src/globals/testHelpers/ignoreReactDeprecation.js
@@ -0,0 +1,21 @@
+import { spyOn } from 'jest-mock';
+
+export default function ignoreReactDeprecation(init = {}) {
+ const consoleError = console.error.bind(console);
+
+ spyOn(console, 'error').mockImplementation((...args) => {
+ let shouldIgnore = false;
+
+ if (
+ init.defaultProps &&
+ typeof args[0] === 'string' &&
+ args[0].includes(
+ 'Support for defaultProps will be removed from function components in a future major release. Use JavaScript default parameters instead.'
+ )
+ ) {
+ shouldIgnore = true;
+ }
+
+ shouldIgnore || consoleError(...args);
+ });
+}
diff --git a/packages/test/page-object/src/globals/testHelpers/index.js b/packages/test/page-object/src/globals/testHelpers/index.js
index 0c1024b04a..b5fabd342f 100644
--- a/packages/test/page-object/src/globals/testHelpers/index.js
+++ b/packages/test/page-object/src/globals/testHelpers/index.js
@@ -1,40 +1,19 @@
-import * as accessibility from './accessibility/index';
-import * as activityGrouping from './activityGrouping/index';
-import * as speech from './speech/index';
-import * as token from './token/index';
-import * as transcriptNavigation from './transcriptNavigation';
-import arrayBufferToBase64 from './arrayBufferToBase64';
-import createAudioInputStreamFromRiffWavArrayBuffer from './speech/audioConfig/createAudioInputStreamFromRiffWavArrayBuffer';
-import createDirectLineEmulator from './createDirectLineEmulator';
-import createDirectLineWithTranscript from './createDirectLineWithTranscript';
-import createRenderWebChatWithHook from './createRenderWebChatWithHook';
-import createRunHookActivityMiddleware from './createRunHookActivityMiddleware';
-import createStore, { createStoreWithOptions } from './createStore';
-import depthFirstWalk from './depthFirstWalk';
-import getAllTextContents from './getAllTextContents';
-import iterateAsyncIterable from './iterateAsyncIterable';
-import shareObservable from './shareObservable';
-import sleep from './sleep';
-import stringToArrayBuffer from './stringToArrayBuffer';
-
-export {
- accessibility,
- activityGrouping,
- arrayBufferToBase64,
- createAudioInputStreamFromRiffWavArrayBuffer,
- createDirectLineEmulator,
- createDirectLineWithTranscript,
- createRenderWebChatWithHook,
- createRunHookActivityMiddleware,
- createStore,
- createStoreWithOptions,
- depthFirstWalk,
- getAllTextContents,
- iterateAsyncIterable,
- shareObservable,
- sleep,
- speech,
- stringToArrayBuffer,
- token,
- transcriptNavigation
-};
+export * as accessibility from './accessibility/index';
+export * as activityGrouping from './activityGrouping/index';
+export { default as arrayBufferToBase64 } from './arrayBufferToBase64';
+export { default as createDirectLineEmulator } from './createDirectLineEmulator';
+export { default as createDirectLineWithTranscript } from './createDirectLineWithTranscript';
+export { default as createRenderWebChatWithHook } from './createRenderWebChatWithHook';
+export { default as createRunHookActivityMiddleware } from './createRunHookActivityMiddleware';
+export { default as createStore, createStoreWithOptions } from './createStore';
+export { default as depthFirstWalk } from './depthFirstWalk';
+export { default as getAllTextContents } from './getAllTextContents';
+export { default as ignoreReactDeprecation } from './ignoreReactDeprecation';
+export { default as iterateAsyncIterable } from './iterateAsyncIterable';
+export { default as shareObservable } from './shareObservable';
+export { default as sleep } from './sleep';
+export { default as createAudioInputStreamFromRiffWavArrayBuffer } from './speech/audioConfig/createAudioInputStreamFromRiffWavArrayBuffer';
+export * as speech from './speech/index';
+export { default as stringToArrayBuffer } from './stringToArrayBuffer';
+export * as token from './token/index';
+export * as transcriptNavigation from './transcriptNavigation';
diff --git a/packages/test/web-server/package.json b/packages/test/web-server/package.json
index 9d7718bf23..715ef9061d 100644
--- a/packages/test/web-server/package.json
+++ b/packages/test/web-server/package.json
@@ -7,7 +7,11 @@
"license": "MIT",
"main": "./dist/index.js",
"scripts": {
- "build": "tsup",
+ "build": "npm run --if-present build:pre && npm run build:run && npm run --if-present build:post",
+ "build:pre": "npm run build:pre:local-dependencies && npm run build:pre:watch",
+ "build:pre:local-dependencies": "../../../scripts/npm/build-local-dependencies.sh",
+ "build:pre:watch": "../../../scripts/npm/build-watch.sh",
+ "build:run": "tsup",
"bump": "npm run bump:prod && npm run bump:dev && (npm audit fix || exit 0)",
"bump:dev": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.devDependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install $PACKAGES_TO_BUMP || true",
"bump:prod": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.dependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install --save-exact $PACKAGES_TO_BUMP || true",
@@ -16,21 +20,21 @@
"precommit": "npm run precommit:eslint -- src",
"precommit:eslint": "../../../node_modules/.bin/eslint --report-unused-disable-directives --max-warnings 0",
"preversion": "cat package.json | jq '(.localDependencies // {} | to_entries | map([if .value == \"production\" then \"dependencies\" else \"devDependencies\" end, .key])) as $P | delpaths($P)' > package-temp.json && mv package-temp.json package.json",
- "start": "npm run build -- --onSuccess=\"node .\" --watch"
+ "start": "../../../scripts/npm/notify-build.sh \"./src/\""
},
- "localDependencies": {},
"pinDependencies": {
"typescript": [
"~5.8.3",
"@typescript-eslint/parser@8.38.0 does not support typescript@5.9.2 yet"
]
},
- "dependencies": {
- "selfsigned": "3.0.1",
- "serve-handler": "6.1.6"
- },
+ "localDependencies": {},
"devDependencies": {
"tsup": "^8.5.0",
"typescript": "~5.8.3"
+ },
+ "dependencies": {
+ "selfsigned": "3.0.1",
+ "serve-handler": "6.1.6"
}
}
diff --git a/packages/test/web-server/tsup.config.ts b/packages/test/web-server/tsup.config.ts
index fe084a9c43..4143bcce57 100644
--- a/packages/test/web-server/tsup.config.ts
+++ b/packages/test/web-server/tsup.config.ts
@@ -6,5 +6,6 @@ export default defineConfig({
},
format: 'cjs',
platform: 'node',
- noExternal: ['selfsigned', 'serve-handler']
+ noExternal: ['selfsigned', 'serve-handler'],
+ onSuccess: 'touch ./package.json'
});
diff --git a/packages/tsconfig/package.json b/packages/tsconfig/package.json
index 752e7a0ebd..bf95fe6ca8 100644
--- a/packages/tsconfig/package.json
+++ b/packages/tsconfig/package.json
@@ -22,16 +22,22 @@
],
"homepage": "https://github.com/microsoft/BotFramework-WebChat/tree/main/packages/tsconfig#readme",
"scripts": {
+ "build": "npm run --if-present build:pre && npm run build:run && npm run --if-present build:post",
+ "build:pre": "npm run build:pre:local-dependencies && npm run build:pre:watch",
+ "build:pre:local-dependencies": "../../scripts/npm/build-local-dependencies.sh",
+ "build:pre:watch": "../../scripts/npm/build-watch.sh",
+ "build:run": "echo This project does not need to be built.",
"bump": "npm run bump:prod && npm run bump:dev && (npm audit fix || exit 0)",
"bump:dev": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.devDependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install $PACKAGES_TO_BUMP || true",
"bump:prod": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.dependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install --save-exact $PACKAGES_TO_BUMP || true",
"eslint": "npm run precommit",
"postversion": "cat package.json | jq '.version as $V | (.localDependencies // {} | with_entries(select(.value == \"production\") | { key: .key, value: $V })) as $L1 | (.localDependencies // {} | with_entries(select(.value == \"development\") | { key: .key, value: $V })) as $L2 | ((.dependencies // {}) + $L1 | to_entries | sort_by(.key) | from_entries) as $D1 | ((.devDependencies // {}) + $L2 | to_entries | sort_by(.key) | from_entries) as $D2 | . + { dependencies: $D1, devDependencies: $D2 }' > package-temp.json && mv package-temp.json package.json",
"precommit": "../../node_modules/.bin/eslint --report-unused-disable-directives --max-warnings 0",
- "preversion": "cat package.json | jq '(.localDependencies // {} | to_entries | map([if .value == \"production\" then \"dependencies\" else \"devDependencies\" end, .key])) as $P | delpaths($P)' > package-temp.json && mv package-temp.json package.json"
+ "preversion": "cat package.json | jq '(.localDependencies // {} | to_entries | map([if .value == \"production\" then \"dependencies\" else \"devDependencies\" end, .key])) as $P | delpaths($P)' > package-temp.json && mv package-temp.json package.json",
+ "start": "../../scripts/npm/notify-build.sh \"./src/\""
},
- "localDependencies": {},
"pinDependencies": {},
+ "localDependencies": {},
"devDependencies": {
"@tsconfig/strictest": "^2.0.5",
"typescript-plugin-css-modules": "^5.2.0"
diff --git a/scripts/buildWatch.mjs b/scripts/buildWatch.mjs
new file mode 100644
index 0000000000..d93dfb786c
--- /dev/null
+++ b/scripts/buildWatch.mjs
@@ -0,0 +1,44 @@
+import { relative, resolve } from 'path';
+import { readPackageUp } from 'read-package-up';
+import { readPackage } from 'read-pkg';
+
+const cwd = process.cwd();
+const currentPackageJSON = await readPackage();
+
+const {
+ packageJson: { workspaces },
+ path: rootPackageJSONPath
+} = await readPackageUp({ cwd: resolve(cwd, '../') });
+
+const root = resolve(rootPackageJSONPath, '../');
+
+const watchPaths = ['./src/'];
+
+for (const [packageName] of Object.entries(currentPackageJSON.localDependencies || {})) {
+ for (const workspace of workspaces) {
+ const packageJSON = await readPackage({ cwd: resolve(root, workspace) });
+
+ if (packageJSON.name === packageName) {
+ watchPaths.push(relative(cwd, resolve(root, workspace, 'package.json')));
+ }
+ }
+}
+
+// "nodemon" will pick up every file change, trigger build too many times.
+// console.log(
+// `node --watch ${watchPaths.map(path => `--watch-path "${path}"`).join(' ')} --watch-preserve-output $(which npm) run build:run`
+// );
+
+// "inotifywait without --monitor" will not pick up changes while it is building
+// console.log(
+// `while true; do inotifywait ${['close_write', 'create', 'delete', 'modify', 'move'].map(event => `--event ${event}`).join(' ')} --recursive ${watchPaths.map(path => `"${path}"`).join(' ')}; $(which npm) run build:run; done`
+// );
+
+// "inotifywait with --monitor" will pick up every file change, trigger build too many times.
+// console.log(
+// `inotifywait ${['close_write', 'create', 'delete', 'modify', 'move'].map(event => `--event ${event}`).join(' ')} --monitor --recursive ${watchPaths.map(path => `"${path}"`).join(' ')} | while read changed; do $(which npm) run build:run; done`
+// );
+
+console.log(
+ `${relative(cwd, resolve(root, './scripts/npm/notify-build.sh'))} ${watchPaths.map(path => `"${path}"`).join(' ')}`
+);
diff --git a/scripts/npm/build-local-dependencies.sh b/scripts/npm/build-local-dependencies.sh
new file mode 100755
index 0000000000..4b0e87b4be
--- /dev/null
+++ b/scripts/npm/build-local-dependencies.sh
@@ -0,0 +1,31 @@
+#!/bin/bash
+
+set -euo pipefail
+
+cat package.json | jq -r '
+ .localDependencies =
+ (
+ (
+ .dependencies // {}
+ | to_entries
+ | map(select((.key | startswith("@msinternal/")) or .value == "0.0.0-0" or .value == "^0.0.0-0") | .value = "production")
+ | from_entries
+ )
+ + (
+ .devDependencies // {}
+ | to_entries
+ | map(select((.key | startswith("@msinternal/")) or .value == "0.0.0-0" or .value == "^0.0.0-0") | .value = "development")
+ | from_entries
+ )
+ + (
+ .peerDependencies // {}
+ | to_entries
+ | map(select((.key | startswith("@msinternal/")) or .value == "0.0.0-0" or .value == "^0.0.0-0") | .value = "peer")
+ | from_entries
+ )
+ | to_entries
+ | sort_by(.key)
+ | from_entries
+ )
+ | .
+' > package-temp.json && mv package-temp.json package.json
diff --git a/scripts/npm/build-watch.sh b/scripts/npm/build-watch.sh
new file mode 100755
index 0000000000..93332629cf
--- /dev/null
+++ b/scripts/npm/build-watch.sh
@@ -0,0 +1,12 @@
+#!/bin/bash
+
+set -euo pipefail
+
+SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
+
+WATCH_SCRIPT=$(node "$SCRIPT_DIR/../buildWatch.mjs")
+
+cat package.json | jq --arg W "$WATCH_SCRIPT" -r '
+ .scripts.start = $W
+ | .
+' > package-temp.json && mv package-temp.json package.json
diff --git a/scripts/npm/bump-dev.sh b/scripts/npm/bump-dev.sh
new file mode 100755
index 0000000000..7e8a86c082
--- /dev/null
+++ b/scripts/npm/bump-dev.sh
@@ -0,0 +1,15 @@
+#!/bin/bash
+
+set -euo pipefail
+
+PACKAGES_TO_BUMP=$(cat package.json | jq -r '
+ (.pinDependencies // {}) as $P
+ | (.localDependencies // {} | keys) as $L
+ | (.devDependencies // {})
+ | to_entries
+ | map(select(.key as $K | $L | contains([$K]) | not))
+ | map(.key + "@" + ($P[.key] // ["latest"])[0])
+ | join(" ")
+')
+
+[ ! -z "$PACKAGES_TO_BUMP" ] && npm install --save-dev $PACKAGES_TO_BUMP || true
diff --git a/scripts/npm/bump-peer.sh b/scripts/npm/bump-peer.sh
new file mode 100644
index 0000000000..c03b9743ac
--- /dev/null
+++ b/scripts/npm/bump-peer.sh
@@ -0,0 +1,15 @@
+#!/bin/bash
+
+set -euo pipefail
+
+PACKAGES_TO_BUMP=$(cat package.json | jq -r '
+ (.pinDependencies // {}) as $P
+ | (.localDependencies // {} | keys) as $L
+ | (.peerDependencies // {})
+ | to_entries
+ | map(select(.key as $K | $L | contains([$K]) | not))
+ | map(.key + "@" + ($P[.key] // ["latest"])[0])
+ | join(" ")
+')
+
+[ ! -z "$PACKAGES_TO_BUMP" ] && npm install --save-exact --save-peer $PACKAGES_TO_BUMP || true
diff --git a/scripts/npm/bump-prod.sh b/scripts/npm/bump-prod.sh
new file mode 100755
index 0000000000..fcd3180ea6
--- /dev/null
+++ b/scripts/npm/bump-prod.sh
@@ -0,0 +1,15 @@
+#!/bin/bash
+
+set -euo pipefail
+
+PACKAGES_TO_BUMP=$(cat package.json | jq -r '
+ (.pinDependencies // {}) as $P
+ | (.localDependencies // {} | keys) as $L
+ | (.dependencies // {})
+ | to_entries
+ | map(select(.key as $K | $L | contains([$K]) | not))
+ | map(.key + "@" + ($P[.key] // ["latest"])[0])
+ | join(" ")
+')
+
+[ ! -z "$PACKAGES_TO_BUMP" ] && npm install --save-exact $PACKAGES_TO_BUMP || true
diff --git a/scripts/npm/notify-build.sh b/scripts/npm/notify-build.sh
new file mode 100755
index 0000000000..3c2615f1c9
--- /dev/null
+++ b/scripts/npm/notify-build.sh
@@ -0,0 +1,52 @@
+#!/bin/bash
+
+set -euo pipefail
+
+if [ "$#" -lt 1 ]; then
+ echo "Usage: $0 [directory_or_file2 ...]"
+ exit 1
+fi
+
+WATCH_DIRS=("$@")
+EVENT_QUEUE="/tmp/inotify_event_queue_$$"
+
+# Create or clear the event queue
+> "$EVENT_QUEUE"
+
+# Kill all background processes on exit
+trap 'kill $(jobs -p)' EXIT
+
+# Monitor all directories/files and write events to the queue
+# "close_write" is for touch
+inotifywait --event close_write,create,delete,modify,move --monitor --outfile "$EVENT_QUEUE" --recursive ../tsconfig/package.json "${WATCH_DIRS[@]}" &
+
+while true; do
+ if [ -s "$EVENT_QUEUE" ]; then
+ # Clear the queue and execute the command
+
+ echo "📫 Change detected: $(head -n 1 "$EVENT_QUEUE")"
+
+ # VSCode fire MODIFY + CLOSE_WRITE on save.
+ # Group all changes within 100 ms, so we don't trigger it twice.
+ sleep 0.1s
+
+ # Clear the event queue
+ > "$EVENT_QUEUE"
+
+ echo "🚥 Build started."
+
+ START_TIME=$(date +%s.%N)
+
+ # Ignore error, let it rebuild
+ npm run build:run || true
+
+ END_TIME=$(date +%s.%N)
+
+ DURATION=$(awk "BEGIN {printf \"%.2f\", $END_TIME - $START_TIME}")
+
+ # Display duration in light purple color
+ echo -e "🏁 Build completed in \033[1;35m${DURATION}\033[0m seconds."
+ else
+ inotifywait --event modify --quiet "$EVENT_QUEUE" >/dev/null 2>&1
+ fi
+done
diff --git a/scripts/npm/postversion.sh b/scripts/npm/postversion.sh
new file mode 100755
index 0000000000..8150a2b529
--- /dev/null
+++ b/scripts/npm/postversion.sh
@@ -0,0 +1,45 @@
+#!/bin/bash
+
+set -euo pipefail
+
+cat package.json | jq '
+ .version as $V
+ | (
+ .localDependencies // {}
+ | with_entries(select(.value == "production")
+ | { key: .key, value: $V })
+ ) as $L1
+ | (
+ .localDependencies // {}
+ | with_entries(select(.value == "development")
+ | { key: .key, value: $V })
+ ) as $L2
+ | (
+ .localDependencies // {}
+ | with_entries(select(.value == "peer")
+ | { key: .key, value: $V })
+ ) as $L3
+ | (
+ (.dependencies // {}) + $L1
+ | to_entries
+ | sort_by(.key)
+ | from_entries
+ ) as $D1
+ | (
+ (.devDependencies // {}) + $L2
+ | to_entries
+ | sort_by(.key)
+ | from_entries
+ ) as $D2
+ | (
+ (.peerDependencies // {}) + $L3
+ | to_entries
+ | sort_by(.key)
+ | from_entries
+ ) as $D3
+ | . + {
+ dependencies: $D1,
+ devDependencies: $D2,
+ peerDependencies: $D3
+ }
+' > package-temp.json && mv package-temp.json package.json
diff --git a/scripts/npm/preversion.sh b/scripts/npm/preversion.sh
new file mode 100755
index 0000000000..f8a1d0d734
--- /dev/null
+++ b/scripts/npm/preversion.sh
@@ -0,0 +1,21 @@
+#!/bin/bash
+
+set -euo pipefail
+
+cat package.json | jq '
+ (
+ .localDependencies // {}
+ | to_entries
+ | map([
+ if .value == "production" then
+ "dependencies"
+ elif .value == "development" then
+ "devDependencies"
+ else
+ "peerDependencies"
+ end,
+ .key
+ ])
+ ) as $P
+ | delpaths($P)
+' > package-temp.json && mv package-temp.json package.json
diff --git a/serve-test.json b/serve-test.json
index 37386abc8a..771b0d2c71 100644
--- a/serve-test.json
+++ b/serve-test.json
@@ -87,6 +87,10 @@
"source": "/__dist__/packages/bundle/static/:filename",
"destination": "packages/bundle/static/:filename"
},
+ {
+ "source": "/__dist__/packages/bundle/static/:dirname1/:dirname2/:filename",
+ "destination": "packages/bundle/static/:dirname1/:dirname2/:filename"
+ },
{
"source": "/__dist__/packages/bundle/static/:dirname/:filename",
"destination": "packages/bundle/static/:dirname/:filename"
diff --git a/tsup.base.config.ts b/tsup.base.config.ts
index 929cf13d85..588d7e5742 100644
--- a/tsup.base.config.ts
+++ b/tsup.base.config.ts
@@ -22,22 +22,22 @@ const disablePlugin = (pluginName: string): EsbuildPlugin => ({
function applyConfig(
overrideOptions: (
- options: Omit & {
+ options: Omit & {
define: Record;
esbuildPlugins: EsbuildPlugin[];
target: Target[];
}
- ) => Omit & {
+ ) => Options & {
define: Record;
esbuildPlugins: EsbuildPlugin[];
target: Target[];
- } & { outDirWithTemp?: [`./${string}/`, `./${string}/`] | undefined }
+ }
): Options & {
define: Record;
esbuildPlugins: EsbuildPlugin[];
target: Target[];
} {
- const nextOptions = overrideOptions({
+ return overrideOptions({
define: {
// TSD does not support define, thus we need to use `globalThis.*` instead.
'globalThis.WEB_CHAT_BUILD_INFO_BUILD_TOOL': '"tsup"',
@@ -112,40 +112,6 @@ function applyConfig(
splitting: true,
target: ['chrome100', 'firefox100', 'safari15'] satisfies Target[]
});
-
- // tsup@8.5.0 do not write to output atomically.
- // Thus, when building in parallel, some of the files will be emptied.
-
- // Writing output to /dist.tmp/ and copy everything back to /dist/ for better atomicity.
-
- // "onSuccess" runs in parallel of DTS, we need to wait until *.d.ts are emitted.
- // Filed a bug, https://github.com/egoist/tsup/issues/1363.
-
- // All instances of tsup will try to copy at the same time and could fail with "cp: cannot create regular file './dist/...': File exists".
- // We can have multiple config writing to their own folder and copy-merge. But then each config will own their version of `onSuccess`, could be messy.
-
- const [outDir = './dist/', tmpDir = './dist.tmp/'] = nextOptions.outDirWithTemp || [];
-
- // TODO: [P1] This merge is not elegant, we should move to Promise.
- const rectifiedOptions = {
- ...nextOptions,
- onSuccess: nextOptions.dts
- ? [
- `while [ -z "$(find ${tmpDir} \\( -name '*.d.ts' -o -name '*.d.mts' \\) -print -quit)" ]; do sleep 0.2; done; mkdir -p ${outDir}; sleep 0.5; until cp --recursive ${tmpDir}/* ${outDir} 2>/dev/null; do sleep 0.5; done`,
- nextOptions.onSuccess
- ]
- .filter(Boolean)
- .join(' && ')
- : [
- `mkdir -p ${outDir}; sleep 0.5; until cp --recursive ${tmpDir}/* ${outDir} 2>/dev/null; do sleep 0.5; done`,
- nextOptions.onSuccess
- ]
- .filter(Boolean)
- .join(' && '),
- outDir: tmpDir
- };
-
- return rectifiedOptions;
}
export { applyConfig };