4d37aad678
* Don't always render post textbox preview in background * Remove most usage of custom-textarea--emoji-picker This class is only needed by the pre-AdvancedTextEditor usage of the Textbox. It otherwise conflicted with the code that controls the AdvancedTextEditor's right padding * Change right padding for post textbox to use CSS class * Remove AutosizeTextarea.recalculatePadding This was only needed because we started setting the padding of the textarea programatically at some point. Originally, we could rely on the reference textarea having the same styling because it had the same CSS class as the actual textarea. * Change reference textarea to a div Using an actual textarea to measure the size of the text doesn't allow us to measure the width of the text because textareas don't stretch to fit text. Using a div with the same styling as the textarea works though * Remove redundant measuring div from AutosizeTextarea * Update snapshots for AutosizeTextarea * Fix padding being counted twice when measuring width * Change AutosizeTextarea to use a ResizeObserver to be more responsive * Fix right padding on post preview * Disable transitions when AutosizeTextarea first measures * Fix measurement of trailing newlines * Revert "Disable transitions when AutosizeTextarea first measures" This reverts commit a036fdbfd64e49af9a2eaa3d3e06a5af453b1a5c. * Revert "Change AutosizeTextarea to use a ResizeObserver to be more responsive" This reverts commit c8fa4a19bde087a0fe80e3639aed2f3ae2eae04a. --------- Co-authored-by: Mattermost Build <build@mattermost.com>
Mattermost Web App
This folder contains the client code for the Mattermost web app. It's broken up into multiple packages each of which either contains an area of the app (such as playbooks) or shared logic used across other packages (such as the packages located in the platform directory). For anyone who's used to working in the mattermost/mattermost-webapp repo, most of that is now located in channels.
npm Workspaces
To interact with a workspace using npm, such as to add a dependency or run a script, use the --workspace (or --workspaces) flag. This can be done when using built-in npm commands such as npm add or when running scripts. Those commands should be run from this directory.
# Add a dependency to a single package
npm add react --workspace=playbooks
# Build multiple packages
npm run build --workspace=platform/client --workspace=platform/components
# Test all workspaces
npm test --workspaces
# Clean all workspaces that have a clean script defined
npm run clean --workspaces --if-present
To install dependencies for a workspace, simply run npm install from this folder as you would do normally. Most packages' dependencies will be included in the root node_modules, and all packages' dependencies will appear in the package-lock.json. A node_modules will only be created inside a package if one of its dependencies conflicts with that of another package.
Useful Links
- Developer setup, now included with the Mattermost server developer setup
- Web app developer documentation