Skip to content

Instantly share code, notes, and snippets.

@Konard
Last active March 15, 2024 08:34
Show Gist options
  • Save Konard/a1bfabb1dc33a3e9d30762fef7fecd3a to your computer and use it in GitHub Desktop.
Save Konard/a1bfabb1dc33a3e9d30762fef7fecd3a to your computer and use it in GitHub Desktop.
Simplest possible client handler example for Deep. It can be installed as a package into Deep instance: https://www.npmjs.com/package/@konard/client-handler-example Start Deep instance: https://gitpod.io/#https://github.com/deep-foundation/dev

IMG_2080

IMG_2081

async ({ deep }) => {
  const React = await deep.import('react');
  const { Box } = await deep.import('@chakra-ui/react');

  return ({ fillSize, style, link }) => {
    return <Box
        style={{ width: 300, height: 300, ...style }}
        bg={'bgColor'}
        color={'text'}
        borderColor={'borderColor'}
        borderWidth='1px'
        borderRadius='lg'
        padding={1}
    >
      UI for {link?.id || 0} goes here.
    </Box>
  }
}

IMG_2078

IMG_2079

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment