create-appsemble 0.20.8 → 0.20.11

package/{dist/commands → commands}/block.js

@@ -1,17 +1,20 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.handler = exports.builder = exports.description = exports.command = void 0;
-const fs_1 = require("fs");
+const promises_1 = require("fs/promises");
 const path_1 = require("path");
 const node_utils_1 = require("@appsemble/node-utils");
 const fs_extra_1 = require("fs-extra");
-const inquirer_1 = require("inquirer");
-const readPackageJson_1 = require("../lib/readPackageJson");
-const templateDir = (0, path_1.resolve)(__dirname, '../../templates');
+const inquirer_1 = __importDefault(require("inquirer"));
+const package_json_1 = __importDefault(require("../package.json"));
+const templateDir = (0, path_1.resolve)(__dirname, '../templates');
 exports.command = 'block';
 exports.description = 'Bootstrap a new Appsemble block.';
 async function builder(yargs) {
-    const choices = await fs_1.promises.readdir(templateDir);
+    const choices = await (0, promises_1.readdir)(templateDir);
     return yargs
         .option('organization', {
         describe: 'The ID the block should be created for.',
@@ -26,8 +29,8 @@ async function builder(yargs) {
 }
 exports.builder = builder;
 async function handler(args) {
-    const choices = await fs_1.promises.readdir(templateDir);
-    const answers = await (0, inquirer_1.prompt)([
+    const choices = await (0, promises_1.readdir)(templateDir);
+    const answers = await inquirer_1.default.prompt([
         !args.organization && {
             name: 'organization',
             message: 'For which organization is the block?',
@@ -43,7 +46,7 @@ async function handler(args) {
     const organization = answers.organization || args.organization;
     const name = answers.name || args.name;
     const template = answers.template || args.template;
-    const { version } = await (0, readPackageJson_1.readPackageJson)();
+    const { version } = package_json_1.default;
     const outputPath = (0, path_1.join)(process.cwd(), 'blocks', name);
     const inputPath = (0, path_1.join)(templateDir, template);
     const pkgPath = (0, path_1.join)(inputPath, 'package.json');

package/commands/block.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"block.js","sourceRoot":"","sources":["block.ts"],"names":[],"mappings":";;;;;;AAAA,0CAAsC;AACtC,+BAAqC;AAErC,sDAAoE;AACpE,uCAAgC;AAChC,wDAAgC;AAIhC,mEAAkC;AAElC,MAAM,WAAW,GAAG,IAAA,cAAO,EAAC,SAAS,EAAE,cAAc,CAAC,CAAC;AAE1C,QAAA,OAAO,GAAG,OAAO,CAAC;AAClB,QAAA,WAAW,GAAG,kCAAkC,CAAC;AAQvD,KAAK,UAAU,OAAO,CAAC,KAAW;IACvC,MAAM,OAAO,GAAG,MAAM,IAAA,kBAAO,EAAC,WAAW,CAAC,CAAC;IAE3C,OAAO,KAAK;SACT,MAAM,CAAC,cAAc,EAAE;QACtB,QAAQ,EAAE,yCAAyC;KACpD,CAAC;SACD,MAAM,CAAC,MAAM,EAAE;QACd,QAAQ,EAAE,uBAAuB;KAClC,CAAC;SACD,MAAM,CAAC,UAAU,EAAE;QAClB,QAAQ,EAAE,sBAAsB;QAChC,OAAO;KACR,CAAC,CAAC;AACP,CAAC;AAdD,0BAcC;AAEM,KAAK,UAAU,OAAO,CAAC,IAAe;IAC3C,MAAM,OAAO,GAAG,MAAM,IAAA,kBAAO,EAAC,WAAW,CAAC,CAAC;IAC3C,MAAM,OAAO,GAAG,MAAM,kBAAQ,CAAC,MAAM,CACnC;QACE,CAAC,IAAI,CAAC,YAAY,IAAI;YACpB,IAAI,EAAE,cAAc;YACpB,OAAO,EAAE,sCAAsC;SAChD;QACD,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,uCAAuC,EAAE;QAChF,CAAC,IAAI,CAAC,QAAQ,IAAI;YAChB,IAAI,EAAE,UAAU;YAChB,IAAI,EAAE,MAAM;YACZ,OAAO;YACP,OAAO,EAAE,oDAAoD;SAC9D;KACF,CAAC,MAAM,CAAC,OAAO,CAAC,CAClB,CAAC;IAEF,MAAM,YAAY,GAAG,OAAO,CAAC,YAAY,IAAI,IAAI,CAAC,YAAY,CAAC;IAC/D,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC;IACvC,MAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC;IAEnD,MAAM,EAAE,OAAO,EAAE,GAAG,sBAAG,CAAC;IACxB,MAAM,UAAU,GAAG,IAAA,WAAI,EAAC,OAAO,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC;IACvD,MAAM,SAAS,GAAG,IAAA,WAAI,EAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;IAC9C,MAAM,OAAO,GAAG,IAAA,WAAI,EAAC,SAAS,EAAE,cAAc,CAAC,CAAC;IAChD,MAAM,CAAC,QAAQ,CAAC,GAAG,MAAM,IAAA,qBAAQ,EAAc,OAAO,CAAC,CAAC;IACxD,MAAM,SAAS,GAAG;QAChB,IAAI,EAAE,IAAI,YAAY,IAAI,IAAI,EAAE;QAChC,OAAO;QACP,GAAG,QAAQ;KACZ,CAAC;IACF,MAAM,IAAA,eAAI,EAAC,SAAS,EAAE,UAAU,EAAE,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC,CAAC;IACxE,MAAM,IAAA,sBAAS,EAAC,IAAA,WAAI,EAAC,UAAU,EAAE,cAAc,CAAC,EAAE,SAAS,CAAC,CAAC;IAC7D,mBAAM,CAAC,IAAI,CAAC,yBAAyB,YAAY,IAAI,IAAI,IAAI,OAAO,OAAO,UAAU,EAAE,CAAC,CAAC;AAC3F,CAAC;AAnCD,0BAmCC"}

package/commands/block.ts

@@ -0,0 +1,74 @@
+import { readdir } from 'fs/promises';
+import { join, resolve } from 'path';
+
+import { logger, readData, writeData } from '@appsemble/node-utils';
+import { copy } from 'fs-extra';
+import inquirer from 'inquirer';
+import { PackageJson } from 'type-fest';
+import { Argv } from 'yargs';
+
+import pkg from '../package.json';
+
+const templateDir = resolve(__dirname, '../templates');
+
+export const command = 'block';
+export const description = 'Bootstrap a new Appsemble block.';
+
+interface BlockArgs {
+  organization?: string;
+  name?: string;
+  template?: string;
+}
+
+export async function builder(yargs: Argv): Promise<Argv<any>> {
+  const choices = await readdir(templateDir);
+
+  return yargs
+    .option('organization', {
+      describe: 'The ID the block should be created for.',
+    })
+    .option('name', {
+      describe: 'The name of the block',
+    })
+    .option('template', {
+      describe: 'The template to use.',
+      choices,
+    });
+}
+
+export async function handler(args: BlockArgs): Promise<void> {
+  const choices = await readdir(templateDir);
+  const answers = await inquirer.prompt(
+    [
+      !args.organization && {
+        name: 'organization',
+        message: 'For which organization is the block?',
+      },
+      !args.name && { name: 'name', message: 'What should be the name of the block?' },
+      !args.template && {
+        name: 'template',
+        type: 'list',
+        choices,
+        message: 'What kind of block project should be bootstrapped?',
+      },
+    ].filter(Boolean),
+  );
+
+  const organization = answers.organization || args.organization;
+  const name = answers.name || args.name;
+  const template = answers.template || args.template;
+
+  const { version } = pkg;
+  const outputPath = join(process.cwd(), 'blocks', name);
+  const inputPath = join(templateDir, template);
+  const pkgPath = join(inputPath, 'package.json');
+  const [inputPkg] = await readData<PackageJson>(pkgPath);
+  const outputPkg = {
+    name: `@${organization}/${name}`,
+    version,
+    ...inputPkg,
+  };
+  await copy(inputPath, outputPath, { filter: (src) => src !== pkgPath });
+  await writeData(join(outputPath, 'package.json'), outputPkg);
+  logger.info(`Successfully created @${organization}/${name}/${version} at ${outputPath}`);
+}

package/{dist/index.js → index.js}

@@ -30,31 +30,22 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const node_utils_1 = require("@appsemble/node-utils");
 const yargs_1 = __importDefault(require("yargs"));
 const block = __importStar(require("./commands/block"));
-function main() {
-    return yargs_1.default
-        .option('verbose', {
-        alias: 'v',
-        describe: 'Increase verbosity',
-        type: 'count',
-    })
-        .option('quiet', {
-        alias: 'q',
-        describe: 'Decrease verbosity',
-        type: 'count',
-    })
-        .middleware([node_utils_1.configureLogger])
-        .command(block)
-        .demandCommand(1)
-        .fail(node_utils_1.handleError)
-        .help()
-        .completion().argv;
-}
-if (module === require.main) {
-    try {
-        main();
-    }
-    catch (error) {
-        node_utils_1.logger.error(error);
-    }
-}
+yargs_1.default
+    .option('verbose', {
+    alias: 'v',
+    describe: 'Increase verbosity',
+    type: 'count',
+})
+    .option('quiet', {
+    alias: 'q',
+    describe: 'Decrease verbosity',
+    type: 'count',
+})
+    .middleware([node_utils_1.configureLogger])
+    .command(block)
+    .demandCommand(1)
+    .fail(node_utils_1.handleError)
+    .help()
+    .completion()
+    .parse(process.argv.slice(2));
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,sDAAqE;AACrE,kDAA0B;AAE1B,wDAA0C;AAE1C,eAAK;KACF,MAAM,CAAC,SAAS,EAAE;IACjB,KAAK,EAAE,GAAG;IACV,QAAQ,EAAE,oBAAoB;IAC9B,IAAI,EAAE,OAAO;CACd,CAAC;KACD,MAAM,CAAC,OAAO,EAAE;IACf,KAAK,EAAE,GAAG;IACV,QAAQ,EAAE,oBAAoB;IAC9B,IAAI,EAAE,OAAO;CACd,CAAC;KACD,UAAU,CAAC,CAAC,4BAAe,CAAC,CAAC;KAC7B,OAAO,CAAC,KAAK,CAAC;KACd,aAAa,CAAC,CAAC,CAAC;KAChB,IAAI,CAAC,wBAAW,CAAC;KACjB,IAAI,EAAE;KACN,UAAU,EAAE;KACZ,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC"}

package/index.ts

@@ -0,0 +1,24 @@
+#!/usr/bin/env node
+import { configureLogger, handleError } from '@appsemble/node-utils';
+import yargs from 'yargs';
+
+import * as block from './commands/block';
+
+yargs
+  .option('verbose', {
+    alias: 'v',
+    describe: 'Increase verbosity',
+    type: 'count',
+  })
+  .option('quiet', {
+    alias: 'q',
+    describe: 'Decrease verbosity',
+    type: 'count',
+  })
+  .middleware([configureLogger])
+  .command(block)
+  .demandCommand(1)
+  .fail(handleError)
+  .help()
+  .completion()
+  .parse(process.argv.slice(2));

package/jest.config.js

@@ -0,0 +1 @@
+module.exports = require('../../config/jest/config')(__dirname);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-appsemble",
-  "version": "0.20.8",
+  "version": "0.20.11",
   "description": "Bootstrap an Appsemble project",
   "keywords": [
     "app",
@@ -20,18 +20,19 @@
   },
   "license": "LGPL-3.0-only",
   "author": "Appsemble <info@appsemble.com> (https://appsemble.com)",
-  "main": "dist",
-  "bin": "dist/index.js",
+  "bin": "index.js",
   "files": [
-    "dist",
+    "**/*.d.ts",
+    "**/*.js",
+    "!*.config.js",
     "templates"
   ],
   "scripts": {
-    "prepack": "tsc -p tsconfig.build.json",
+    "prepack": "tsc --noEmit false",
     "test": "jest"
   },
   "dependencies": {
-    "@appsemble/node-utils": "0.20.8",
+    "@appsemble/node-utils": "0.20.11",
     "fs-extra": "^10.0.0",
     "inquirer": "^8.0.0",
     "type-fest": "^2.0.0",

package/templates/mini-jsx/package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "dependencies": {
-    "@appsemble/sdk": "0.20.8",
+    "@appsemble/sdk": "0.20.11",
     "mini-jsx": "^3.0.0"
   }
 }

package/templates/mini-jsx/src/index.tsx

@@ -27,7 +27,7 @@ bootstrap(({ events, parameters: { fields }, utils: { fa, remap } }) => {
               <div className={`has-text-weight-bold ${styles.value}`}>
                 {remap(value, data) as string}
               </div>
-              {remappedLabel && <div>{remappedLabel}</div>}
+              {remappedLabel ? <div>{remappedLabel}</div> : null}
             </div>
           );
         }),

package/templates/preact/package.json

@@ -1,8 +1,8 @@
 {
   "private": true,
   "dependencies": {
-    "@appsemble/preact": "0.20.8",
-    "@appsemble/sdk": "0.20.8",
+    "@appsemble/preact": "0.20.11",
+    "@appsemble/sdk": "0.20.11",
     "preact": "^10.0.0"
   }
 }

package/templates/vanilla/package.json

@@ -1,6 +1,6 @@
 {
   "private": true,
   "dependencies": {
-    "@appsemble/sdk": "0.20.8"
+    "@appsemble/sdk": "0.20.11"
   }
 }

package/templates/vanilla/src/index.ts

@@ -1,12 +1,12 @@
 import { bootstrap } from '@appsemble/sdk';
 
 /**
- * @param {Object} actions - Prepared actions the block can dispatch.
- * @param {Object} data - The data that was somehow passed into the block. I.e. data passed in from
+ * @param {Object} actions Prepared actions the block can dispatch.
+ * @param {Object} data The data that was somehow passed into the block. I.e. data passed in from
  * another block.
- * @param {Object} events - Event related functions and constants.
- * @param {Object} pageParameters - Parameters that the app creator defined in the app definition.
- * @param {Object} utils - Some utility functions provided by the Appsemble framework.
+ * @param {Object} events Event related functions and constants.
+ * @param {Object} pageParameters Parameters that the app creator defined in the app definition.
+ * @param {Object} utils Some utility functions provided by the Appsemble framework.
  */
 bootstrap(({ actions, data, events, pageParameters, shadowRoot, utils }) => {
   const button = document.createElement('button');

package/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "extends": "../../tsconfig",
+  "compilerOptions": {
+    "module": "commonjs",
+    "types": ["jest", "node"]
+  }
+}

package/dist/commands/block.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"block.js","sourceRoot":"","sources":["../../src/commands/block.ts"],"names":[],"mappings":";;;AAAA,2BAAoC;AACpC,+BAAqC;AAErC,sDAAoE;AACpE,uCAAgC;AAChC,uCAAkC;AAIlC,4DAAyD;AAEzD,MAAM,WAAW,GAAG,IAAA,cAAO,EAAC,SAAS,EAAE,iBAAiB,CAAC,CAAC;AAE7C,QAAA,OAAO,GAAG,OAAO,CAAC;AAClB,QAAA,WAAW,GAAG,kCAAkC,CAAC;AAQvD,KAAK,UAAU,OAAO,CAAC,KAAW;IACvC,MAAM,OAAO,GAAG,MAAM,aAAE,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;IAE9C,OAAO,KAAK;SACT,MAAM,CAAC,cAAc,EAAE;QACtB,QAAQ,EAAE,yCAAyC;KACpD,CAAC;SACD,MAAM,CAAC,MAAM,EAAE;QACd,QAAQ,EAAE,uBAAuB;KAClC,CAAC;SACD,MAAM,CAAC,UAAU,EAAE;QAClB,QAAQ,EAAE,sBAAsB;QAChC,OAAO;KACR,CAAC,CAAC;AACP,CAAC;AAdD,0BAcC;AAEM,KAAK,UAAU,OAAO,CAAC,IAAe;IAC3C,MAAM,OAAO,GAAG,MAAM,aAAE,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;IAC9C,MAAM,OAAO,GAAG,MAAM,IAAA,iBAAM,EAC1B;QACE,CAAC,IAAI,CAAC,YAAY,IAAI;YACpB,IAAI,EAAE,cAAc;YACpB,OAAO,EAAE,sCAAsC;SAChD;QACD,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,uCAAuC,EAAE;QAChF,CAAC,IAAI,CAAC,QAAQ,IAAI;YAChB,IAAI,EAAE,UAAU;YAChB,IAAI,EAAE,MAAM;YACZ,OAAO;YACP,OAAO,EAAE,oDAAoD;SAC9D;KACF,CAAC,MAAM,CAAC,OAAO,CAAC,CAClB,CAAC;IAEF,MAAM,YAAY,GAAG,OAAO,CAAC,YAAY,IAAI,IAAI,CAAC,YAAY,CAAC;IAC/D,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC;IACvC,MAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC;IAEnD,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,IAAA,iCAAe,GAAE,CAAC;IAC5C,MAAM,UAAU,GAAG,IAAA,WAAI,EAAC,OAAO,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC;IACvD,MAAM,SAAS,GAAG,IAAA,WAAI,EAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;IAC9C,MAAM,OAAO,GAAG,IAAA,WAAI,EAAC,SAAS,EAAE,cAAc,CAAC,CAAC;IAChD,MAAM,CAAC,QAAQ,CAAC,GAAG,MAAM,IAAA,qBAAQ,EAAc,OAAO,CAAC,CAAC;IACxD,MAAM,SAAS,GAAG;QAChB,IAAI,EAAE,IAAI,YAAY,IAAI,IAAI,EAAE;QAChC,OAAO;QACP,GAAG,QAAQ;KACZ,CAAC;IACF,MAAM,IAAA,eAAI,EAAC,SAAS,EAAE,UAAU,EAAE,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC,CAAC;IACxE,MAAM,IAAA,sBAAS,EAAC,IAAA,WAAI,EAAC,UAAU,EAAE,cAAc,CAAC,EAAE,SAAS,CAAC,CAAC;IAC7D,mBAAM,CAAC,IAAI,CAAC,yBAAyB,YAAY,IAAI,IAAI,IAAI,OAAO,OAAO,UAAU,EAAE,CAAC,CAAC;AAC3F,CAAC;AAnCD,0BAmCC"}

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,sDAA6E;AAC7E,kDAA0B;AAE1B,wDAA0C;AAE1C,SAAS,IAAI;IACX,OAAO,eAAK;SACT,MAAM,CAAC,SAAS,EAAE;QACjB,KAAK,EAAE,GAAG;QACV,QAAQ,EAAE,oBAAoB;QAC9B,IAAI,EAAE,OAAO;KACd,CAAC;SACD,MAAM,CAAC,OAAO,EAAE;QACf,KAAK,EAAE,GAAG;QACV,QAAQ,EAAE,oBAAoB;QAC9B,IAAI,EAAE,OAAO;KACd,CAAC;SACD,UAAU,CAAC,CAAC,4BAAe,CAAC,CAAC;SAC7B,OAAO,CAAC,KAAK,CAAC;SACd,aAAa,CAAC,CAAC,CAAC;SAChB,IAAI,CAAC,wBAAW,CAAC;SACjB,IAAI,EAAE;SACN,UAAU,EAAE,CAAC,IAAI,CAAC;AACvB,CAAC;AAED,IAAI,MAAM,KAAK,OAAO,CAAC,IAAI,EAAE;IAC3B,IAAI;QACF,IAAI,EAAE,CAAC;KACR;IAAC,OAAO,KAAc,EAAE;QACvB,mBAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;KACrB;CACF"}

package/dist/lib/readPackageJson.d.ts

@@ -1,9 +0,0 @@
-import { PackageJson } from 'type-fest';
-/**
- * Read package.json
- *
- * TypeScript doesn’t allow importing files from outside of rootDir.
- *
- * @returns The contents of package.json
- */
-export declare function readPackageJson(): Promise<PackageJson>;

package/dist/lib/readPackageJson.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.readPackageJson = void 0;
-const node_utils_1 = require("@appsemble/node-utils");
-/**
- * Read package.json
- *
- * TypeScript doesn’t allow importing files from outside of rootDir.
- *
- * @returns The contents of package.json
- */
-async function readPackageJson() {
-    const [pkg] = await (0, node_utils_1.readData)(require.resolve('../../package.json'));
-    return pkg;
-}
-exports.readPackageJson = readPackageJson;
-//# sourceMappingURL=readPackageJson.js.map

package/dist/lib/readPackageJson.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"readPackageJson.js","sourceRoot":"","sources":["../../src/lib/readPackageJson.ts"],"names":[],"mappings":";;;AAAA,sDAAiD;AAGjD;;;;;;GAMG;AACI,KAAK,UAAU,eAAe;IACnC,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,IAAA,qBAAQ,EAAc,OAAO,CAAC,OAAO,CAAC,oBAAoB,CAAC,CAAC,CAAC;IACjF,OAAO,GAAG,CAAC;AACb,CAAC;AAHD,0CAGC"}