Source code for Chrome/Edge/Firefox/Opera extension Magic CSS (Live editor for CSS, Less & Sass)

  • By null
  • Last update: Nov 20, 2022
  • Comments: 17

Live editor for CSS, Less & Sass (Magic CSS)

Extension Live editor for CSS, Less & Sass (Magic CSS) for Google Chrome, Microsoft Edge, Mozilla Firefox and Opera.

Google Chrome Logo   https://chrome.google.com/webstore/detail/ifhikkcafabcgolfjegfcgloomalapol

Microsoft Edge Logo   https://microsoftedge.microsoft.com/addons/detail/live-editor-for-css-less/ahibbdhoijcafelmfepfpcmmdifchpdg

Mozilla Firefox Logo   https://addons.mozilla.org/firefox/addon/live-editor-for-css-less-sass/

Opera Logo   https://addons.opera.com/extensions/details/live-editor-for-css-and-less-magic-css/

Live preview of CSS/Less/Sass code changes. Auto-save file, autocomplete, convert Less/Sass to CSS, beautify, minify, CSS reloader, linter, ...

Run this extension and start writing your CSS/Less/Sass code which gets applied immediately. The code you write will be saved in the browser extension's storage space or the site's local storage.

Featuring:

  • Live editor for CSS/Less/Sass code - Preview changes as you write code
  • Live edit CSS files and auto-save on file system
  • CSS reloader
  • Option to reapply styles automatically
  • Syntax Highlighting
  • Auto-generate CSS selectors with point-and-click
  • Autocomplete for CSS selectors, properties and values
  • Emmet support helps in quickly expanding abbreviations to CSS code (https://docs.emmet.io/css-abbreviations/)
  • Color picker (supports HEX, RGB, RGBA, HSL and HSLA)
  • Convert code from Less/Sass to CSS
  • Beautify / Format code
  • Minify code
  • Highlight DOM elements matching the CSS selectors
  • Option to load this extension in iframes as well
  • Lint CSS code

Open source:

This extension is available for:

  • Google Chrome
  • Microsoft Edge
  • Mozilla Firefox
  • Opera

Visit https://webextensions.org/ for further details

Created by:

  • Priyank Parashar

Uses:

  • No need to refresh pages to test your CSS/Less/Sass code
  • Auto-save your changes to filesystem as you write the code
  • Reload CSS resources without refreshing the page
  • Speed-up development and testing of your styling code by doing it directly on your page
  • Develop and test your code before finalizing your changes into the project files
  • Apply some temporary styles (like hiding some components)
  • Test styling changes even when you cannot modify the original source code

Notes:

  • The CSS/Less/Sass code you write gets applied as you write it
  • The CSS reloader watches CSS files and live updates them immediately
  • The Sass parser is loaded remotely from https://cdnjs.cloudflare.com/ajax/libs/sass.js/...
  • With this styling code tester, you can develop and test the code at the same time
  • The code is saved in browser/file as soon as you write it
  • The code editor is resizable and draggable
  • The code you write is auto-saved at site level and can be used again for same or different pages
  • You can use "TAB" key to indent your code
  • Running Magic CSS again, while it is already loaded, will restore it to its original position and size
  • Press "Esc" or click on close to hide it and run it again to continue making changes
  • The code you write is added at the bottom of the tag of the active page
  • It includes CSS/Less/Sass beautifier
  • It includes CSS minifier
  • It highlights the DOM elements matching the CSS selectors
  • Use it along with your favorite Chrome/Edge/Firefox/Opera Developer tools
  • You might find it useful in creating your custom themes for websites based on Stylish / Stylist
  • This extension was previously known as "MagiCSS - Live CSS Editor"

Credits for open source code used by this extension:

Inspirations:

  • "Auto-generate CSS selectors with point-and-click" feature is partly inspired by the Chrome extensions SelectorGadget and Stylebot

Author:

Connect to us:

Github

https://github.com/webextensions/live-css-editor

Comments(17)

  • 1

    Firefox addon cannot be found

    "Oops! We can’t find that page" https://addons.mozilla.org/en-CA/firefox/addon/live-editor-for-css-less-sass/

    Does not appear via search for "live css" within the Addons page either anymore. Cannot seem to find it - not possible to install anymore? What happened here?

  • 2

    This site can’t be reached

    Hello, I followed the steps below: 01 02 (1)

    when I go to http://192.168.0.64:3456/ on Google and Firefox, it shows "This site can’t be reached". 8151118 (1) 108151153 (1)

    Then I changed the port from 3456 to 8081, also unavailable.

    But I have made a live-server successfully like this. 20108151917

    So what should I do? There must be some errors in your project. How should we correct them?

  • 3

    Feature Request(s) - Dark Mode Support

    A) Support for a different extension icon color for use with dark web browser themes (black icon is almost invisible when using a dark browser theme).

    B) Support for some different theme editor styles (e.g. Ambiance, Chaos, Chrome, Clouds, Clouds Midnight, Cobalt, Crimson Editor, Dawn, Dracula, Dreamweaver, Eclipse, GitHub, Green on Black, Gruvbox, idle Fingers, IPlastic, KatzenMilch, krTheme, Kuroir, Merbivore, Merbivore Soft, Mono Industrial, Monokai, Nord Dark, Pastel on dark, Solarized Dark, Solarized Light, SQL Server, Terminal, TextMate, Tomorrow, Tomorrow Night, Tomorrow Night 80s, Tomorrow Night Blue, Tomorrow Night Bright, Twilight, Vibrant Ink, Xcode )

  • 4

    Feature request: Option to stay active

    There is one huge inconvenience with the "workflow" of using this extension:

    1. Visit a new domain, then click on the Live CSS button, add/paste some default/favourite code into the window and then close the window.
    2. On every reload of that page, and also on any new page opened on the same domain, I have to click again to activate my desired custom CSS code, and then:
    3. I have to close the window that pops up, because these sub-sequent times I just click on the button to activate the code, not to change it.

    So on every page reload or new page, there are two unnecessary clicks involved. When trying to work fast, with lots of new page openings, this drives me nuts.

    It would be great with an option to have the custom CSS stay active on all subsequent pages/reloads on each activated domain throughout the same browser session,

    Desired behaviour:

    1. Visit a new domain, then click on the Live CSS button, add/paste some default/favourite code into the window and then close the window.
    2. (not needed...) (The CSS code should stay active for each subsequent page reload for that same domain, and any new page loaded on that same domain, throughout the browser session.)
  • 5

    Suggestion: Space to enter predetermined variables?

    It would be fantastic to allow a settings location for pre-determining variables for SASS. I do theming for several websites where i use the same variables, to be able to have those readily available before I start tweaking code would be a HUGE timesaver. Just a thought. Thanks for a great product!

  • 6

    Small bug for Firefox

    There is a "small" bug in the Firefox version that prevent the addon from being installed in some configuration and sadly I have one of those setup.

    The error is in the "manifest", usually it's an ID missing that can prevent the addon from being installed but this time it's more "complicated" so here's the message from the console:

    
              12:16:29,373 1498580189373	addons.webextension.<unknown>	WARN	Loading extension 'null': Reading manifest: Error processing background.persistent: Event pages are not currently supported. This will run as a persistent background page.
    12:16:29,381 1498580189380	addons.webextension.<unknown>	WARN	Loading extension 'null': Reading manifest: Error processing offline_enabled: An unexpected property was found in the WebExtension manifest.
    12:16:29,381 1498580189381	addons.webextension.<unknown>	WARN	Loading extension 'null': Reading manifest: Error processing optional_permissions: An unexpected property was found in the WebExtension manifest.
    12:16:29,444 1498580189443	addons.xpi	WARN	Failed to remove temporary file C:\Users\Michel\AppData\Local\Temp\tmp-rkk.xpi for addon https://addons.mozilla.org/firefox/downloads/latest/live-editor-for-css-and-less/platform:5/addon-807942-latest.xpi?src=dp-btn-primary: [Exception... "Component returned failure code: 0x80520015 (NS_ERROR_FILE_ACCESS_DENIED) [nsIFile.remove]"  nsresult: "0x80520015 (NS_ERROR_FILE_ACCESS_DENIED)"  location: "JS frame :: resource://gre/modules/addons/XPIProvider.jsm :: removeTemporaryFile :: line 5525"  data: no] Stack trace: removeTemporaryFile()@resource://gre/modules/addons/XPIProvider.jsm:5525 < onStopRequest/<()@resource://gre/modules/addons/XPIProvider.jsm:6505 < Handler.prototype.process()@resource://gre/modules/Promise.jsm -> resource://gre/modules/Promise-backend.js:935 < this.PromiseWalker.walkerLoop()@resource://gre/modules/Promise.jsm -> resource://gre/modules/Promise-backend.js:813 < this.PromiseWalker.scheduleWalkerLoop/<()@resource://gre/modules/Promise.jsm -> resource://gre/modules/Promise-backend.js:747
    12:16:29,445 1498580189445	addons.xpi	WARN	Download of https://addons.mozilla.org/firefox/downloads/latest/live-editor-for-css-and-less/platform:5/addon-807942-latest.xpi?src=dp-btn-primary failed: Error: Cannot find id for addon C:\Users\Michel\AppData\Local\Temp\tmp-rkk.xpi (resource://gre/modules/addons/XPIProvider.jsm:5690:19) JS Stack trace: loadManifest/<@XPIProvider.jsm:5690:19 < [email protected]:319:42 < [email protected]:932:23 < [email protected]:813:7 < this.PromiseWalker.scheduleWalkerLoop/<@Promise-backend.js:747:11
    12:16:29,467 1498580189466	addons.xpi	WARN	Failed to remove temporary file C:\Users\Michel\AppData\Local\Temp\tmp-rkk.xpi for addon https://addons.mozilla.org/firefox/downloads/latest/live-editor-for-css-and-less/platform:5/addon-807942-latest.xpi?src=dp-btn-primary: [Exception... "Component returned failure code: 0x80520015 (NS_ERROR_FILE_ACCESS_DENIED) [nsIFile.remove]"  nsresult: "0x80520015 (NS_ERROR_FILE_ACCESS_DENIED)"  location: "JS frame :: resource://gre/modules/addons/XPIProvider.jsm :: removeTemporaryFile :: line 5525"  data: no] Stack trace: removeTemporaryFile()@resource://gre/modules/addons/XPIProvider.jsm:5525 < downloadFailed()@resource://gre/modules/addons/XPIProvider.jsm:6543 < onStopRequest/<()@resource://gre/modules/addons/XPIProvider.jsm:6506 < Handler.prototype.process()@resource://gre/modules/Promise.jsm -> resource://gre/modules/Promise-backend.js:935 < this.PromiseWalker.walkerLoop()@resource://gre/modules/Promise.jsm -> resource://gre/modules/Promise-backend.js:813 < this.PromiseWalker.scheduleWalkerLoop/<()@resource://gre/modules/Promise.jsm -> resource://gre/modules/Promise-backend.js:747
    

    I use Firefox latest ESR 51.1.2 under Windows.

    If you need more information just ask me.

    Regards :octocat:

  • 7

    sass parser uses scss instead of sass

    there is a syntax difference, particularly the brackets. i thought the plugin was broken because it said that my selector had an error but in reality it was working correctly. it would be awesome to be able to use both sass and scss but at the very least scss should be labeled properly.

    its great work though

  • 8

    Can't apply styles to other extension in overlay

    Can't apply styles to other extension in overlay, which appear on all sites. I mean styles appear to some other extension (etc online translate) only at one webpage, where that styles was redefined. At ohter page redefined styles is not connect.

  • 9

    Shortcut Does Not Work Second Time

    Just discovered this in replacement of a different Live CSS Editing Extension. So good to finally have code completion.

    I, however, found that the shortcut apparently only works two times. First to activate the extension first. And then it deactivates the code. But then it doesn't do anything any more 🙈.

    Hope to see further improvements on this. It's an amazing tool.

    Thanks,

    Chris

  • 10

    Suggestion : give the possibility to show the live editor in a separated window

    Problem : Live CSS editor show on top of the website you are working on. In some cases, it takes to much place, and even if you resize it to make it small and push it at the right, bottom, left or right, it hides to much the website you are working on.

    Example : you push Live CSS editor at the bottom of your website : when you scroll down at the maximum, you cannot see the footer of your website.

    Suggestion : possibility to show it in a separated window or possibility to divide the window in 2, as the native browser web editor does. If you show it in a separated window, and have 2 screens, you can show the website in a screen and the CSS editor in an other.

  • 11

    Cursor doesn't show

    Great extension !!! I can't see the cursor when I'm editing the CSS.

    Any clues how can I fix this. Maybe changing the color of the cursor?

    Thank you

    Using Chrome Versión 61.0.3163.100 (Build oficial) (64 bits) in Spanish

  • 12

    Feature Requests

    Thanks for your hard work putting this extension together. I've been using it heavily for the last week or so and it has been great overall. It's so nice to have a live editor with emmet and SCSS.

    Here are a few feature requests (mostly for things I've been missing from vscode):

    • Code Folding
    • Allow over-scroll of the editor when in external window
    • Highlight other occurrences of current selection (not sure if the editor supports this)
    • Find & Replace
    • Option to disable Escape shortcut that closes the external window
    • Keyboard shortcut to evoke beautify code command
    • Integration into the devtools area of Chrome

    Keyboard shortcuts

    • Select all occurrences of current selection
    • Jump to matching bracket
    • Indent line (from anywhere within the line)
  • 13

    Feature request: Show popup on page load

    It would be helpful to automatically load the popup on page load/page refresh when "Apply styles automatically" is switched on. At the moment you have to to click the extension's icon to open it every time after reloading the page.

    Thank you!

  • 14

    Bump engine.io and socket.io in /live-css

    Bumps engine.io to 3.6.1 and updates ancestor dependency socket.io. These dependencies need to be updated together.

    Updates engine.io from 3.5.0 to 3.6.1

    Release notes

    Sourced from engine.io's releases.

    3.6.1

    :warning: This release contains an important security fix :warning:

    A malicious client could send a specially crafted HTTP request, triggering an uncaught exception and killing the Node.js process:

    Error: read ECONNRESET
        at TCP.onStreamRead (internal/stream_base_commons.js:209:20)
    Emitted 'error' event on Socket instance at:
        at emitErrorNT (internal/streams/destroy.js:106:8)
        at emitErrorCloseNT (internal/streams/destroy.js:74:3)
        at processTicksAndRejections (internal/process/task_queues.js:80:21) {
      errno: -104,
      code: 'ECONNRESET',
      syscall: 'read'
    }
    

    Please upgrade as soon as possible.

    Bug Fixes

    • catch errors when destroying invalid upgrades (83c4071)

    3.6.0

    Bug Fixes

    • add extension in the package.json main entry (#608) (3ad0567)
    • do not reset the ping timer after upgrade (1f5d469)

    Features

    • decrease the default value of maxHttpBufferSize (58e274c)

    This change reduces the default value from 100 mb to a more sane 1 mb.

    This helps protect the server against denial of service attacks by malicious clients sending huge amounts of data.

    See also: https://github.com/advisories/GHSA-j4f2-536g-r55m

    • increase the default value of pingTimeout (f55a79a)

    Links

    ... (truncated)

    Changelog

    Sourced from engine.io's changelog.

    3.6.1 (2022-11-20)

    :warning: This release contains an important security fix :warning:

    A malicious client could send a specially crafted HTTP request, triggering an uncaught exception and killing the Node.js process:

    Error: read ECONNRESET
        at TCP.onStreamRead (internal/stream_base_commons.js:209:20)
    Emitted 'error' event on Socket instance at:
        at emitErrorNT (internal/streams/destroy.js:106:8)
        at emitErrorCloseNT (internal/streams/destroy.js:74:3)
        at processTicksAndRejections (internal/process/task_queues.js:80:21) {
      errno: -104,
      code: 'ECONNRESET',
      syscall: 'read'
    }
    

    Please upgrade as soon as possible.

    Bug Fixes

    • catch errors when destroying invalid upgrades (83c4071)

    6.2.1 (2022-11-20)

    :warning: This release contains an important security fix :warning:

    A malicious client could send a specially crafted HTTP request, triggering an uncaught exception and killing the Node.js process:

    Error: read ECONNRESET
        at TCP.onStreamRead (internal/stream_base_commons.js:209:20)
    Emitted 'error' event on Socket instance at:
        at emitErrorNT (internal/streams/destroy.js:106:8)
        at emitErrorCloseNT (internal/streams/destroy.js:74:3)
        at processTicksAndRejections (internal/process/task_queues.js:80:21) {
      errno: -104,
      code: 'ECONNRESET',
      syscall: 'read'
    }
    

    Please upgrade as soon as possible.

    Bug Fixes

    ... (truncated)

    Commits
    • 67a3a87 chore(release): 3.6.1
    • 83c4071 fix: catch errors when destroying invalid upgrades
    • f62f265 chore(release): 3.6.0
    • f55a79a feat: increase the default value of pingTimeout
    • 1f5d469 fix: do not reset the ping timer after upgrade
    • 3ad0567 fix: add extension in the package.json main entry (#608)
    • 58e274c feat: decrease the default value of maxHttpBufferSize
    • See full diff in compare view

    Updates socket.io from 2.4.1 to 2.5.0

    Release notes

    Sourced from socket.io's releases.

    2.5.0

    :warning: WARNING :warning:

    The default value of the maxHttpBufferSize option has been decreased from 100 MB to 1 MB, in order to prevent attacks by denial of service.

    Security advisory: https://github.com/advisories/GHSA-j4f2-536g-r55m

    Bug Fixes

    • fix race condition in dynamic namespaces (05e1278)
    • ignore packet received after disconnection (22d4bdf)
    • only set 'connected' to true after middleware execution (226cc16)
    • prevent the socket from joining a room after disconnection (f223178)

    Links:

    Changelog

    Sourced from socket.io's changelog.

    2.5.0 (2022-06-26)

    Bug Fixes

    • fix race condition in dynamic namespaces (05e1278)
    • ignore packet received after disconnection (22d4bdf)
    • only set 'connected' to true after middleware execution (226cc16)
    • prevent the socket from joining a room after disconnection (f223178)

    4.5.1 (2022-05-17)

    Bug Fixes

    • forward the local flag to the adapter when using fetchSockets() (30430f0)
    • typings: add HTTPS server to accepted types (#4351) (9b43c91)

    4.5.0 (2022-04-23)

    Bug Fixes

    • typings: ensure compatibility with TypeScript 3.x (#4259) (02c87a8)

    Features

    • add support for catch-all listeners for outgoing packets (531104d)

    This is similar to onAny(), but for outgoing packets.

    Syntax:

    socket.onAnyOutgoing((event, ...args) => {
      console.log(event);
    });
    
    • broadcast and expect multiple acks (8b20457)

    Syntax:

    io.timeout(1000).emit("some-event", (err, responses) => {
    </tr></table> 
    

    ... (truncated)

    Commits
    • baa6804 chore(release): 2.5.0
    • f223178 fix: prevent the socket from joining a room after disconnection
    • 226cc16 fix: only set 'connected' to true after middleware execution
    • 05e1278 fix: fix race condition in dynamic namespaces
    • 22d4bdf fix: ignore packet received after disconnection
    • dfded53 chore: update engine.io version to 3.6.0
    • See full diff in compare view

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

  • 15

    Editor in external window is not closing sometimes upon refreshing the page

    As per the feedback from Maxwell Hibbert on Chrome Web Store:

    Works really well overall. The only issue I have is when editing in an external window, the plugin has to be loaded again after refreshing the page I'm styling, and then I have to close the old editor. That quickly gets tedious.

  • 16

    Bump got, update-notifier and nodemon in /live-css

    Bumps got to 12.5.3 and updates ancestor dependencies got, update-notifier and nodemon. These dependencies need to be updated together.

    Updates got from 9.6.0 to 12.5.3

    Release notes

    Sourced from got's releases.

    v12.5.3

    • Fix abort event listeners not always being cleaned up (#2162) 3cc40b5

    https://github.com/sindresorhus/got/compare/v12.5.2...v12.5.3

    v12.5.2

    • Improve TypeScript 4.9 compatibility (#2163) 39f83b6

    https://github.com/sindresorhus/got/compare/v12.5.1...v12.5.2

    v12.5.1

    • Fix compatibility with TypeScript and ESM 3b3ea67
    • Fix request body not being properly cached (#2150) 3e9d3af

    https://github.com/sindresorhus/got/compare/v12.5.0...v12.5.1

    v12.5.0

    • Disable method rewriting on 307 and 308 status codes (#2145) e049e94
    • Upgrade dependencies 8630815 f0ac0b3 4c3762a

    https://github.com/sindresorhus/got/compare/v12.4.1...v12.5.0

    v12.4.1

    Fixes

    • Fix options.context being not extensible b671480715dbbff908e9a385f5e714570c663cd7
    • Don't emit uploadProgress after promise cancelation 693de217b030816f574d6e4cb505ee2e77b21c29

    https://github.com/sindresorhus/got/compare/v12.4.0...v12.4.1

    v12.4.0

    Improvements

    • Support FormData without known length (#2120) 850773c

    Fixes

    • Don&#39;t call beforeError hooks with HTTPError if the throwHttpErrors option is false (#2104) 3927348

    https://github.com/sindresorhus/got/compare/v12.3.1...v12.4.0

    v12.3.1

    • Don&#39;t freeze signal when freezing Options (#2100) 43b1467

    https://github.com/sindresorhus/got/compare/v12.3.0...v12.3.1

    v12.3.0

    • Add .off() method for events (#2092) 88056be

    https://github.com/sindresorhus/got/compare/v12.2.0...v12.3.0

    ... (truncated)

    Commits

    Updates update-notifier from 5.1.0 to 6.0.2

    Release notes

    Sourced from update-notifier's releases.

    v6.0.2

    • Fix license d152f85

    https://github.com/yeoman/update-notifier/compare/v6.0.1...v6.0.2

    v6.0.1

    • Update dependencies (#222) 3f7c9f3

    https://github.com/yeoman/update-notifier/compare/v6.0.0...v6.0.1

    v6.0.0

    Breaking

    • Require Node.js 14 9183541
    • This package is now pure ESM. Please read this.

    https://github.com/yeoman/update-notifier/compare/v5.1.0...v6.0.0

    Commits

    Updates nodemon from 2.0.7 to 2.0.20

    Release notes

    Sourced from nodemon's releases.

    v2.0.20

    2.0.20 (2022-09-16)

    Bug Fixes

    • remove postinstall script (e099e91)

    v2.0.19

    2.0.19 (2022-07-05)

    Bug Fixes

    v2.0.18

    2.0.18 (2022-06-23)

    Bug Fixes

    • revert update-notifier forcing esm (1b3bc8c)

    v2.0.17

    2.0.17 (2022-06-23)

    Bug Fixes

    v2.0.16

    2.0.16 (2022-04-29)

    Bug Fixes

    • support windows by using path.delimiter (e26aaa9)

    v2.0.15

    2.0.15 (2021-11-09)

    Bug Fixes

    v2.0.14

    ... (truncated)

    Commits

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

  • 17

    Bump nanoid and mocha in /tests

    Bumps nanoid to 3.3.3 and updates ancestor dependency mocha. These dependencies need to be updated together.

    Updates nanoid from 3.1.20 to 3.3.3

    Changelog

    Sourced from nanoid's changelog.

    3.3.3

    • Reduced size (by Anton Khlynovskiy).

    3.3.2

    • Fixed enhanced-resolve support.

    3.3.1

    • Reduced package size.

    3.3

    • Added size argument to function from customAlphabet (by Stefan Sundin).

    3.2

    • Added --size and --alphabet arguments to binary (by Vitaly Baev).

    3.1.32

    • Reduced async exports size (by Artyom Arutyunyan).
    • Moved from Jest to uvu (by Vitaly Baev).

    3.1.31

    • Fixed collision vulnerability on object in size (by Artyom Arutyunyan).

    3.1.30

    • Reduced size for project with brotli compression (by Anton Khlynovskiy).

    3.1.29

    • Reduced npm package size.

    3.1.28

    • Reduced npm package size.

    3.1.27

    • Cleaned dependencies from development tools.

    3.1.26

    • Improved performance (by Eitan Har-Shoshanim).
    • Reduced npm package size.

    3.1.25

    • Fixed browserify support.

    3.1.24

    • Fixed browserify support (by Artur Paikin).

    3.1.23

    • Fixed esbuild support.

    3.1.22

    • Added default and browser.default to package.exports.

    ... (truncated)

    Commits

    Updates mocha from 8.4.0 to 10.1.0

    Release notes

    Sourced from mocha's releases.

    v10.1.0

    10.1.0 / 2022-10-16

    :tada: Enhancements

    :nut_and_bolt: Other

    v10.0.0

    10.0.0 / 2022-05-01

    :boom: Breaking Changes

    :nut_and_bolt: Other

    Also thanks to @​ea2305 and @​SukkaW for improvements to our documentation.

    v9.2.2

    9.2.2 / 2022-03-11

    Please also note our announcements.

    :bug: Fixes

    ... (truncated)

    Changelog

    Sourced from mocha's changelog.

    10.1.0 / 2022-10-16

    :tada: Enhancements

    :nut_and_bolt: Other

    10.0.0 / 2022-05-01

    :boom: Breaking Changes

    :nut_and_bolt: Other

    Also thanks to @​ea2305 and @​SukkaW for improvements to our documentation.

    9.2.2 / 2022-03-11

    :bug: Fixes

    :nut_and_bolt: Other

    ... (truncated)

    Commits
    • 5f96d51 build(v10.1.0): release
    • ed74f16 build(v10.1.0): update CHANGELOG
    • 51d4746 chore(devDeps): update 'ESLint' to v8 (#4926)
    • 4e06a6f fix(browser): increase contrast for replay buttons (#4912)
    • 41567df Support prefers-color-scheme: dark (#4896)
    • 61b4b92 fix the regular expression for function clean in utils.js (#4770)
    • 77c18d2 chore: use standard 'Promise.allSettled' instead of polyfill (#4905)
    • 84b2f84 chore(ci): upgrade GH actions to latest versions (#4899)
    • 023f548 build(v10.0.0): release
    • 62b1566 build(v10.0.0): update CHANGELOG
    • Additional commits viewable in compare view

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.