Release Notes
v15.12.0
October 1, 2023
New Features
Codux now provides ready-made component variations of Nivo, a charts component library that can be added to the Add Elements panel to be used in your project. See here for information on adding it.
Introducing a new section in the Add Elements panel that offers guidance on installing and utilizing third-party libraries that we provide content for.
Improved
Improved the CSS properties search.
Added SVGR support to online playgrounds.
Prettier integration now uses the project’s own Prettier version instead of Codux’s.
Bug Fixes
Fixed an issue where invalid boards weren’t properly identified in the UI.
Fixed an issue where the wrong CSS was selected when clicking View Code while the CSS code tab wasn’t active.
Fixed an issue where, in certain components, board thumbnails wouldn’t render correctly due to a race condition.
v15.11.0
September 18, 2023
New Features
Boards are now visible and rendered in the Add Elements panel, and can be dragged onto the stage or added with a simple click. If a board has a cover image, the cover image will be used instead.
DIY Playground (Share): Collaborate effortlessly with Codux's new Share feature! Transform your boards into dynamic hubs of creativity, accessible to anyone. Showcase your component library, get feedback, and collaborate with designers and non-technical staff. Click Share in Codux now!
New Selectors GUI: We’ve overhauled our selectors UI to allow a faster and more efficient workflow.
Improved
You can now pin and unpin the Add Elements panel, allowing you to keep it open when you need to add multiple elements.
We’ve improved the Add Element panel’s search capabilities with Fuzzy Search, ensuring that you get relevant search results even when using imprecise search terms.
We’ve turned “Fit to screen” into a toggle, allowing the stage to automatically adjust its size when the rendered area is resized.
Improved the UI and messaging relating to the Styles panel’s empty-states (when no selector is selected).
Added new icons and colors for boards to differentiate them from components in the Add Elements panel.
Bug Fixes
Fixed the display of all text items resolving from functions.
Fixed an issue where, when dropping a component into the Elements panel, a component was indicated in addition to the placeholder for its children. Now only the placeholder for the children is indicated.
Fixed an issue where adding and removing a board from the Add Elements panel created an inconsistent list of boards.
v15.10.0
August 30, 2023
New Features
A new section has been added to the Add Elements panel (under Components), presenting a comprehensive list of all the boards within your project to effortlessly include in various other boards and components.
Added support for opening WebStorm via the “View in IDE” button.
Keyboard navigation options have been added to the Add Elements panel, allowing users to navigate the panel using keyboard shortcuts like tab, arrow keys, and enter.
Improved
Added new tooltips to components in the Add Elements panel that display their path.
Optimizations to rendering Stylable projects.
Bug Fixes
Fixed an issue where the Elements panel did not properly display class names on first render of a board.
Fixed an issue related to creating a board with the “empty” template.
Fixed an issue where boards created in an external IDE wouldn't appear in the Home screen until restart of Codux.
Fixed an issue where the board thumbnail size became out of sync in some cases.
Improved visibility for the “New component” button in the Add Elements panel.
Fixed an issue where dragging an element would change to the wrong selection in some cases.
v15.9.1
Bug Fixes
Fixed issues with Sass in create-vite projects.
Fixed issues with libraries that use babel-runtime.
v15.9.0
August 20, 2023
New Features
Codux now provides ready-made component variations of the Semantic UI component library which can be added to the Add Elements panel to be used in your project. See here for information on adding it.
As part of our ongoing effort to make adding board content to the Add Elements panel easier and more intuitive, all new boards will now be shown in the Add Elements panel by default.
Improved
Codux now displays unparsed classes from expressions, allowing users to better understand where applied styles are originating from.
If boards aren’t valid for use in the Add Elements panel, you’ll now know about it right away in the Board Settings panel beneath the show/hide from Add Elements panel toggle switch. There will also be a red dot on the Board Settings panel icon to indicate this. It will still appear in the Add Elements panel even when invalid.
Added support for
import.meta.env.
Bug Fixes
Fixed an issue where auto-scrolling to the right position wouldn’t work when moving from computed styles to editing a style.
Fixed an issue where Codux entered an undetermined state as a result of mismatched Prettier plugins.
Codux now supports selectors with escaping, and no longer considers them invalid.
Fixed an issue where sync selection would persist even after manually selecting text in the code drawer.
v15.8.0
August 6, 2023
New Features
The react-board dependency has been updated, users will be required to update it when opening an existing project.
You can now reuse boards inside one another via the Add Elements Panel. Toggle “Show in Add Elements panel” in a board’s settings tab in order to mark it for reuse in other boards.
Codux now supports projects that use the exports field in package.json
A new template project has been added, “Coducks” using Tailwind CSS and Radix-UI.
Improved
Keyboard shortcuts have been added to quickly navigate and select from the elements panel! Refer to Codux Keyboard Shortcuts for a complete list of shortcuts.
All items in the elements panel can now be collapsed by pressing CTRL+⇦ on Windows, or ⌘+⇦ on Mac.
Clicking an element in the Add Elements panel will now add it as the child of the currently selected element.
Hovering over components in the add elements panel will now display a tooltip to letting you know if the component has boards or not, and if it may be invalid for reuse
Bug Fixes
Fixed an issue where the chosen selector was no longer selected after refreshing the stage.
Fixed an issue where focus would jump to the code-drawer upon drilling into the elements panel.
v15.7.2
July 23, 2023
New Features
"Sync Selection" follows and highlights code based on real-time UI selection.
Codux now reacts to configuration changes in codux.config.json right away – no need to reload the project or Codux anymore!
Bug Fixes
Fixed an issue where you could not drag text into an empty root node.
Fixed an issue where selection frames did not appear in the correct location due to scroll.
Fixed an issue where dynamic import of Tailwind config did not work properly on Windows machines.
Fixed an issue where Codux running on M1/M2 (ARM) Macs would upgrade to the Intel version of Codux instead of the ARM one.
Fixed the ability to drill into an empty component from a parent component.
v15.6.1
July 16, 2023
New Features
Codux demo projects featuring Blueprint library components now offer an array of rich content in the Add Elements panel, representing diverse component behaviors and usages. You can add Blueprint rich content to existing projects by following the instructions for adding external library rich content to boards here.
The online Codux editor has a new UI and loading mechanism for projects.
You can now open the Add Elements panel using the ‘A’ key when you have an element selected in the Elements panel. We’ve also added the ability to collapse and uncollapse nodes with the keyboard.
You can now see the biggest highlights of what’s new in Codux right after you upgrade to the new release! Just update Codux as you normally would and you’ll see the announcement when you open the new version.
Improved
The Codux resolver now supports files with .cjs and .mjs file extensions in addition to: .ts, .tsx, .js, .jsx, and .json.
Codux now supports nested media query rules in SASS.
Bug Fixes
Fixed a visual bug in the online editor where the widget’s '?' button and download button overlapped.
Fixed the ability to delete the root element in the Elements panel.
Fixed an issue where the Tailwind configuration file was not properly evaluated in certain cases, and required a restart of Codux.
Fixed an issue where dragging on stage would not work in cases where a component appears in the code, but doesn’t render on the stage.
v15.5.0
June 26, 2023
Improved
The Properties panel now implements an improved sorting mechanism, sorting properties and HTML attributes by importance, making them more readily accessible to work with.
Introducing several text-related messaging improvements to property empty states, branch naming, breadcrumb tooltips, and the Codux Updater.
Bug Fixes
Fixed some icons for Safari browsers.
Fixed some issues with projects using React versions 17 and 18.
Fixed an issue related to leaked process.env.NODE_ENV VS Code instances, where npm i didn't install all the correct dependencies.
Fixed Tailwind support for projects using ESM module format (Vite).
v15.4.4
June 12, 2023
Bug Fixes
Fixed incompatibility with new SASS version (1.63.x).
v15.4.3
June 7, 2023
New Features
Reworked the Elements panel to provide a new design and experience, with improved code insights (conditionals, repeaters, children, and other expressions) for better clarity.
Moved the Window and Canvas nodes from the Elements panel to a new dedicated Environment panel.
Improved
Improved the description for the Properties, Styles, and Computed Styles panels when selecting expressions and text nodes.
Improved the drill-in icon to better show on screens with different pixel densities.
Improved the experience of renaming files in the Files panel.
Bug Fixes
Fixed an issue where it was possible to drag elements when a board was in an invalid state.
Fixed a performance issue when working with third party libraries in the Add Elements panel.
Fixed an issue where certain flows in Tailwind projects could cause the stage to crash, requiring a refresh.
Fixed an issue where the Properties panel and/or built-in code editor would fall out of sync, causing types to be "any" and errors to be shown.
The Add Elements panel now closes when switching back to the Home tab.
v15.3.1
June 1, 2023
Bug FIxes
Better handling for "@babel-runtime".
v15.3.0
May 14, 2023
New Features
Codux has a new logo! Quack quack!!!
Improved
The Add Elements panel search mechanism works better.
The Add Elements panel now keeps its state (search, drill down, position), so when it is closed and reopened, it returns to how it was previously.
The Add Elements panel is now resizable.
The Add Elements panel now supports hierarchy, so that elements can be grouped together.
Improved CSS processing performance.
Improved the text labels in the New Project screen.
Added ES modules to all configuration files.
Added support for moduleResolution: “bundler”.
Added support for Vite’s
publicfolderAdded support for relative paths in
codux.config.json.
Bug Fixes
Fixed empty state messages in the Properties and Styles panel.
Fixed some edge-cases in the Tailwind class auto-completion mechanism.
Fixed an issue where, in some operating systems, Codux couldn’t find some components, causing them to be grayed out in the Elements panel.
Fixed some mouse cursor issues.
Fixed some performance issues related to the Files tree.
v15.2.1
May 4, 2023
Bug Fixes
Fixed an issue where drilling into a fragment in the Elements panel was malfunctioning.
v15.2.0
May 4, 2023
New Features
Added Tailwind-related functionality to the built-in code editor, including: auto-completion, correct sorting of classes, hover to reveal CSS info, and more.
Improved the product prerequisites installation detection for Node.js and Git.
The Codux configuration file codux.config.json now supports using relative paths.
Improved
A new UI for the Projects screen now allows easy access and navigation to existing projects, new project creation, and product tutorials.
The Properties panel has been updated to display the most pertinent properties of the selected element at the top of the panel. For example, upon selecting a component, the interface’s props will be situated at the top. This functionality has also been incorporated into third-party components in this release.
Improved the default naming convention for board names to create a clear separation between boards and components, and to achieve a faster workflow.
The Escape key now stops dragging actions.
Improved the experience and functionality of the built-in code editor: added fuzzy search for file paths, added highlights in the file tree for the currently opened file, improved CMD+click navigation in the code, and fixed some bugs with type definitions.
Improved error message for ‘no results found’ in the Computed Styles panel.
Bug Fixes
Fixed a minor bug related to the window title.
Improved Electron error logging.
Fixed the code editor “stealing” focus from other UI elements.
Fixed edge cases related to working on inline styles with Styles panel.
Fixed an issue where a thumbnail didn’t show correctly after undoing the deletion of a board.
Fixed an issue where the option to create a pull request was disabled for new projects.
Fixed an issue where changes to the JSON file being imported into a board didn’t appear until refresh.
Fixed an issue where drilling into a recursive component produced unexpected behavior.
Fixed an issue where the layout props in the Styles panel also appeared in the Others category.
Fixed an issue where unclickable elements in breadcrumbs got the wrong mouse cursor.
Fixed the desktop icon for Linux distros.
Fixed an issue in the Computed Styles panel where borders were shown incorrectly.
Fixed an issue where a dialog didn’t close as expected when creating a new folder.
Fixed an issue where Tailwind configuration would only apply after relaunching Codux.
v15.1.0
March 29, 2023
New Features
Codux now includes initial support for Tailwind CSS! You can easily configure and apply Tailwind CSS styles as you’d normally do in code, and see them reflected in your Codux Boards. See here for more details.
You can now edit a component’s structure from the stage by dragging and dropping, making it easier to add and arrange components.
We’ve added quick-start templates to Codux! Now, when you choose to create a new project, you’ll be able to not just choose from blank templates, but also use one of the templates we made with example components to get you started on your new project.
Codux will now create a styling file when you try to add a class and there’s no related style file to save it to. All you need to do is set your styling solution in codux.config.json using the new solution key.
We introduced the ability to import Style variables (CSS, Scss, Stylable) using the global board setup configuration. Now you can use global variables in all components and scopes of your boards, even if they aren’t already imported (they will be automatically imported if used). See here for more information.
Improved
When creating a new component, Codux will now be drilled-in to the scope of the component and not its board.
We've made some changes to the way empty state texts are displayed in the Styles panel.
We added support for new behaviors introduced in Sass 1.59.x.
We improved the way that the Computed Styles panel appears when there are no styles to view.
Codux no longer shows child props for components that don’t have any.
We introduced a shortcut that lets you double-click on a text node to go straight to the Properties panel where it can be edited.
Codux now has new icons and styling in the file explorer!
Context menus should now behave more consistently.
Bug fixes
Fixed an issue where creating a project with a space in its name or path led to an error.
Fixed an issue related to a dubious ownership error that sometimes occurred while using Git.
Fixed an issue where a selector tooltip stayed open after scrolling.
Fixed an issue where the opacity property value in the Styles panel was partially cut off.
Fixed an issue in the code drawer where the ‘go to definition’ preview action was blank.
Fixed an issue on the stage where the correct position of the canvas frame wasn’t always shown after it was changed.
v15.0.1
February 22, 2023
Bug Fixes
Login related bug fixes.
v15.0.0
February 21, 2023
New Features
Deprecated support for node-sass.
Added a new project template for Vite projects.
Added a link to the Codux video tutorials site to the top menu.
Added initial support for projects that are using the pNPM package manager.
Added a diagnostics tool for users encountering issues while Codux checks that the correct versions of Git and Node.js are installed.
Added optional configuration to specify Node.js and Git binary locations, and the shell for Codux to use.
Improved
You can now open the relevant code editor tabs when drilling into components in the Elements panel.
Components now maintain their state when a board is refreshed or re-rendered.
Optimized performance when rendering boards.
Added the Open in VS Code menu option to context menus and panels across Codux.
Props in the right panel are now ordered based on their relevance to the selected component.
Adjusted the sorting of items in menus across Codux.
Updated the icon for block elements.
Modified some tooltip texts to make them clearer.
Updated the styling for when locking a shortened CSS property controller in the Styles panel (such as padding, margin, etc.)
Components on the stage are now highlighted with different colors to represent their type.
The boards gallery now loads faster.
Added the ability to create new components from the Add Elements panel.
Improved the styling of breadcrumbs on the left side on the UI.
Updated the styling of the Edit Component button in the Elements panel, to make it more easily visible.
Optimized Styles panel performance.
Improved indications when dragging elements in the Elements panel.
Bug Fixes
Fixed an issue where the canvas was selectable when trying to select elements on the stage
Fixed an issue where spaces in paths could break compilation.
Fixed an issue where deleted files would be suggested when creating new classames.
Fixed an issue where conditional classes would always appear disabled.
Fixed an issue where functions could be detected as components if they returned JSX elements.
Fixed an issue that sometimes occurred while undoing a change after switching branches.
Fixed an issue where commits wouldn't work if name and email were not configured in the global Git config.
Fixed an issue where some environment variables would be overwritten by Codux.
Fixed an issue where committing with Git wouldn't work in some cases.
Fixed issues related to reverting changes in a monorepo.
v14.2.4
January 22, 2023
Bug Fixes
Fixed an issue where in certain situations, our prerequisites installer didn’t find the already-installed version of Git.
v14.2.2
January 18, 2023
New Features
Codux now uses the project's Prettier configuration to format code (both when called by the user, or when called by an editor action). Refer here for more information.
Codux now includes indicators throughout the app that provide context-sensitive help through our help widget
We added a search feature to the Styles panel to help you find properties and values easier than before.
When selecting elements from the stage, you can now step-out to the parent scope from a child component by double-clicking outside the currently-selected element.
Codux now categorizes selectors better, and auto-selects a “safe” selector when opening the Styles panel to make the styling experience easier and more intuitive.
You can now clone from any Git provider without first having to log in to your Git provider’s account through Codux! If it’s a public repository, it will just work. If cloning from a private repository, make sure you set up an SSH key, and that you have the correct repository permissions before trying this out.
We’ve added an experimental feature that lets you open a selected element directly in Visual Studio Code through the context menu in the Elements panel.
Improved
We removed the unnecessary “no classes” indication when an element is selected in the UI and has no classes.
We optimized the gallery view to improve rendering time of boards.
We now use the board file name as the default code file tab title for more clarity.
We added a description to the “successful clone” dialog to help users better understand that their clone was completed successfully.
We changed the size of the Home tab to make for a more intuitive navigation experience.
We changed Codux to use a dynamically-allocated, system-assigned port (localhost) instead of a predefined one to avoid any collisions.
Bug Fixes
Fixed an issue where the wrong visualizers were added to the “Others” style properties section.
Fixed an issue where two tabs could appear in the code drawer for a single file.
Fixed an issue that was preventing the contextual panel from displaying correctly after component or board was deleted outside Codux
v14.1.0
December 28, 2022
New Features
Added initial support for inline styles.
Added initial support for the classNames library
Improved
Improved the general UI and navigation in Codux, the main editor view, the left navigation panel, the Home page, and the components list.
Made a number of improvements to the stage so that boards reflect the undoing of new file creation quicker.
We improved the way toast messages and content in other areas show up in Codux.
Improved how the board recovers from errors.
Improved completions for CSS/Sass in the code editor.
File tree root node now expands by default.
Bug Fixes
Fixed a bug in the Style panel where background layers appeared more than once.
Fixed an issue where computed styles only showed after drilling into an element.
Fixed an issue related to NodeJS identification.
Fixed issues related to dragging elements in the Elements tree.
Fixed issues related to Git Diff not opening for certain project structures.
Fixed issues in the code editor and code drawer experience.
v14.0.2
December 18, 2022
Bug Fixes
Made a number of changes to the preview and editing of components to improve the compatibility of Codux with older Node.js versions.
v14.0.0
December 5, 2022
New Features
We are delighted to announce the release of Codux, formerly known as WCS. With this release, we have added several features and improvements to make your experience even better.
The configuration file format has changed from JavaScript to JSON to make it easier to manage and access your project configuration. Refer here for details on migrating existing configuration and on viewing configuration schema.
We’ve added a new walkthrough to help you explore product features.
Added the ability to duplicate an element (on drag).
You can now create pseudoclasses and apply custom styling for different CSS states.
An alert now shows up if you are using an unsupported version of React or TypeScript.
You can now use the Git Revert button to clear all file changes after merging a branch.
GitLab merge requests can now be created on GitLab projects.
Improved
Codux now supports ES modules resolution for importing and exporting modules.
Elements in the Elements tree can now be duplicated while dragging, and drilled into by double-clicking (with an indication when it cannot be drilled into).
Bug Fixes
Fixed an issue where you couldn’t use the keyboard delete key to delete items from the stage.
v13.5.1
November 6, 2022
New Features
Added the ability to view the Git diff. Now you can see exactly what changed in your code between commits.
Added support for creating merge requests in GitLab.
You can now zoom into a board by holding CTRL/CMD and scrolling.
Improved
We made some visual changes to the Flex and Grid controllers in the Styles Panel, adding icons, changing controller layouts, etc.
We've added support for import.meta.url in TypeScript.
Updated the create new branch modal to make it more user-friendly.
Bug Fixes
Fixed an issue where reverting changes did not work for projects inside monorepos.
Fixed issues when adding or removing multiple imports at once.
Fixed an issue where the prerequisite installer would fail to detect when Git became nonfunctional after a macOS upgrade.
Fixed an issue where tabs were draggable to the left of the homescreen tab.
Fixed an issue with prompts showing up to update @wixc3/react-board even while the latest version is already installed.
Fixed an issue with the categorization of selectors with pseudostates in the Styles panel.
Fixed an issue where components were re-rendered unnecessarily when scoping out of a broken component.
Fixed an issue where jumping to the next word via shortcut didn't work.
Fixed an issue where shortcuts were not disabled when focused on an isolated render.
v13.4.0
September 28, 2022
New Features
Added a link to the release notes in the electron-menu.
Added 'demo project' to the add-project menu.
Added support for variables from other variables in sass.
Improved
WCS now uses ports 5656 and 5657.
Improved styling in the header.
Updated git panel icons in the UI.
Enabled scrolling through lists while dragging items in the elements tree.
Added support for older git versions.
Bug Fixes
Fixed issues in undo-redo.
Fixed an issue with expanding hovered items during drag and drop.
Fixed issues with source-to-dist mechanism.
Fixed an issue where the build-scripts would get stuck after long-running scripts.
Fixed issues in class creation for complex cases.
Fixed an issue where scrolling to the same rule in different boards didn't work as expected.
Fixed text in git dialogs.
Fixed an issue with the range calculation for Monaco code editor completions.
Fixed a bug where CSS parse errors were not being exposed.
Fixed an issue where the scale to fit option wasn't applying the correct value on load.
Fixed text in the style-panel empty state.
Fixed text in board actions and tooltips.
Fixed the text in toast bar when displaying a git https auth error.
Fixed an issue where Flex Controllers were not showing on the style panel.
Fixed an error where projects were created without git support.
Fixed an issue where the right-click menu would open to the right instead of the left when there wasn't enough space.
v13.3.0
September 8, 2022
New Features
We're introducing a brand new tutorial project with lessons to teach some of the fundamentals of WCS. You can open the tutorial project directly from the Add Projects menu.
Improved
We've improved tooltips! Now you can see which keyboard shortcuts apply the same action.
Bug Fixes
Fixed an issue related to drilling into components that are used as children of third-party components.
Fixed an issue where external/third party rules were shown in the view when the rules section was collapsed.
Fixed an issue with Monaco (code editor) reformatting.
Fixed an issue where the Add Panel wasn't showing boards when no components were found.
Fixed some rendering issues on reload.
Fixed an issue where the "Edit code" button wouldn't show up when referencing a node that's not available.
Fixed an issue where the Elements panel didn't recognize map as a repeater expression inside conditional rendering expressions.
Fixed an issue where the stage wasn't updating with new selectors after a class was removed.
Fixed an error message for missing component path.
Fixed an issue with CSS classname generation.
Fixed an issue where the Properties Panel didn’t update when a jsx-element was added.
Fixed an issue where the Elements panel remained in scope even after clicking elsewhere.
Fixed an issue in the Styles panel where the wrong visualizer would be scrolled to the first time.
Fixed an issue related to the incorrect resouliution of @import. You can now import Sass files without explicitly specifying the root.
v13.2.1
August 24, 2022
New Features
We've added a 'create folder' button to the new project dialog, so you can quickly create one for your project.
A new warning message now appears when trying to push to a repo in an organization that doesn’t have WCS listed as a trusted application.
We've added a new 'Account Settings' button to the user menu to take you to the Wix account management page.
Improved
We've just made some improvements to the readability of our scripts output!
We've disabled editing classes for components that don't have a className prop.
We've added an indication to the Elements panel, so you can see at a glance which elements are locked in a forced state.
You will now be logged out if your session cookie has expired.
We've made it so that the element tree is collapsed by default after 2 levels.
We've added caching to board thumbnails so that they render faster!
Now, when you create a new rule, it will automatically be selected. No more fiddling around with the mouse to select rules.
Bug Fixes
Fixed an issue where non self-closing JSX tags were deleted.
Fixed several Sass import-related issues, including assets imports resolutions.
Fixed an issue where deleting a JSX string expression would cause an error.
Fixed an issue where the selection would not show up for non-active elements in the right bar header.
Fixed an issue where items in the elements tree would not expand if the board didn’t render.
Fixed an issue with changing branches that have big changes.
Fixed an issue with the distance markers on the stage overlays not being accurate when zoomed in.
Fixed an issue with the search where it was case-sensitive.
Fixed a bug where runtime errors were not being shown in the preview.
Fixed a bug with repeaters not working correctly when using a for loop.
Fixed some issues with dragging elements on the stage.
Fixed an issue where after updating react-board, the preview didn’t render.
Fixed an issue where hats could not be clicked.
Fixed an issue where the stage wasn't being updated due to a race condition.
Fixed an issue where element lanes were drawn incorrectly.
Fixed an issue where cyclic objects were rendering the Elements panel unusable.
Fixed an issue where expressions in component props and children were not being accounted for in the Elements panel.
Fixed an issue with the Styles panel where setting the background color on a second class was causing issues.
Fixed an issue where the log count would accumulate when reloading the preview,
Fixed an issue where WCS would leave open processes on Windows systems.
Fixed an issue where local components were not updating when you renamed them.
Fixed the Shadow and Border properties in the Styles panel to now preserve variable expressions.
v13.1.0
July 31, 2022
New Features
Added the ability to go back to the project picker by clicking on the ‘wcs’ logo in the top left corner
Improved support for React.fragment
Improved
Better collapsing/expanding behavior when dragging items in the elements tree
Changed icon for the Wix Answers widget
Better error messages for failed class creation
Users are no longer prompted to login to github on startup
Updated some texts in the style panel
Some selector colors have been adjusted
More specific error messages when a new repo can not be created.
Improved styling for markers on the elements tree
React Is not imported into new boards if it is deemed unnecessary based on the tsconfig
Workspace aliases in wcs.config now support sass
Added the relevant tooltip when styles from node_modules cannot be edited
Bug Fixes
Restored Wix Answers widget
Fixed an issue where the “Edit Code” button wouldn't always highlight the desired code.
Fixed an issue where a boards action menu could be cut off by the bottom the screen
Fixed an issue where the wrong message would appear when deleting elements tree nodes.
Fixed an issues where users couldn't drag elements to the bottom the the tree
Fixed an issues where SCSS files wouldn't be compiled correctly if they had an inline comment followed by a use directive
Fixed an issue where the color picker would disappear after typing certain special characters
Fixed the styling for some context menus in the style panel
Fixed an issue where deleting text would trigger deletions in the tree
Fixed performance issues when reloading the stage
v13.0.1
July 17, 2022
New Features
WCS now supports projects built with React v18.0.
The application can now use login data from the user’s GitHub account to fill in commit history.
Actions can now be made to elements in a lane (expressions, repeaters, etc).
The presentation of selectors has been improved.
Align and justify CSS properties are even more correct!
Style rule tooltips and tooltip messages have been adjusted to provide better help.
Added new CSS properties for cursor, opacity, margin, and padding.
Included more CSS display editing capabilities for properties.
Users are now prompted to update the required “@wixc3/react-board” package when the user’s package.json file requests an older, unsupported version, or when an older version is already installed.
Third-party components can now be added to a board through the Add Elements panel.
The Elements panel now supports components that return fragments.
You’ll now know if there’s an error in your wcs.config.js file through handy notifications.
To improve source-to-source support, you no longer need to remap packages separately. Now you can use the “workspaceAlias” key!
CSS properties are now hidden until a style rule is selected.
We now support the @Property variable syntax for native CSS.
You’ll find a handy link to report an issue directly from WCS.
Bug Fixes
Resolved an issue related to shadows.
Corrected issues related to account logins.
Inspect mode no longer turns on unexpectedly.
Elements tree issue has been corrected.
Resolved a small inline styling rule.
Resolved issue with the “Close All Tabs” panel so users are redirected to the next remaining panel.
Fixed multiple issues related to scrolling through the elements tree.
Users are no longer prompted to install a prerequisite even when the project doesn’t have a package.json file.
Max-height and max-width style properties no longer result in errors when using the auto keywords.
Text nodes without explicit styles to display now mention that there are no styles to display.
JSX prop placeholders are no longer treated as elements.
Flickering overlay title present on hover has been resolved.
Fixed handling in the UI when the project path is not a Git repository.
Fixed a grid density styling issue.
Fixed some lane coloring.
Issue preventing users from adding classes from unused style file imports has been resolved.
Fixed an issue related to element lanes where only active layers were shown.
Fixed CSS properties spacing.
Fixed a minor spacing issue in the UI.
Fixed an issue where the Remove button of an element selected through the stage wasn’t actually removed.
Toggling the “children” prop and then undoing/redoing the change now successfully changes the code.
Component discovery time was improved dramatically.
Fixed an issue where text pasted from the clipboard was replaced by text color input.
v12.6.3
July 6, 2022
Future-facing infrastructure changes
Infrastructure
v12.6.2
June 9, 2022
Bug Fixes
Compilation-related bug fixes.
v12.6.1
June 8, 2022
New Features
All boards in your project can be viewed together on the newly-updated home screen.
The Elements tree now provides markers for dragging elements into JSX props. It has also been heavily optimized to improve performance and minor UI issues.
Easily install the required “@wixc3/react-board” dependency visually if it's missing.
The “safeMode” config key has been renamed “safeRender”.
Many styling updates have been introduced, including new controllers for margin, padding, and opacity.
WCS now displays helpful information about your development environment and the project dependency versions. Press CTRL/⌘+ I to see it.
Log into WCS using your Wix credentials, and then use your GitHub credentials when you’re ready to sync changes to and from your repository.
WCS will now alert you when a new version is available for installation. Just follow the prompt when it appears.
We’ve added a brand-new help widget to the lower-right corner of WCS, which gives you access to our helpful documentation from right inside the product!
Bug Fixes
Fixed issues when importing WebP/WebM/AVIF assets.
Fixed an issue where state selectors wouldn't reset properly.
Fixed issues when using multiple sub selectors in pseudo-classes.
Fixed some instances where logging in with GitHub didn’t work.
Fixed board margins to now translate to auto if set to 0px.
Fixed pointer-event behavior.
Fixed incorrect selector inheritance evaluation.
WCS now handles package-lock.json version 2 correctly when creating a new project.