playroom 0.34.2 → 0.36.0

package/.github/workflows/preview-site.yml

@@ -13,13 +13,13 @@ jobs:
       CI: true
     steps:
       - name: Checkout Repo
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: Set up pnpm
-        uses: pnpm/action-setup@v2.2.4
+        uses: pnpm/action-setup@v3
 
       - name: Set up Node.js
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version-file: 'package.json'
           cache: 'pnpm'

package/.github/workflows/release.yml

@@ -13,17 +13,17 @@ jobs:
       CI: true
     steps:
       - name: Checkout Repo
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
         with:
           # This makes Actions fetch all Git history so that Changesets can generate changelogs with the correct commits
           fetch-depth: 0
           token: ${{ secrets.SEEK_OSS_CI_GITHUB_TOKEN }}
 
       - name: Set up pnpm
-        uses: pnpm/action-setup@v2
+        uses: pnpm/action-setup@v3
 
       - name: Set up Node.js
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version-file: 'package.json'
           cache: 'pnpm'

package/.github/workflows/snapshot.yml

@@ -10,17 +10,17 @@ jobs:
       CI: true
     steps:
       - name: Check out repo
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
         with:
           # This makes Actions fetch all Git history for semantic-release
           fetch-depth: 0
           token: ${{ secrets.GITHUB_TOKEN }}
 
       - name: Set up pnpm
-        uses: pnpm/action-setup@v2.2.4
+        uses: pnpm/action-setup@v3
 
       - name: Set up Node.js
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version-file: 'package.json'
           cache: 'pnpm'

package/.github/workflows/validate.yml

@@ -13,13 +13,13 @@ jobs:
       CI: true
     steps:
       - name: Checkout Repo
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: Set up pnpm
-        uses: pnpm/action-setup@v2.2.4
+        uses: pnpm/action-setup@v3
 
       - name: Set up Node.js
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version-file: 'package.json'
 
@@ -30,7 +30,7 @@ jobs:
           echo "STORE_PATH=$(pnpm store path)" >> $GITHUB_OUTPUT
 
       - name: Cache node modules
-        uses: actions/cache@v3
+        uses: actions/cache@v4
         with:
           path: ${{ steps.pnpm-cache.outputs.STORE_PATH }}
           key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
@@ -39,7 +39,7 @@ jobs:
 
       - name: Cache Cypress binary
         id: cypress-cache
-        uses: actions/cache@v3
+        uses: actions/cache@v4
         with:
           path: ~/.cache/Cypress
           key: cypress-${{ runner.os }}-cypress-${{ hashFiles('**/pnpm-lock.yaml') }}

package/.nvmrc

@@ -1 +1 @@
-16.13.0
+18.19.1

package/CHANGELOG.md

@@ -1,5 +1,60 @@
 # playroom
 
+## 0.36.0
+
+### Minor Changes
+
+- c3f0373: Drop support for Node versions <18.12.0
+- 90edcc8: Add keybinding for copying Playroom link to clipboard with <kbd>⌘</kbd> + <kbd>⇧</kbd> + <kbd>C</kbd> (or, on Windows, <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>C</kbd>).
+- c99cc30: Add keybinding to toggle comment syntax for the current selection.
+
+  Pressing <kbd>Cmd</kbd> + <kbd>/</kbd> (or, on Windows, <kbd>Ctrl</kbd> + <kbd>/</kbd>) will toggle comment syntax for the currently selected text.
+  If no text is selected, the line the cursor is on will toggle comment syntax.
+
+### Patch Changes
+
+- 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
+
+## 0.35.0
+
+### Minor Changes
+
+- ad60e01: Add support for specifying default subsets of themes and screen widths via the config.
+
+  #### Example usage
+
+  ```js
+  // 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.
+
+### Patch Changes
+
+- f491105: Fix bug in "Wrap selection in tag" command that caused the start cursor to occasionally be placed in the wrong postion.
+
 ## 0.34.2
 
 ### Patch Changes

package/README.md

@@ -80,6 +80,12 @@ module.exports = {
     // Custom webpack config goes here...
   }),
   iframeSandbox: 'allow-scripts',
+  defaultVisibleWidths: [
+    // subset of widths to display on first load
+  ],
+  defaultVisibleThemes: [
+    // subset of themes to display on first load
+  ],
 };
 ```
 

package/bin/cli.cjs

@@ -4,6 +4,7 @@ const commandLineArgs = require('command-line-args');
 const commandLineUsage = require('command-line-usage');
 const findUp = require('find-up');
 const lib = require('../lib');
+const url = require('url');
 
 const showUsage = () => {
   console.log(
@@ -65,7 +66,7 @@ const showUsage = () => {
     process.exit(1);
   }
 
-  const { default: config } = await import(configPath);
+  const { default: config } = await import(url.pathToFileURL(configPath));
 
   const playroom = lib({
     cwd: path.dirname(configPath),

package/cypress/e2e/editor.cy.js

@@ -21,7 +21,7 @@ describe('Editor', () => {
   });
 
   it('autocompletes', () => {
-    typeCode('<F{enter} c{enter}={downarrow}{enter} />');
+    typeCode('<F{enter} c{enter}={downarrow}{enter} />', { delay: 100 });
     assertFirstFrameContains('Foo');
     assertCodePaneContains('<Foo color="blue" />');
   });