@twilio/create-flex-plugin 5.0.7-beta.0 → 5.1.0

package/dist/lib/cli.d.ts

@@ -13,6 +13,7 @@ export interface CLIArguments {
     t?: string;
     typescript?: boolean;
     s?: boolean;
+    flexui2?: boolean;
 }
 export default class CLI {
     static description: string;

package/dist/lib/cli.js

@@ -121,6 +121,16 @@ var CLI = /** @class */ (function () {
         version: {
             alias: 'v',
         },
+        flexui1: {
+            type: 'boolean',
+            describe: 'Creates a plugin compatible with Flex UI major version 1.0',
+            conflicts: 'flexui2',
+        },
+        flexui2: {
+            type: 'boolean',
+            describe: 'Creates a plugin compatible with Flex UI major version 2.0',
+            conflicts: 'flexui1',
+        },
     };
     return CLI;
 }());

package/dist/lib/cli.js.map

@@ -1 +1 @@
-{"version":3,"file":"cli.js","sourceRoot":"","sources":["../../src/lib/cli.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA6C;AAC7C,yDAAuE;AAEvE,2DAA6E;AAE7E,IAAM,KAAK,GAAG,gCAAe,CAC3B,0CAA0C,EAC1C,EAAE,EACF,YAAY,EACZ,4BAA4B,CAC7B,CAAC;AAkBF;IAmDE,aAAY,GAAY;QAAxB,iBAIC;QAEM,UAAK,GAAG;YAAO,cAAiB;iBAAjB,UAAiB,EAAjB,qBAAiB,EAAjB,IAAiB;gBAAjB,yBAAiB;;;;;;;;4BAC/B,IAAI,GAAiB,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;4BAEnD,qBAAM,uBAAM,CAAC;oCAAY,sBAAA,qCAAgB,CAAC,IAA2B,CAAC,EAAA;yCAAA,CAAC,EAAA;;4BAAvE,SAAuE,CAAC;4BACxE,qBAAI,CAAC,CAAC,CAAC,CAAC;;;;;SACT,CAAC;QAEM,SAAI,GAAG;YACb,8DAA8D;YAC9D,KAAI,CAAC,MAAM,CAAC,KAAK,CAAM,WAAW,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC;QACxD,CAAC,CAAC;QAfA,IAAI,CAAC,MAAM,GAAG,eAAK,CAAC,EAAE,EAAE,GAAG,CAAuB,CAAC;QAEnD,IAAI,CAAC,IAAI,EAAE,CAAC;IACd,CAAC;IAtDa,eAAW,GAAG,KAAK,CAAC;IAEpB,SAAK,GAA+B;QAChD,UAAU,EAAE;YACV,KAAK,EAAE,GAAG;YACV,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,6BAA6B;YACvC,OAAO,EAAE,KAAK;SACf;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,GAAG;YACV,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,0CAA0C;YACpD,OAAO,EAAE,EAAE;SACZ;QACD,UAAU,EAAE;YACV,KAAK,EAAE,GAAG;YACV,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,uCAAuC;YACjD,OAAO,EAAE,EAAE;SACZ;QACD,UAAU,EAAE;YACV,KAAK,EAAE,GAAG;YACV,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,qCAAqC;SAChD;QACD,OAAO,EAAE;YACP,KAAK,EAAE,GAAG;YACV,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,2BAA2B;SACtC;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,GAAG;YACV,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,qCAAqC;SAChD;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,GAAG;YACV,WAAW,EAAE,KAAK;SACnB;QACD,OAAO,EAAE;YACP,KAAK,EAAE,GAAG;SACX;KACF,CAAC;IAqBJ,UAAC;CAAA,AApED,IAoEC;kBApEoB,GAAG"}
+{"version":3,"file":"cli.js","sourceRoot":"","sources":["../../src/lib/cli.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA6C;AAC7C,yDAAuE;AAEvE,2DAA6E;AAE7E,IAAM,KAAK,GAAG,gCAAe,CAC3B,0CAA0C,EAC1C,EAAE,EACF,YAAY,EACZ,4BAA4B,CAC7B,CAAC;AAmBF;IA6DE,aAAY,GAAY;QAAxB,iBAIC;QAEM,UAAK,GAAG;YAAO,cAAiB;iBAAjB,UAAiB,EAAjB,qBAAiB,EAAjB,IAAiB;gBAAjB,yBAAiB;;;;;;;;4BAC/B,IAAI,GAAiB,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;4BAEnD,qBAAM,uBAAM,CAAC;oCAAY,sBAAA,qCAAgB,CAAC,IAA2B,CAAC,EAAA;yCAAA,CAAC,EAAA;;4BAAvE,SAAuE,CAAC;4BACxE,qBAAI,CAAC,CAAC,CAAC,CAAC;;;;;SACT,CAAC;QAEM,SAAI,GAAG;YACb,8DAA8D;YAC9D,KAAI,CAAC,MAAM,CAAC,KAAK,CAAM,WAAW,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC;QACxD,CAAC,CAAC;QAfA,IAAI,CAAC,MAAM,GAAG,eAAK,CAAC,EAAE,EAAE,GAAG,CAAuB,CAAC;QAEnD,IAAI,CAAC,IAAI,EAAE,CAAC;IACd,CAAC;IAhEa,eAAW,GAAG,KAAK,CAAC;IAEpB,SAAK,GAA+B;QAChD,UAAU,EAAE;YACV,KAAK,EAAE,GAAG;YACV,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,6BAA6B;YACvC,OAAO,EAAE,KAAK;SACf;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,GAAG;YACV,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,0CAA0C;YACpD,OAAO,EAAE,EAAE;SACZ;QACD,UAAU,EAAE;YACV,KAAK,EAAE,GAAG;YACV,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,uCAAuC;YACjD,OAAO,EAAE,EAAE;SACZ;QACD,UAAU,EAAE;YACV,KAAK,EAAE,GAAG;YACV,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,qCAAqC;SAChD;QACD,OAAO,EAAE;YACP,KAAK,EAAE,GAAG;YACV,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,2BAA2B;SACtC;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,GAAG;YACV,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,qCAAqC;SAChD;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,GAAG;YACV,WAAW,EAAE,KAAK;SACnB;QACD,OAAO,EAAE;YACP,KAAK,EAAE,GAAG;SACX;QACD,OAAO,EAAE;YACP,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,4DAA4D;YACtE,SAAS,EAAE,SAAS;SACrB;QACD,OAAO,EAAE;YACP,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,4DAA4D;YACtE,SAAS,EAAE,SAAS;SACrB;KACF,CAAC;IAqBJ,UAAC;CAAA,AA9ED,IA8EC;kBA9EoB,GAAG"}

package/dist/lib/commands.d.ts

@@ -12,7 +12,7 @@ export declare const installDependencies: (config: FlexPluginArguments) => Promi
  * @param config {FlexPluginArguments}  the plugin configuration
  * @return {FlexPluginArguments} the updated configuration
  */
-export declare const setupConfiguration: (config: FlexPluginArguments) => FlexPluginArguments;
+export declare const setupConfiguration: (config: FlexPluginArguments) => Promise<FlexPluginArguments>;
 /**
  * Downloads content from GitHub
  *

package/dist/lib/commands.js

@@ -59,6 +59,7 @@ exports.downloadFromGitHub = exports.setupConfiguration = exports.installDepende
 var fs_1 = require("@twilio/flex-dev-utils/dist/fs");
 var spawn_1 = require("@twilio/flex-dev-utils/dist/spawn");
 var lodash_1 = require("@twilio/flex-dev-utils/dist/lodash");
+var flex_dev_utils_1 = require("@twilio/flex-dev-utils");
 var github = __importStar(require("../utils/github"));
 // eslint-disable-next-line @typescript-eslint/no-var-requires, global-require, @typescript-eslint/no-require-imports
 var pkg = require(fs_1.findUp(__filename, 'package.json'));
@@ -96,16 +97,29 @@ exports.installDependencies = installDependencies;
  * @param config {FlexPluginArguments}  the plugin configuration
  * @return {FlexPluginArguments} the updated configuration
  */
-var setupConfiguration = function (config) {
-    var name = config.name || '';
-    config.pluginClassName = lodash_1.upperFirst(lodash_1.camelCase(name)).replace('Plugin', '') + "Plugin";
-    config.pluginNamespace = name.toLowerCase().replace('plugin-', '');
-    config.runtimeUrl = config.runtimeUrl || 'http://localhost:3000';
-    config.targetDirectory = fs_1.resolveCwd(name);
-    config.flexSdkVersion = pkg.devDependencies['@twilio/flex-ui'];
-    config.pluginScriptsVersion = pkg.devDependencies['@twilio/flex-plugin-scripts'];
-    return config;
-};
+var setupConfiguration = function (config) { return __awaiter(void 0, void 0, void 0, function () {
+    var name, _a;
+    return __generator(this, function (_b) {
+        switch (_b.label) {
+            case 0:
+                name = config.name || '';
+                config.pluginClassName = lodash_1.upperFirst(lodash_1.camelCase(name)).replace('Plugin', '') + "Plugin";
+                config.pluginNamespace = name.toLowerCase().replace('plugin-', '');
+                config.runtimeUrl = config.runtimeUrl || 'http://localhost:3000';
+                config.targetDirectory = fs_1.resolveCwd(name);
+                config.flexSdkVersion = pkg.devDependencies['@twilio/flex-ui'];
+                config.pluginScriptsVersion = pkg.devDependencies['@twilio/flex-plugin-scripts'];
+                config.flexui2 = config.flexui2 || false;
+                if (!config.flexui2) return [3 /*break*/, 2];
+                _a = config;
+                return [4 /*yield*/, flex_dev_utils_1.packages.getLatestFlexUIVersion(2)];
+            case 1:
+                _a.flexSdkVersion = _b.sent();
+                _b.label = 2;
+            case 2: return [2 /*return*/, config];
+        }
+    });
+}); };
 exports.setupConfiguration = setupConfiguration;
 /**
  * Downloads content from GitHub

package/dist/lib/commands.js.map

@@ -1 +1 @@
-{"version":3,"file":"commands.js","sourceRoot":"","sources":["../../src/lib/commands.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qDAAoE;AACpE,2DAA0D;AAC1D,6DAA2E;AAE3E,sDAA0C;AAG1C,qHAAqH;AACrH,IAAM,GAAG,GAAG,OAAO,CAAC,WAAM,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC,CAAC;AAExD;;;;;GAKG;AACI,IAAM,mBAAmB,GAAG,UAAO,MAA2B;;;;;gBAC7D,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;gBACxC,IAAI,GAAG,CAAC,SAAS,CAAC,CAAC;gBACnB,OAAO,GAAG;oBACd,GAAG,EAAE,MAAM,CAAC,eAAe;oBAC3B,KAAK,EAAE,OAAO,CAAC,GAAG,CAAC,KAAK;iBACzB,CAAC;gBAEmC,qBAAM,aAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,OAAO,CAAC,EAAA;;gBAAnE,KAA+B,SAAoC,EAAjE,MAAM,YAAA,EAAE,QAAQ,cAAA,EAAE,MAAM,YAAA;gBAEhC,IAAI,QAAQ,KAAK,CAAC,EAAE;oBAClB,MAAM,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC;iBACzB;gBAED,sBAAO,MAAM,EAAC;;;KACf,CAAC;AAfW,QAAA,mBAAmB,uBAe9B;AAEF;;;;;GAKG;AACI,IAAM,kBAAkB,GAAG,UAAC,MAA2B;IAC5D,IAAM,IAAI,GAAG,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC;IAE/B,MAAM,CAAC,eAAe,GAAM,mBAAU,CAAC,kBAAS,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,WAAQ,CAAC;IACtF,MAAM,CAAC,eAAe,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;IACnE,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,IAAI,uBAAuB,CAAC;IACjE,MAAM,CAAC,eAAe,GAAG,eAAU,CAAC,IAAI,CAAC,CAAC;IAC1C,MAAM,CAAC,cAAc,GAAG,GAAG,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC;IAC/D,MAAM,CAAC,oBAAoB,GAAG,GAAG,CAAC,eAAe,CAAC,6BAA6B,CAAC,CAAC;IAEjF,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAXW,QAAA,kBAAkB,sBAW7B;AAEF;;;;;GAKG;AACI,IAAM,kBAAkB,GAAG,UAAO,GAAW,EAAE,GAAW;;;;oBAClD,qBAAM,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,EAAA;;gBAAvC,IAAI,GAAG,SAAgC;gBAE7C,sBAAO,MAAM,CAAC,YAAY,CAAC,IAAI,EAAE,GAAG,CAAC,EAAC;;;KACvC,CAAC;AAJW,QAAA,kBAAkB,sBAI7B"}
+{"version":3,"file":"commands.js","sourceRoot":"","sources":["../../src/lib/commands.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qDAAoE;AACpE,2DAA0D;AAC1D,6DAA2E;AAC3E,yDAAkD;AAElD,sDAA0C;AAG1C,qHAAqH;AACrH,IAAM,GAAG,GAAG,OAAO,CAAC,WAAM,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC,CAAC;AAExD;;;;;GAKG;AACI,IAAM,mBAAmB,GAAG,UAAO,MAA2B;;;;;gBAC7D,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;gBACxC,IAAI,GAAG,CAAC,SAAS,CAAC,CAAC;gBACnB,OAAO,GAAG;oBACd,GAAG,EAAE,MAAM,CAAC,eAAe;oBAC3B,KAAK,EAAE,OAAO,CAAC,GAAG,CAAC,KAAK;iBACzB,CAAC;gBAEmC,qBAAM,aAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,OAAO,CAAC,EAAA;;gBAAnE,KAA+B,SAAoC,EAAjE,MAAM,YAAA,EAAE,QAAQ,cAAA,EAAE,MAAM,YAAA;gBAEhC,IAAI,QAAQ,KAAK,CAAC,EAAE;oBAClB,MAAM,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC;iBACzB;gBAED,sBAAO,MAAM,EAAC;;;KACf,CAAC;AAfW,QAAA,mBAAmB,uBAe9B;AAEF;;;;;GAKG;AACI,IAAM,kBAAkB,GAAG,UAAO,MAA2B;;;;;gBAC5D,IAAI,GAAG,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC;gBAE/B,MAAM,CAAC,eAAe,GAAM,mBAAU,CAAC,kBAAS,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,WAAQ,CAAC;gBACtF,MAAM,CAAC,eAAe,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;gBACnE,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,IAAI,uBAAuB,CAAC;gBACjE,MAAM,CAAC,eAAe,GAAG,eAAU,CAAC,IAAI,CAAC,CAAC;gBAC1C,MAAM,CAAC,cAAc,GAAG,GAAG,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC;gBAC/D,MAAM,CAAC,oBAAoB,GAAG,GAAG,CAAC,eAAe,CAAC,6BAA6B,CAAC,CAAC;gBACjF,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,IAAI,KAAK,CAAC;qBAGrC,MAAM,CAAC,OAAO,EAAd,wBAAc;gBAChB,KAAA,MAAM,CAAA;gBAAkB,qBAAM,yBAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAA;;gBAAhE,GAAO,cAAc,GAAG,SAAwC,CAAC;;oBAGnE,sBAAO,MAAM,EAAC;;;KACf,CAAC;AAjBW,QAAA,kBAAkB,sBAiB7B;AAEF;;;;;GAKG;AACI,IAAM,kBAAkB,GAAG,UAAO,GAAW,EAAE,GAAW;;;;oBAClD,qBAAM,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,EAAA;;gBAAvC,IAAI,GAAG,SAAgC;gBAE7C,sBAAO,MAAM,CAAC,YAAY,CAAC,IAAI,EAAE,GAAG,CAAC,EAAC;;;KACvC,CAAC;AAJW,QAAA,kBAAkB,sBAI7B"}

package/dist/lib/create-flex-plugin.d.ts

@@ -6,6 +6,7 @@ export interface FlexPluginArguments extends CLIArguments {
     pluginScriptsVersion: string;
     pluginClassName: string;
     pluginNamespace: string;
+    flexui2: boolean;
 }
 /**
  * Runs the NPM Installation

package/dist/lib/create-flex-plugin.js

@@ -52,6 +52,8 @@ var templatesRootDir = path_1.resolve(__dirname, '../../templates');
 var templateCorePath = path_1.resolve(templatesRootDir, 'core');
 var templateJsPath = path_1.resolve(templatesRootDir, 'js');
 var templateTsPath = path_1.resolve(templatesRootDir, 'ts');
+var templateJs2Path = path_1.resolve(templatesRootDir, 'js2');
+var templateTs2Path = path_1.resolve(templatesRootDir, 'ts2');
 /**
  * Runs the NPM Installation
  * @param config {FlexPluginArguments}  the configuration
@@ -91,9 +93,9 @@ var _scaffold = function (config) { return __awaiter(void 0, void 0, void 0, fun
                     case 1:
                         // This copies the core such as public/
                         _a.sent();
-                        srcPath = templateJsPath;
+                        srcPath = config.flexui2 ? templateJs2Path : templateJsPath;
                         if (config.typescript) {
-                            srcPath = templateTsPath;
+                            srcPath = config.flexui2 ? templateTs2Path : templateTsPath;
                         }
                         if (!config.template) return [3 /*break*/, 3];
                         dirObject = tmp_1.dirSync();
@@ -138,29 +140,31 @@ var createFlexPlugin = function (config) { return __awaiter(void 0, void 0, void
             case 0: return [4 /*yield*/, validators_1.default(config)];
             case 1:
                 config = _b.sent();
-                config = commands_1.setupConfiguration(config);
+                return [4 /*yield*/, commands_1.setupConfiguration(config)];
+            case 2:
+                config = _b.sent();
                 // Check folder does not exist
                 if (fs_1.default.existsSync(config.targetDirectory)) {
                     throw new flex_dev_utils_1.FlexPluginError(flex_dev_utils_1.singleLineString("Path " + flex_dev_utils_1.logger.coloredStrings.link(config.targetDirectory) + " already exists;", 'please remove it and try again.'));
                 }
                 return [4 /*yield*/, exports._scaffold(config)];
-            case 2:
+            case 3:
                 // Setup the directories
                 if (!(_b.sent())) {
                     throw new flex_dev_utils_1.FlexPluginError('Failed to scaffold project');
                 }
                 // Add new plugin to .twilio-cli/flex/plugins.json
                 return [4 /*yield*/, fs_2.checkPluginConfigurationExists(config.name, config.targetDirectory)];
-            case 3:
+            case 4:
                 // Add new plugin to .twilio-cli/flex/plugins.json
                 _b.sent();
                 _a = config.install;
-                if (!_a) return [3 /*break*/, 5];
+                if (!_a) return [3 /*break*/, 6];
                 return [4 /*yield*/, exports._install(config)];
-            case 4:
-                _a = !(_b.sent());
-                _b.label = 5;
             case 5:
+                _a = !(_b.sent());
+                _b.label = 6;
+            case 6:
                 // Install NPM dependencies
                 if (_a) {
                     flex_dev_utils_1.logger.error('Failed to install dependencies. Please run `npm install` manually.');

package/dist/lib/create-flex-plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"create-flex-plugin.js","sourceRoot":"","sources":["../../src/lib/create-flex-plugin.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0CAAoB;AACpB,6BAAqC;AAErC,yDAA6F;AAC7F,qDAAiG;AACjG,2BAAuE;AAEvE,uCAAyF;AAEzF,wEAAkD;AAClD,mEAA2C;AAE3C,IAAM,gBAAgB,GAAG,cAAO,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAAC;AAC/D,IAAM,gBAAgB,GAAG,cAAO,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;AAC3D,IAAM,cAAc,GAAG,cAAO,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC;AACvD,IAAM,cAAc,GAAG,cAAO,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC;AAWvD;;;;GAIG;AACI,IAAM,QAAQ,GAAG,UAAO,MAA2B;;QACxD,sBAAO,yBAAQ,CAAC,yBAAyB,EAAE;;;gCACzC,qBAAM,8BAAmB,CAAC,MAAM,CAAC,EAAA;;4BAAjC,SAAiC,CAAC;4BAElC,sBAAO,IAAI,EAAC;;;iBACb,CAAC,EAAC;;KACJ,CAAC;AANW,QAAA,QAAQ,YAMnB;AAEF;;;;;GAKG;AACI,IAAM,SAAS,GAAG,UAAO,MAA2B;;;QAGnD,OAAO,GAAG,yBAAQ,CAAC,4BAA4B,EAAE;;;;;oBACrD,uCAAuC;oBACvC,qBAAM,oBAAe,CAAC,gBAAgB,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,EAAA;;wBADvE,uCAAuC;wBACvC,SAAuE,CAAC;wBAGpE,OAAO,GAAG,cAAc,CAAC;wBAC7B,IAAI,MAAM,CAAC,UAAU,EAAE;4BACrB,OAAO,GAAG,cAAc,CAAC;yBAC1B;6BACG,MAAM,CAAC,QAAQ,EAAf,wBAAe;wBACjB,SAAS,GAAG,aAAU,EAAE,CAAC;wBACzB,qBAAM,6BAAkB,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,EAAA;;wBAAzD,SAAyD,CAAC;wBAC1D,OAAO,GAAG,SAAS,CAAC,IAAI,CAAC;;;oBAG3B,iCAAiC;oBACjC,qBAAM,oBAAe,CAAC,OAAO,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,EAAA;;wBAD9D,iCAAiC;wBACjC,SAA8D,CAAC;wBAE/D,iBAAiB;wBACjB,IAAI,CAAC,SAAS,EAAE;4BACR,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;4BAE7C,YAAE,CAAC,UAAU,CACX,WAAI,CAAC,MAAM,CAAC,eAAe,EAAE,oBAAkB,GAAK,CAAC,EACrD,WAAI,CAAC,MAAM,CAAC,eAAe,EAAE,SAAO,MAAM,CAAC,eAAe,SAAI,GAAK,CAAC,CACrE,CAAC;yBACH;wBAED,sBAAO,IAAI,EAAC;;;aACb,CAAC,CAAC;QAEG,OAAO,GAAG;YACd,IAAI,SAAS,EAAE;gBACb,SAAS,CAAC,cAAc,EAAE,CAAC;aAC5B;QACH,CAAC,CAAC;QAEF,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAErC,sBAAO,OAAO,EAAC;;KAChB,CAAC;AA3CW,QAAA,SAAS,aA2CpB;AAEF;;;GAGG;AACI,IAAM,gBAAgB,GAAG,UAAO,MAA2B;;;;oBACvD,qBAAM,oBAAQ,CAAC,MAAM,CAAC,EAAA;;gBAA/B,MAAM,GAAG,SAAsB,CAAC;gBAChC,MAAM,GAAG,6BAAkB,CAAC,MAAM,CAAC,CAAC;gBAEpC,8BAA8B;gBAC9B,IAAI,YAAE,CAAC,UAAU,CAAC,MAAM,CAAC,eAAe,CAAC,EAAE;oBACzC,MAAM,IAAI,gCAAe,CACvB,iCAAgB,CACd,UAAQ,uBAAM,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,qBAAkB,EAC5E,iCAAiC,CAClC,CACF,CAAC;iBACH;gBAGK,qBAAM,iBAAS,CAAC,MAAM,CAAC,EAAA;;gBAD7B,wBAAwB;gBACxB,IAAI,CAAC,CAAC,SAAuB,CAAC,EAAE;oBAC9B,MAAM,IAAI,gCAAe,CAAC,4BAA4B,CAAC,CAAC;iBACzD;gBAED,kDAAkD;gBAClD,qBAAM,mCAA8B,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,eAAe,CAAC,EAAA;;gBADzE,kDAAkD;gBAClD,SAAyE,CAAC;gBAGtE,KAAA,MAAM,CAAC,OAAO,CAAA;yBAAd,wBAAc;gBAAM,qBAAM,gBAAQ,CAAC,MAAM,CAAC,EAAA;;gBAAxB,KAAA,CAAC,CAAC,SAAsB,CAAC,CAAA;;;gBAD/C,2BAA2B;gBAC3B,QAAiD;oBAC/C,uBAAM,CAAC,KAAK,CAAC,oEAAoE,CAAC,CAAC;oBACnF,MAAM,CAAC,OAAO,GAAG,KAAK,CAAC;iBACxB;gBAED,sBAAY,CAAC,MAAM,CAAC,CAAC;;;;KACtB,CAAC;AA7BW,QAAA,gBAAgB,oBA6B3B;AAEF,kBAAe,wBAAgB,CAAC"}
+{"version":3,"file":"create-flex-plugin.js","sourceRoot":"","sources":["../../src/lib/create-flex-plugin.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twilio/create-flex-plugin",
-  "version": "5.0.7-beta.0",
+  "version": "5.1.0",
   "description": "Toolkit to create a new Twilio Flex plugin",
   "keywords": [
     "flex",
@@ -42,14 +42,14 @@
     "test:watch": "cd ../.. && jest packages/create-flex-plugin --watch --color"
   },
   "dependencies": {
-    "@twilio/flex-dev-utils": "5.0.7-beta.0",
+    "@twilio/flex-dev-utils": "5.1.0",
     "esm": "^3.2.25",
     "tmp": "^0.2.1",
     "yargs": "^16.2.0"
   },
   "devDependencies": {
-    "@twilio/flex-plugin": "5.0.7-beta.0",
-    "@twilio/flex-plugin-scripts": "5.0.7-beta.0",
+    "@twilio/flex-plugin": "5.1.0",
+    "@twilio/flex-plugin-scripts": "5.1.0",
     "@twilio/flex-ui": "^1",
     "@types/tmp": "^0.2.1",
     "@types/yargs": "^16.0.4"
@@ -57,5 +57,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "68b1c42ea4658ec0eecf1c5995cdf3283d890d0c"
+  "gitHead": "3c647c2796a9c701e28922139eccf3e1706b29ac"
 }

package/templates/js2/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "{{name}}",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "postinstall": "flex-plugin pre-script-check"
+  },
+  "dependencies": {
+    "flex-plugin-scripts": "{{pluginScriptsVersion}}",
+    "react": "17.0.2",
+    "react-dom": "17.0.2",
+    "prop-types": "^15.7.2",
+    "@twilio-paste/core": "^10.14.0",
+    "@twilio-paste/icons": "^5.7.0"
+  },
+  "devDependencies": {
+    "@twilio/flex-ui": "{{flexSdkVersion}}",
+    "react-test-renderer": "17.0.2"
+  }
+}

package/templates/js2/src/DemoPlugin.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import { FlexPlugin } from 'flex-plugin';
+
+import CustomTaskList from './components/CustomTaskList/CustomTaskList';
+
+const PLUGIN_NAME = '{{pluginClassName}}';
+
+export default class {{pluginClassName}} extends FlexPlugin {
+  constructor() {
+    super(PLUGIN_NAME);
+  }
+
+  /**
+   * This code is run when your plugin is being started
+   * Use this to modify any UI components or attach to the actions framework
+   *
+   * @param flex { typeof import('@twilio/flex-ui') }
+   */
+  async init(flex) {
+    const options = { sortOrder: -1 };
+    flex.AgentDesktopView.Panel1.Content.add(<CustomTaskList key="{{pluginClassName}}-component" />, options);
+  }
+}

package/templates/js2/src/components/CustomTaskList/CustomTaskList.jsx

@@ -0,0 +1,24 @@
+import React, { useState } from 'react';
+
+import { Alert } from '@twilio-paste/core/alert';
+import { Theme } from '@twilio-paste/core/theme';
+import { Text } from '@twilio-paste/core/text';
+
+const CustomTaskList = () => {
+  const [isOpen, setIsOpen] = useState(true);
+  if (!isOpen) {
+    return null;
+  }
+
+  const dismiss = () => setIsOpen(false);
+
+  return (
+    <Theme.Provider theme="default">
+      <Alert onDismiss={dismiss} variant="neutral">
+        <Text>This is a dismissible demo component.</Text>
+      </Alert>
+    </Theme.Provider>
+  );
+};
+
+export default CustomTaskList;

package/templates/js2/src/components/__tests__/CustomTaskList.spec.jsx

@@ -0,0 +1,28 @@
+import React from 'react';
+import { create, act} from 'react-test-renderer'; 
+import { Text } from '@twilio-paste/core/text';
+import { Alert } from '@twilio-paste/core/alert';
+
+import CustomTaskList from '../CustomTaskList/CustomTaskList';
+
+describe('CustomTaskList', () => {
+    it('should load and display dismissable component', () => {
+        const renderer = create(<CustomTaskList />);
+        const root = renderer.root;
+
+        const element = root.findByType(Alert).findByType(Text);
+        expect(element.props.children).toEqual('This is a dismissible demo component.');
+    });
+
+    it('should dismiss component', () => {
+        const renderer = create(<CustomTaskList />);
+        const root = renderer.root;
+
+        const element = root.findByType(Alert).findByType(Text);
+        expect(element.props.children).toEqual('This is a dismissible demo component.');
+
+        // dismiss on click
+        act(root.findByType(Alert).props.onDismiss);
+        expect(root.findAllByType(Alert).length).toEqual(0);
+    });
+});

package/templates/js2/src/index.js

@@ -0,0 +1,5 @@
+import * as FlexPlugin from 'flex-plugin';
+
+import {{pluginClassName}} from './{{pluginClassName}}';
+
+FlexPlugin.loadPlugin({{pluginClassName}});

package/templates/ts2/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "{{name}}",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "postinstall": "flex-plugin pre-script-check"
+  },
+  "dependencies": {
+    "flex-plugin-scripts": "{{pluginScriptsVersion}}",
+    "react": "17.0.2",
+    "react-dom": "17.0.2",
+    "prop-types": "^15.7.2",
+    "@twilio-paste/core": "^10.14.0",
+    "@twilio-paste/icons": "^5.7.0"
+  },
+  "devDependencies": {
+    "@twilio/flex-ui": "{{flexSdkVersion}}",
+    "react-test-renderer": "17.0.2",
+    "typescript": "^4"
+  }
+}

package/templates/ts2/src/DemoPlugin.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+import * as Flex from '@twilio/flex-ui';
+import { FlexPlugin } from 'flex-plugin';
+
+import CustomTaskList from './components/CustomTaskList/CustomTaskList';
+
+const PLUGIN_NAME = '{{pluginClassName}}';
+
+export default class {{pluginClassName}} extends FlexPlugin {
+  constructor() {
+    super(PLUGIN_NAME);
+  }
+
+  /**
+   * This code is run when your plugin is being started
+   * Use this to modify any UI components or attach to the actions framework
+   *
+   * @param flex { typeof Flex }
+   */
+  async init(flex: typeof Flex): Promise<void> {
+    const options: Flex.ContentFragmentProps = { sortOrder: -1 };
+    flex.AgentDesktopView.Panel1.Content.add(<CustomTaskList key="{{pluginClassName}}-component" />, options);
+  }
+}

package/templates/ts2/src/components/CustomTaskList/CustomTaskList.tsx

@@ -0,0 +1,26 @@
+import React, { useState } from 'react';
+
+import { Alert } from '@twilio-paste/core/alert';
+import { Theme } from '@twilio-paste/core/theme';
+import { Text } from '@twilio-paste/core/text';
+
+const CustomTaskList = (): JSX.Element | null => {
+  const [isOpen, setIsOpen] = useState(true);
+  if (!isOpen) {
+    return null;
+  }
+  
+  const dismiss = () => setIsOpen(false);
+  
+  return (
+    <Theme.Provider theme="default">
+      <Alert onDismiss={dismiss} variant="neutral">
+      <Text as="span">This is a dismissible demo component.</Text>
+      </Alert>
+    </Theme.Provider>
+  );
+};
+
+CustomTaskList.displayName = 'foo';
+
+export default CustomTaskList;

package/templates/ts2/src/components/__tests__/CustomTaskList.spec.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+import { create, act} from 'react-test-renderer'; 
+import { Text } from '@twilio-paste/core/text';
+import { Alert } from '@twilio-paste/core/alert';
+
+import CustomTaskList from '../CustomTaskList/CustomTaskList';
+
+describe('CustomTaskList', () => {
+    it('should load and display dismissable component', () => {
+        const renderer = create(<CustomTaskList />);
+        const root = renderer.root;
+
+        const element = root.findByType(Alert).findByType(Text);
+        expect(element.props.children).toEqual('This is a dismissible demo component.');
+    });
+
+    it('should dismiss component', () => {
+        const renderer = create(<CustomTaskList />);
+        const root = renderer.root;
+
+        const element = root.findByType(Alert).findByType(Text);
+        expect(element.props.children).toEqual('This is a dismissible demo component.');
+
+        // dismiss on click
+        act(root.findByType(Alert).props.onDismiss);
+        expect(root.findAllByType(Alert).length).toEqual(0);
+    });
+});

package/templates/ts2/src/index.ts

@@ -0,0 +1,5 @@
+import * as FlexPlugin from 'flex-plugin';
+
+import {{pluginClassName}} from './{{pluginClassName}}';
+
+FlexPlugin.loadPlugin({{pluginClassName}});

package/templates/ts2/tsconfig.json

@@ -0,0 +1,36 @@
+{
+  "compilerOptions": {
+    "baseUrl": "src",
+    "rootDir": ".",
+    "outDir": "build",
+    "target": "es5",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "preserve",
+    "noUnusedLocals": false,
+    "noUnusedParameters": false
+  },
+  "include": [
+    "./src/**/*"
+  ],
+  "exclude": [
+    "./**/*.test.ts",
+    "./**/*.test.tsx",
+    "./**/__mocks__/*.ts",
+    "./**/__mocks__/*.tsx"
+  ]
+}