@appsemble/cli 0.23.0 → 0.23.2

package/README.md

@@ -1,9 +1,9 @@
-# ![](https://gitlab.com/appsemble/appsemble/-/raw/0.23.0/config/assets/logo.svg) Appsemble CLI
+# ![](https://gitlab.com/appsemble/appsemble/-/raw/0.23.2/config/assets/logo.svg) Appsemble CLI
 
 > Manage apps and blocks from the command line.
 
 [![npm](https://img.shields.io/npm/v/@appsemble/cli)](https://www.npmjs.com/package/@appsemble/cli)
-[![GitLab CI](https://gitlab.com/appsemble/appsemble/badges/0.23.0/pipeline.svg)](https://gitlab.com/appsemble/appsemble/-/releases/0.23.0)
+[![GitLab CI](https://gitlab.com/appsemble/appsemble/badges/0.23.2/pipeline.svg)](https://gitlab.com/appsemble/appsemble/-/releases/0.23.2)
 [![Prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://prettier.io)
 
 ## Table of Contents
@@ -144,8 +144,8 @@ arguments.
 appsemble app create
 ```
 
-The Appsemble CLI can be used to create and update apps. For example, to create an app in the
-`apps/my-app` directory, run:
+The Appsemble CLI can be used to create, update and delete apps. For example, to create an app in
+the `apps/my-app` directory, run:
 
 ```sh
 appsemble app publish apps/my-app
@@ -157,6 +157,12 @@ Similarly, to update an app using an app directory, run the following command:
 appsemble app update --id <app-id> <path/to/updated app>.
 ```
 
+To delete an app using the CLI use the following command:
+
+```sh
+appsemble app delete --id <appId>
+```
+
 For a more in depth explanation of how to build apps, use our
 [app building guide](https://appsemble.app/docs/guide).
 
@@ -282,5 +288,5 @@ appsemble run-cronjobs --interval 30
 
 ## License
 
-[LGPL-3.0-only](https://gitlab.com/appsemble/appsemble/-/blob/0.23.0/LICENSE.md) ©
+[LGPL-3.0-only](https://gitlab.com/appsemble/appsemble/-/blob/0.23.2/LICENSE.md) ©
 [Appsemble](https://appsemble.com)

package/commands/app/delete.d.ts

@@ -0,0 +1,10 @@
+import { type Argv } from 'yargs';
+import { type BaseArguments } from '../../types.js';
+interface DeleteAppArguments extends BaseArguments {
+    id: number;
+}
+export declare const command = "delete";
+export declare const description = "Delete an app using the app id.";
+export declare function builder(yargs: Argv): Argv<any>;
+export declare function handler({ clientCredentials, id, remote, }: DeleteAppArguments): Promise<void>;
+export {};

package/commands/app/delete.js

@@ -0,0 +1,21 @@
+import { authenticate, logger } from '@appsemble/node-utils';
+import axios from 'axios';
+export const command = 'delete';
+export const description = 'Delete an app using the app id.';
+export function builder(yargs) {
+    return yargs.option('id', {
+        describe: 'id of the app to be deleted.',
+        demandOption: true,
+    });
+}
+export async function handler({ clientCredentials, id, remote, }) {
+    await authenticate(remote, 'apps:delete', clientCredentials);
+    const response = await axios.get(`/api/apps/${id}`);
+    const { name } = response.data;
+    logger.warn(`Deleting app: ${name}`);
+    axios.delete(`/api/apps/${id}`, {
+        baseURL: remote,
+    });
+    logger.info(`Successfully deleted ${name} app.`);
+}
+//# sourceMappingURL=delete.js.map

package/commands/app/index.js

@@ -1,4 +1,5 @@
 import * as create from './create.js';
+import * as remove from './delete.js';
 import * as extractMessages from './extract-messages.js';
 import * as publish from './publish.js';
 import * as update from './update.js';
@@ -9,6 +10,7 @@ export function builder(yargs) {
     return yargs
         .command(publish)
         .command(create)
+        .command(remove)
         .command(extractMessages)
         .command(update)
         .demandCommand(1);

package/commands/app/publish.d.ts

@@ -12,6 +12,7 @@ interface PublishAppArguments extends BaseArguments {
     paths: string[];
     organization: string;
     template: boolean;
+    demoMode: boolean;
     dryRun: boolean;
     resources: boolean;
     modifyContext: boolean;

package/commands/app/publish.js

@@ -36,6 +36,10 @@ export function builder(yargs) {
         .option('template', {
         describe: 'Whether the app should be marked as a template.',
         type: 'boolean',
+    })
+        .option('demo-mode', {
+        describe: 'Whether the app should be used in demo mode.',
+        type: 'boolean',
     })
         .option('dry-run', {
         describe: 'Whether the API should be called to run without actually creating the app.',

package/commands/app/update.d.ts

@@ -12,6 +12,7 @@ interface UpdateAppArguments extends BaseArguments {
     maskableIcon: NodeJS.ReadStream | ReadStream;
     id: number;
     template: boolean;
+    demoMode: boolean;
     force: boolean;
     visibility: AppVisibility;
     sentryDsn: string;

package/commands/app/update.js

@@ -39,6 +39,10 @@ export function builder(yargs) {
         describe: 'Whether the app should be marked as a template.',
         type: 'boolean',
         default: false,
+    })
+        .option('demo-mode', {
+        describe: 'Whether the app should be used in demo mode.',
+        type: 'boolean',
     })
         .option('force', {
         describe: 'Whether the lock property should be ignored.',

package/commands/cleanupDemoUsers.d.ts

@@ -0,0 +1,6 @@
+import { type Argv } from 'yargs';
+import { type BaseArguments } from '../types.js';
+export declare const command = "cleanup-demo-users";
+export declare const description = "Deletes all demo users from the database.";
+export declare function builder(yargs: Argv): Argv<any>;
+export declare function handler(argv: BaseArguments): Promise<void>;

package/commands/cleanupDemoUsers.js

@@ -0,0 +1,40 @@
+import { serverImport } from '../lib/serverImport.js';
+export const command = 'cleanup-demo-users';
+export const description = 'Deletes all demo users from the database.';
+export function builder(yargs) {
+    return yargs
+        .option('database-host', {
+        desc: 'The host of the database to connect to. This defaults to the connected database container.',
+    })
+        .option('database-port', {
+        desc: 'The port of the database to connect to.',
+        type: 'number',
+        default: 5432,
+    })
+        .option('database-ssl', {
+        desc: 'Use SSL to connect to the database.',
+        type: 'boolean',
+    })
+        .option('database-name', {
+        desc: 'The name of the database to connect to.',
+        implies: ['database-user', 'database-password'],
+    })
+        .option('database-user', {
+        desc: 'The user to use to login to the database.',
+        implies: ['database-name', 'database-password'],
+    })
+        .option('database-password', {
+        desc: 'The password to use to login to the database.',
+        implies: ['database-name', 'database-user'],
+    })
+        .option('database-url', {
+        desc: 'A connection string for the database to connect to. This is an alternative to the separate database related variables.',
+        conflicts: ['database-host', 'database-name', 'database-user', 'database-password'],
+    });
+}
+export async function handler(argv) {
+    const { cleanupDemoUsers, setArgv } = await serverImport('setArgv', 'cleanupDemoUsers');
+    setArgv(argv);
+    return cleanupDemoUsers();
+}
+//# sourceMappingURL=cleanupDemoUsers.js.map

package/commands/cleanupTemplateResources.d.ts

@@ -0,0 +1,6 @@
+import { type Argv } from 'yargs';
+import { type BaseArguments } from '../types.js';
+export declare const command = "cleanup-template-resources";
+export declare const description = "Deletes all non-clonable resources belonging to template apps from the database.";
+export declare function builder(yargs: Argv): Argv<any>;
+export declare function handler(argv: BaseArguments): Promise<void>;

package/commands/cleanupTemplateResources.js

@@ -0,0 +1,40 @@
+import { serverImport } from '../lib/serverImport.js';
+export const command = 'cleanup-template-resources';
+export const description = 'Deletes all non-clonable resources belonging to template apps from the database.';
+export function builder(yargs) {
+    return yargs
+        .option('database-host', {
+        desc: 'The host of the database to connect to. This defaults to the connected database container.',
+    })
+        .option('database-port', {
+        desc: 'The port of the database to connect to.',
+        type: 'number',
+        default: 5432,
+    })
+        .option('database-ssl', {
+        desc: 'Use SSL to connect to the database.',
+        type: 'boolean',
+    })
+        .option('database-name', {
+        desc: 'The name of the database to connect to.',
+        implies: ['database-user', 'database-password'],
+    })
+        .option('database-user', {
+        desc: 'The user to use to login to the database.',
+        implies: ['database-name', 'database-password'],
+    })
+        .option('database-password', {
+        desc: 'The password to use to login to the database.',
+        implies: ['database-name', 'database-user'],
+    })
+        .option('database-url', {
+        desc: 'A connection string for the database to connect to. This is an alternative to the separate database related variables.',
+        conflicts: ['database-host', 'database-name', 'database-user', 'database-password'],
+    });
+}
+export async function handler(argv) {
+    const { cleanupTemplateResources, setArgv } = await serverImport('setArgv', 'cleanupTemplateResources');
+    setArgv(argv);
+    return cleanupTemplateResources();
+}
+//# sourceMappingURL=cleanupTemplateResources.js.map

package/index.js

@@ -6,7 +6,9 @@ import yargs from 'yargs';
 import * as app from './commands/app/index.js';
 import * as asset from './commands/asset/index.js';
 import * as block from './commands/block/index.js';
+import * as cleanupDemoUsers from './commands/cleanupDemoUsers.js';
 import * as cleanupResources from './commands/cleanupResources.js';
+import * as cleanupTemplateResources from './commands/cleanupTemplateResources.js';
 import * as config from './commands/config/index.js';
 import * as login from './commands/login.js';
 import * as logout from './commands/logout.js';
@@ -47,6 +49,8 @@ let parser = yargs(process.argv.slice(2))
     .command(asset)
     .command(block)
     .command(cleanupResources)
+    .command(cleanupDemoUsers)
+    .command(cleanupTemplateResources)
     .command(config)
     .command(login)
     .command(logout)

package/lib/app.d.ts

@@ -32,6 +32,10 @@ interface PublishAppParams {
      * Whether the App should be marked as a template.
      */
     template: boolean;
+    /**
+     * Whether the App should be used in demo mode.
+     */
+    demoMode: boolean;
     /**
      * The icon to upload.
      */
@@ -99,6 +103,10 @@ interface UpdateAppParams {
      * Whether the App should be marked as a template.
      */
     template: boolean;
+    /**
+     * Whether the App should be used in demo mode.
+     */
+    demoMode: boolean;
     /**
      * Whether the locked property should be ignored.
      */

package/lib/app.js

@@ -289,7 +289,7 @@ This block version is not used in the app`);
  * @param argv The command line options used for updating the app.
  */
 export async function updateApp({ clientCredentials, context, force, path, ...options }) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
     const file = await stat(path);
     const formData = new FormData();
     let appsembleContext;
@@ -303,13 +303,14 @@ export async function updateApp({ clientCredentials, context, force, path, ...op
     const remote = (_a = appsembleContext.remote) !== null && _a !== void 0 ? _a : options.remote;
     const id = (_b = appsembleContext.id) !== null && _b !== void 0 ? _b : options.id;
     const template = (_d = (_c = appsembleContext.template) !== null && _c !== void 0 ? _c : options.template) !== null && _d !== void 0 ? _d : false;
-    const visibility = (_e = appsembleContext.visibility) !== null && _e !== void 0 ? _e : options.visibility;
-    const iconBackground = (_f = appsembleContext.iconBackground) !== null && _f !== void 0 ? _f : options.iconBackground;
-    const icon = (_g = options.icon) !== null && _g !== void 0 ? _g : appsembleContext.icon;
-    const maskableIcon = (_h = options.maskableIcon) !== null && _h !== void 0 ? _h : appsembleContext.maskableIcon;
-    const sentryDsn = (_j = appsembleContext.sentryDsn) !== null && _j !== void 0 ? _j : options.sentryDsn;
-    const sentryEnvironment = (_k = appsembleContext.sentryEnvironment) !== null && _k !== void 0 ? _k : options.sentryEnvironment;
-    const googleAnalyticsId = (_l = appsembleContext.googleAnalyticsId) !== null && _l !== void 0 ? _l : options.googleAnalyticsId;
+    const demoMode = (_f = (_e = appsembleContext.demoMode) !== null && _e !== void 0 ? _e : options.demoMode) !== null && _f !== void 0 ? _f : false;
+    const visibility = (_g = appsembleContext.visibility) !== null && _g !== void 0 ? _g : options.visibility;
+    const iconBackground = (_h = appsembleContext.iconBackground) !== null && _h !== void 0 ? _h : options.iconBackground;
+    const icon = (_j = options.icon) !== null && _j !== void 0 ? _j : appsembleContext.icon;
+    const maskableIcon = (_k = options.maskableIcon) !== null && _k !== void 0 ? _k : appsembleContext.maskableIcon;
+    const sentryDsn = (_l = appsembleContext.sentryDsn) !== null && _l !== void 0 ? _l : options.sentryDsn;
+    const sentryEnvironment = (_m = appsembleContext.sentryEnvironment) !== null && _m !== void 0 ? _m : options.sentryEnvironment;
+    const googleAnalyticsId = (_o = appsembleContext.googleAnalyticsId) !== null && _o !== void 0 ? _o : options.googleAnalyticsId;
     logger.info(`App id: ${id}`);
     logger.verbose(`App remote: ${remote}`);
     logger.verbose(`App is template: ${inspect(template, { colors: true })}`);
@@ -321,16 +322,17 @@ export async function updateApp({ clientCredentials, context, force, path, ...op
     }
     formData.append('force', String(force));
     formData.append('template', String(template));
+    formData.append('demoMode', String(demoMode));
     formData.append('visibility', visibility);
     formData.append('iconBackground', iconBackground);
     if (icon) {
         const realIcon = typeof icon === 'string' ? createReadStream(icon) : icon;
-        logger.info(`Using icon from ${(_m = realIcon.path) !== null && _m !== void 0 ? _m : 'stdin'}`);
+        logger.info(`Using icon from ${(_p = realIcon.path) !== null && _p !== void 0 ? _p : 'stdin'}`);
         formData.append('icon', realIcon);
     }
     if (maskableIcon) {
         const realIcon = typeof maskableIcon === 'string' ? createReadStream(maskableIcon) : maskableIcon;
-        logger.info(`Using maskable icon from ${(_o = realIcon.path) !== null && _o !== void 0 ? _o : 'stdin'}`);
+        logger.info(`Using maskable icon from ${(_q = realIcon.path) !== null && _q !== void 0 ? _q : 'stdin'}`);
         formData.append('maskableIcon', realIcon);
     }
     if (sentryDsn) {
@@ -345,7 +347,22 @@ export async function updateApp({ clientCredentials, context, force, path, ...op
         formData.append('googleAnalyticsID', googleAnalyticsId);
     }
     await authenticate(remote, 'apps:write', clientCredentials);
-    const { data } = await axios.patch(`/api/apps/${id}`, formData, { baseURL: remote });
+    let data;
+    try {
+        data = await axios
+            .patch(`/api/apps/${id}`, formData, { baseURL: remote })
+            .then((r) => r.data);
+    }
+    catch (error) {
+        if (!axios.isAxiosError(error)) {
+            throw error;
+        }
+        if (((_s = (_r = error.response) === null || _r === void 0 ? void 0 : _r.data) === null || _s === void 0 ? void 0 : _s.message) !== 'App validation failed') {
+            throw error;
+        }
+        logger.error(error.response.data);
+        process.exit(1);
+    }
     if (file.isDirectory()) {
         // After uploading the app, upload block styles and messages if they are available
         await traverseBlockThemes(path, data.id, remote, force);
@@ -362,7 +379,7 @@ export async function updateApp({ clientCredentials, context, force, path, ...op
  * @param options The options to use for publishing an app.
  */
 export async function publishApp({ clientCredentials, context, dryRun, modifyContext, path, resources, ...options }) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
     const file = await stat(path);
     const formData = new FormData();
     let appsembleContext;
@@ -382,13 +399,14 @@ export async function publishApp({ clientCredentials, context, dryRun, modifyCon
     const remote = (_a = appsembleContext.remote) !== null && _a !== void 0 ? _a : options.remote;
     const organizationId = (_b = appsembleContext.organization) !== null && _b !== void 0 ? _b : options.organization;
     const template = (_d = (_c = appsembleContext.template) !== null && _c !== void 0 ? _c : options.template) !== null && _d !== void 0 ? _d : false;
-    const visibility = (_e = appsembleContext.visibility) !== null && _e !== void 0 ? _e : options.visibility;
-    const iconBackground = (_f = appsembleContext.iconBackground) !== null && _f !== void 0 ? _f : options.iconBackground;
-    const icon = (_g = options.icon) !== null && _g !== void 0 ? _g : appsembleContext.icon;
-    const maskableIcon = (_h = options.maskableIcon) !== null && _h !== void 0 ? _h : appsembleContext.maskableIcon;
-    const sentryDsn = (_j = appsembleContext.sentryDsn) !== null && _j !== void 0 ? _j : options.sentryDsn;
-    const sentryEnvironment = (_k = appsembleContext.sentryEnvironment) !== null && _k !== void 0 ? _k : options.sentryEnvironment;
-    const googleAnalyticsId = (_l = appsembleContext.googleAnalyticsId) !== null && _l !== void 0 ? _l : options.googleAnalyticsId;
+    const demoMode = (_f = (_e = appsembleContext.demoMode) !== null && _e !== void 0 ? _e : options.demoMode) !== null && _f !== void 0 ? _f : false;
+    const visibility = (_g = appsembleContext.visibility) !== null && _g !== void 0 ? _g : options.visibility;
+    const iconBackground = (_h = appsembleContext.iconBackground) !== null && _h !== void 0 ? _h : options.iconBackground;
+    const icon = (_j = options.icon) !== null && _j !== void 0 ? _j : appsembleContext.icon;
+    const maskableIcon = (_k = options.maskableIcon) !== null && _k !== void 0 ? _k : appsembleContext.maskableIcon;
+    const sentryDsn = (_l = appsembleContext.sentryDsn) !== null && _l !== void 0 ? _l : options.sentryDsn;
+    const sentryEnvironment = (_m = appsembleContext.sentryEnvironment) !== null && _m !== void 0 ? _m : options.sentryEnvironment;
+    const googleAnalyticsId = (_o = appsembleContext.googleAnalyticsId) !== null && _o !== void 0 ? _o : options.googleAnalyticsId;
     logger.verbose(`App remote: ${remote}`);
     logger.verbose(`App organization: ${organizationId}`);
     logger.verbose(`App is template: ${inspect(template, { colors: true })}`);
@@ -399,16 +417,17 @@ export async function publishApp({ clientCredentials, context, dryRun, modifyCon
     }
     formData.append('OrganizationId', organizationId);
     formData.append('template', String(template));
+    formData.append('demoMode', String(demoMode));
     formData.append('visibility', visibility);
     formData.append('iconBackground', iconBackground);
     if (icon) {
         const realIcon = typeof icon === 'string' ? createReadStream(icon) : icon;
-        logger.info(`Using icon from ${(_m = realIcon.path) !== null && _m !== void 0 ? _m : 'stdin'}`);
+        logger.info(`Using icon from ${(_p = realIcon.path) !== null && _p !== void 0 ? _p : 'stdin'}`);
         formData.append('icon', realIcon);
     }
     if (maskableIcon) {
         const realIcon = typeof maskableIcon === 'string' ? createReadStream(maskableIcon) : maskableIcon;
-        logger.info(`Using maskable icon from ${(_o = realIcon.path) !== null && _o !== void 0 ? _o : 'stdin'}`);
+        logger.info(`Using maskable icon from ${(_q = realIcon.path) !== null && _q !== void 0 ? _q : 'stdin'}`);
         formData.append('maskableIcon', realIcon);
     }
     if (sentryDsn) {
@@ -434,7 +453,7 @@ export async function publishApp({ clientCredentials, context, dryRun, modifyCon
         if (!axios.isAxiosError(error)) {
             throw error;
         }
-        if (((_q = (_p = error.response) === null || _p === void 0 ? void 0 : _p.data) === null || _q === void 0 ? void 0 : _q.message) !== 'App validation failed') {
+        if (((_s = (_r = error.response) === null || _r === void 0 ? void 0 : _r.data) === null || _s === void 0 ? void 0 : _s.message) !== 'App validation failed') {
             throw error;
         }
         throw new AppsembleError(printAxiosError(filename, yaml, error.response.data.data.errors));

package/lib/authentication.js

@@ -1,5 +1,5 @@
 import { hostname } from 'node:os';
-import { AppsembleError, getKeytar, getService, logger } from '@appsemble/node-utils';
+import { AppsembleError, assertKoaError, getKeytar, getService, logger, throwKoaError, } from '@appsemble/node-utils';
 import inquirer from 'inquirer';
 import Koa from 'koa';
 import open from 'open';
@@ -29,9 +29,9 @@ function waitForCredentials(url) {
                 ({ credentials } = JSON.parse(await raw(ctx.req, { encoding: 'utf8' })));
             }
             catch {
-                ctx.throw(400, 'Invalid JSON');
+                throwKoaError(ctx, 400, 'Invalid JSON');
             }
-            ctx.assert(typeof credentials === 'string' && validate(credentials), 400, 'Invalid client credentials');
+            assertKoaError(typeof credentials === 'string' && validate(credentials), ctx, 400, 'Invalid client credentials');
             ctx.status = 204;
             server.close();
             resolve(credentials);

package/lib/serverImport.d.ts

@@ -4,4 +4,4 @@
  * @param members The names of the exported member to import.
  * @returns The exported member.
  */
-export declare function serverImport<T extends 'cleanupResources' | 'migrate' | 'runCronJobs' | 'setArgv' | 'start'>(...members: T[]): Promise<Record<T, any>>;
+export declare function serverImport<T extends 'cleanupDemoUsers' | 'cleanupResources' | 'cleanupTemplateResources' | 'migrate' | 'runCronJobs' | 'setArgv' | 'start'>(...members: T[]): Promise<Record<T, any>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appsemble/cli",
-  "version": "0.23.0",
+  "version": "0.23.2",
   "description": "The CLI for developing with Appsemble apps and blocks",
   "keywords": [
     "app",
@@ -42,9 +42,9 @@
     "test": "vitest"
   },
   "dependencies": {
-    "@appsemble/node-utils": "0.23.0",
-    "@appsemble/types": "0.23.0",
-    "@appsemble/utils": "0.23.0",
+    "@appsemble/node-utils": "0.23.2",
+    "@appsemble/types": "0.23.2",
+    "@appsemble/utils": "0.23.2",
     "@fortawesome/fontawesome-common-types": "^6.0.0",
     "@koa/cors": "^4.0.0",
     "@odata/parser": "^0.2.0",
@@ -85,7 +85,7 @@
     "yargs": "^17.0.0"
   },
   "devDependencies": {
-    "@appsemble/types": "0.23.0",
+    "@appsemble/types": "0.23.2",
     "@types/concat-stream": "^2.0.0",
     "@types/inquirer": "^9.0.0",
     "@types/normalize-path": "^3.0.0",

package/templates/apps/empty/app-definition.yaml

@@ -6,7 +6,7 @@ pages:
   - name: Example Page A
     blocks:
       - type: action-button
-        version: 0.23.0
+        version: 0.23.2
         parameters:
           icon: arrow-right
         actions:
@@ -17,7 +17,7 @@ pages:
   - name: Example Page B
     blocks:
       - type: action-button
-        version: 0.23.0
+        version: 0.23.2
         parameters:
           icon: arrow-left
         actions:

package/templates/blocks/mini-jsx/package.json

@@ -2,7 +2,7 @@
   "private": true,
   "type": "module",
   "dependencies": {
-    "@appsemble/sdk": "0.23.0",
+    "@appsemble/sdk": "0.23.2",
     "mini-jsx": "^4.0.0"
   }
 }

package/templates/blocks/preact/package.json

@@ -2,8 +2,8 @@
   "private": true,
   "type": "module",
   "dependencies": {
-    "@appsemble/preact": "0.23.0",
-    "@appsemble/sdk": "0.23.0",
+    "@appsemble/preact": "0.23.2",
+    "@appsemble/sdk": "0.23.2",
     "preact": "^10.0.0"
   }
 }

package/templates/blocks/vanilla/package.json

@@ -2,6 +2,6 @@
   "private": true,
   "type": "module",
   "dependencies": {
-    "@appsemble/sdk": "0.23.0"
+    "@appsemble/sdk": "0.23.2"
   }
 }