@appsemble/sdk

Appsemble SDK

Build your own blocks

Installation

npm install @appsemble/sdk

Getting started

Register a bootstrap function.

import { bootstrap } from '@appsemble/sdk';

bootstrap(({ shadowRoot }) => {
  const root = document.createElement('span');
  root.textContent = 'Hello world!';
  shadowRoot.append(root);
});

Or even simpler

import { attach } from '@appsemble/sdk';

attach(() => {
  const root = document.createElement('span');
  root.textContent = 'Hello world!';
  return root;
});

Note: The script will be loaded only once. The bootstrap function is then called for every instance of your block type that is loaded by the app creator.

Changelog

[0.18.6] - 2021-04-09

Added

• Studio: Add option to reorder array items in the resource editor.
• Studio: Add option to sort primitive types in the resource editor.
• Studio: Add options to hide properties from the resource table.

Changed

• Sdk: Actions should be called directly instead of calling dispatch().
• Studio: Display name of organizations instead of the ID whenever possible.

Fixed

• Sdk: Return the correct URL when calling href() on link actions.
• Studio: Fix issue where array items were not inserted properly in the resource editor.