Design with JSX, powered by your own component library.
94c75f8: Add "Find", "Find and replace", and "Jump to line" functionality.
Keybindings for these new commands are:
Cmd + F
/ Ctrl + F
- FindCmd + Option + F
/ Ctrl + Alt + F
- Find and replaceCmd + G
/ Ctrl + G
- Jump to linec3f0373: Drop support for Node versions <18.12.0
90edcc8: Add keybinding for copying Playroom link to clipboard with ⌘ + ⇧ + C (or, on Windows, Ctrl + Shift + C).
c99cc30: Add keybinding to toggle comment syntax for the current selection.
Pressing Cmd + / (or, on Windows, Ctrl + /) will toggle comment syntax for the currently selected text. If no text is selected, the line the cursor is on will toggle comment syntax.
dd95719: Add 'Insert snippet' shortcut to 'Keyboard Shortcuts' list in settings panel for better discoverability.
cad1ded: Remove dependency on current-git-branch
package
0215bb4: Replace query-string
dependency with URLSearchParams
6ad5895: Update shortcut format for Windows users for consistency with standard styling.
cb3c427: In the Settings Panel, sort keyboard shortcuts order by most frequently and widely used. Related shortcuts are grouped together.
b1766c2: Move Title setting from Settings Panel to Frame Panel to group current playroom settings together and improve discoverability.
Now, all settings that affect the current playroom tab live in the Frame Panel. Settings affecting all playroom tabs live in the Settings Panel.
41e8cfa: Fix an issue where new Playroom tabs without a set title would load a recently used title.
134c5a4: Upgrade webpack-dev-server
to v5
c3f0373: Update dependencies
f88a4e6: Fix async import of playroom config on Windows
ad60e01: Add support for specifying default subsets of themes and screen widths via the config.
// playroom.config.js
module.exports = {
...,
defaultVisibleWidths: [
// subset of widths to display on first load
],
defaultVisibleThemes: [
// subset of themes to display on first load
],
}
f45dd04: Add ability to customise tab titles via a "Title" section in the settings panel.
a044864: Allow overriding Webpack module rules
Consumers may have complex Webpack configurations that can clash with Playroom's. In this case, it's useful to be able to override the module rules that Playroom defines. For example, overriding loaders defined for CSS files:
// playroom.config.js
module.exports = {
webpackConfig: () => ({
module: {
rules: [
// use your own CSS loaders
{ test: /\.css$/, use: ['style-loader', 'css-loader'] },
],
},
}),
};