makeswift

Patch Changes

• c85b202: Recursively serialize Shape control.
• 60d22a3: Add Combobox control.

Patch Changes

• 7611533: Revert "fix: fix Document component"

  This reverts commit 2c2e7e231d1127d4262bd9cb26164d3df85036ba.

• 6201155: Revert "fix: revert Document fix"

  This reverts commit 41a70cd4e0684a9f6e26c66b6495e456417a9ec7.

• 3afd933: Revert "fix: SSR for next/image and Next.js router"

  This reverts commit 394afc19f2c4b20e992ed3058aa386c1d3d22301.

Patch Changes

• 0135bd1: Fix font family isn’t being applied to dropdown links in nav component
• 41a70cd: Revert Document SSR fix.

Patch Changes

• 6dd8bfb: Fix FOUC when using Style control.
• 394afc1: Fix SSR issues with next/image and Next.js' router.

Patch Changes

• 4ebe3dc: Fix snippets not updated immediately after changes
• aa558b3: Fix snippets invoked twice
• 936ab95: Fix scrolling doesn't work in content mode when hovering over a text block
• 392227e: Fix font not applied when added to site

Patch Changes

• 3f140f5: Change Shape control formated value property sort order.
• e815641: Recursively serialize List control. This fixes an issue where nested types in a List control would not be serialized.
• eefeec7: Avoid calling includes on non-string value when suppressing React warnings.
• dd97bce: Fix Form button alignment prop not being applied
• e703d17: Remove label from Shape control.

Patch Changes

• 84c1324: Handle ESC key to change from content mode to build mode.
• 2d3dab2: Fix if you have text selection in the builder, clicking on any of the text panel will remove the text selection bug.
• bb78979: Fix overlay for nested global components are showing the wrong selection, making you unable to edit.

The last release, 0.0.8 didn't properly fix the useInsertionEffect issue. This time it's for real, though!

Patch Changes

• f8b5b96: Fix (again) the opt-in to useInsertionEffect, making sure that transpilers will not attempt to inline the import specifier.

Patch Changes

• a4006a7: Fix transpilation issue that caused useInsertionEffect to be referenced directly in import specifiers.

Patch Changes

• d1dd2fa: Add new Number control.
• 0b64822: Add new Select control.
• 053e1cd: Improve inferred TypeScript types when registering a component.
• 252fece: Add new Image control.
• c76d470: Add new TextArea control.
• ab35043: Add new Checkbox control.
• 471766b: Add new Color control.
• b860dde: Add new TextInput control.
• 1e93d48: Add new List and Shape controls.

Patch Changes

• 85c08d0: Hide scrollbar in builder mode but not in preview.
• d06a708: Apply gutter to navigation logo
• f27521f: Fix Text in preview mode being editable.
• b467150: Fix social icons not sized correctly.
• 0cb56d9: Fix bug where editing global element with Text as the root element isn't working.

Patch Changes

• e14fac2: Opt in to useInsertionEffect with Style control.

• a8272e8: Fix Width control mapping so that it uses maxWidth instead of width.

• 6b36df9: Suppress React warning when passing ref to function component.

• c410d49: Revert change that used react-is to detect when to forward ref.

  Unfortunately using react-is won't work since isForwardRef doesn't give the correct result is the component uses React.memo, React.lazy, or similar variants. Also, react-is would need to be a peer dependency, increasing the integration burden.

Patch Changes

• 82f6afc: Suppress findDOMNode warning.

• a1c8c6a: Fix issue with Navigation builtin component and using colors.

• 5756f33: Use react-is to determine when to forward ref.

• a87afe0: Automatically find DOM nodes if registered component doesn't forward the ref.

  This functionality relies on findDOMNode, which has been deprecated in StrictMode. This means that in StrictMode users will see a warning. Moreover, since we're passing the ref prop to registered components regardless, if the ref isn't forwarded, users will see a warning from React during development prompting them to forward the ref.

Patch Changes

• 265739f: Upgrade Styled Components to latest version. The old version was causing React to log a hook warning whenever a styled component was defined.
• 302e3e7: Add React 18 to peer dependencies.

Patch Changes

• fc7b4f8: Fix Text selection bug not being send to builder

Patch Changes

• 3c5fb6b: Add Style control

  The Style control can be used to control CSS properties such as width, margin, padding, border, and border-radius.

  For example:

  import { ReactRuntime } from "@makeswift/runtime/react";
  import { Style } from "@makeswift/runtime/controls";
  
  ReactRuntime.registerComponent(HelloWorld, {
    type: "hello-world",
    label: "Hello, world!",
    props: {
      className: Style()
    }
  });
  
  const HelloWorld = forwardRef(function HelloWorld(props, ref) {
    return (
      <p {...props} ref={ref}>
        Hello, world!
      </p>
    );
  });
  

  By default Style is configured to provide width and margin overlays and panels. This can be overwritten with the properties configuration option.

  For example:

   import { ReactRuntime } from '@makeswift/runtime/react'
   import { Style } from '@makeswift/runtime/controls'
  
   ReactRuntime.registerComponent(HelloWorld, {
     type: 'hello-world',
     label: 'Hello, world!',
     props: {
  -    className: Style(),
  +    className: Style({
  +      properties: [Style.Width, Style.Margin, Style.Padding],
  +    }),
     }
   })
  

  You can also enable all suppored properties by using the special Style.All preset.

  For example:

   import { ReactRuntime } from '@makeswift/runtime/react'
   import { Style } from '@makeswift/runtime/controls'
  
   ReactRuntime.registerComponent(HelloWorld, {
     type: 'hello-world',
     label: 'Hello, world!',
     props: {
  -    className: Style({
  -      properties: [Style.Width, Style.Margin, Style.Padding],
  -    }),
  +    className: Style({ properties: Style.All }),
     }
   })
  

  Read more about the Style control in our API Reference.