Judo: Design and Build Apps Hack 2.2 + Redeem Codes

OVERVIEW

The biggest change in Judo 2.2 is the introduction of device bezels around components that are set to Simulate Device. This helps visualize the effect of the safe area on your designs—the area that houses the notch, Dynamic Island and home indicator.

When you insert a Tab View or Navigation Stack at the root of your component, you can now see how the toolbars in iOS automatically extend into the safe areas.

If you insert a layer that fills its parent's space—such as a Rectangle—you'll see that by default it respects the safe area. This ensures your content is not occluded by the notch and that your content does not interfere with the use of the home indicator.

Sometimes you want your content to extend into the safe areas—the same way as Tab Views and Navigation Views. This is done in SwiftUI with the use of the ignoresSafeArea(_:edges:) modifier. Judo will be adding support for this in our upcoming 3.0 release.

NEW FEATURES

• When you have an Image layer selected, the Inspector Panel now displays a summary of the supported configurations below the Image Picker.
• When an Image layer has Template mode enabled, the Add Modifier menu will now suggest the Foreground Color modifier to tint the image.
• Pressing ⌘B will now add a Bold modifier to the currently selected layer(s) and similarly ⌘I will add an Italic modifier.
• Keyboard shortcuts were added for creating components (⌥⌘K) and detaching components (⌥⌘B).
• The Insert menu was reorganized to better group layers of similar types.
• The Layer menu now has a Collapse Layers option which collapses all the layers in the LayersPanel. You can also press ⌥L to invoke this feature.
• Pressing ⌘D will now duplicate the current selection saving you a step when you want to copy and paste in place.
• You can now type the dot character (.) in the Add Modifier menu to list _all_ modifiers. You can then further refine the list by continuing to type the name of the modifier you are searching for.

RESOLVED ISSUES

• Dragging to reorder modifiers had an "off-by-one" error which made dropping in the correct place awkward. This has now been fixed.
• When detaching components with bound properties the layers using those properties would have their values reset to empty. This has been fixed.
• The SwiftUI code generated for ZStacks is now printing in the correct order.
• A bug was fixed which prevented passing data from a Data Source through to another component used as the destination in a Navigation Link.
• The Insert > Component menu in the main menu now correctly lists the components that have Show in Insert Menu checked.

New Features in Judo 2.1
- When adding the padding modifier, it will now set the vertical and horizontal values to 16 by default.
- Pressing shift+return when editing the contents of a Text layer will now insert a line break.
- Background, Overlay and Mask modifiers default to Rounded Rectangle instead of Rectangle. This makes it faster to apply a corner radius.
- Holding shift and pressing the up/down arrows when a numeric text field has focus will increment or decrement the value by 8 instead of 10 to better align with standard SwiftUI spacing values.
- When detaching a component, it will no longer embed the contents in a ZStack unless the Main Component has more than one root layer.
- When inserting a Navigation Link it will now have a default Text label.

Resolved Issues in Judo 2.1
- Tab Views now display the fill variant of symbols for tab items. This aligns with the behavior in SwiftUI.
- When creating a Text layer by pasting text from the clipboard, the Text layer will now be correctly entered in the canvas.
- Creating a component instance property on a Main Component now defaults to the current instance value.
- Fixed an issue with the Add Modifier Button that would sometimes list duplicate modifiers.
- The properties section will no longer show up in the Inspector Panel for component instances when the main component doesn't have any properties to override.

• Components: Similar to components in Figma, or symbols in Sketch, designers can now create reusable elements in Judo 2 that update document-wide as you make changes. Components have replaced what was previously known as a Screen.
• Component Properties: When creating an instance of a component, certain parts can be customized, defined by a set of properties on the main component. In this release you can override text content and swap out nested component instances.
• Modifiers: The inspector panel has been completely redesigned around the concept of SwiftUI modifiers. The full set of modifiers Judo supports is available in a searchable list. Additionally, the inspector panel will suggest modifiers to apply based on the context of the current design.
• Code Preview: The code preview functionality was completely redesigned. It now lives in a panel alongside the canvas. The new panel generates code in real time as you design on the canvas and make adjustments in the inspector panel.
• Navigation: The way you construct interfaces that navigate from one screen to another has been rethought to mirror the approach used by SwiftUI. Two new elements—Navigation Stack and Navigation Link—have been added as well as modifiers for adding toolbar buttons and configuring the appearance of the navigation bar.
• Tab Views: A new Tab View element has been added that represents the SwiftUI equivalent. A Tab View Style modifier configures the way the tabs appear: Either has a bottom bar or as a page style. The page style is similar to the Carousel element in Judo and so the Carousel element has been removed and replaced with Tab Views.
• Judo SDK with a pure SwiftUI API. With a single line of code you can embed a Judo document into an existing SwiftUI (or UIKit) interface: Judo.View("Onboarding Flow").
• Asset Catalog: A central place to manage images used within the document.

Plus many, many more. Visit community.judo.app for all the details.

Bug fixes and performance improvements.

Bug fixes and performance improvements.

• bug fixes & performance improvements

Experiences are now presented full screen instead of modally. Long Pressing two fingers when the experience is open will display a utility menu where you can restart, exit or share the experience.

With a free Judo Cloud account you can publish experiences directly from the Mac app and share them with QR codes or simple links.

- DataSources now have an option to auto refresh at a specified interval.
- Bug fixes and performance improvements.

Resolve an issue where image downloads were prioritized incorrectly causing images to resolve very slowly.

Bug fixes and performance improvements.

- Resolve an issue with key paths to non-existent keys in dictionary objects (both user info and data). The key path would return the parent object rather than `nil`.

- WebViews now support HTML snippets, useful for making faster WebViews that also work offline.
- Improved support for data source JSON with keys with special characters, including object traversal period characters.
- The default logic for determining what the active UIViewController in your app to present Experiences on top of has been improved.

* Resolve an issue with float rounding;
* Resolve an issue with carousels embedded within collections;
* Resolve an issue where collection limits could cause a crash;
* Add a new interpolation helper, `replace`.

- Support for configuring authorization rules for your APIs when using them as Data Sources.
- Fix user input in web views, including for embedded YouTube videos.
- Other bug fixes and usability improvements.

Bug fixes and performance improvements.

Bug fixes and performance improvements.