create-powerapps-project 1.3.3 → 1.3.5

package/lib/packageManager.js

@@ -5,7 +5,7 @@ export const install = async (packageManager, packages) => {
     }
     if (packages) {
         if (packages.devDependencies) {
-            spawnSync(packageManager, ['add', ...packages.devDependencies], { stdio: 'inherit', shell: true });
+            spawnSync(packageManager, ['add', ...packages.devDependencies, '-D'], { stdio: 'inherit', shell: true });
         }
         if (packages.dependencies) {
             spawnSync(packageManager, ['add', ...packages.dependencies], { stdio: 'inherit', shell: true });

package/lib/plopfile.js

@@ -311,7 +311,7 @@ export default async (plop) => {
                 },
                 {
                     type: 'add',
-                    templateFile: '../plop-templates/pcf/App.tsx.hbs',
+                    templateFile: '../plop-templates/pcf/App.tsx',
                     path: path.resolve(process.cwd(), '{{name}}', 'App.tsx'),
                     skip: (answers) => {
                         if (!answers.react) {
@@ -322,7 +322,7 @@ export default async (plop) => {
                 },
                 {
                     type: 'add',
-                    templateFile: '../plop-templates/pcf/AppContext.tsx.hbs',
+                    templateFile: '../plop-templates/pcf/AppContext.tsx',
                     path: path.resolve(process.cwd(), '{{name}}', 'contexts', 'AppContext.tsx'),
                     skip: (answers) => {
                         if (!answers.react) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "create-powerapps-project",
   "description": "💧 plop generator for Dataverse development",
-  "version": "1.3.3",
+  "version": "1.3.5",
   "license": "MIT",
   "exports": "./lib/index.js",
   "engines": {

package/plop-templates/pcf/{App.tsx.hbs → App.tsx}

@@ -1,16 +1,19 @@
-import React from 'react';
-import { IInputs } from './generated/ManifestTypes';
-import { AppContext } from './contexts/AppContext';
-
-export const App = (props: { context: ComponentFramework.Context<IInputs>; }) => {
-  const {
-    context
-  } = props;
-
-  return (
-    <AppContext.Provider value={{ context }}>
-    </AppContext.Provider>
-  );
-};
-
-App.displayName = 'App';
+import React from 'react';
+import { IInputs } from './generated/ManifestTypes';
+import { AppContext } from './contexts/AppContext';
+import { initializeIcons } from '@fluentui/react/lib/Icons';
+
+initializeIcons();
+
+export const App = (props: { context: ComponentFramework.Context<IInputs>; }) => {
+  const {
+    context
+  } = props;
+
+  return (
+    <AppContext.Provider value={{ context }}>
+    </AppContext.Provider>
+  );
+};
+
+App.displayName = 'App';

package/plop-templates/pcf/tsconfig.json

@@ -3,6 +3,8 @@
     "compilerOptions": {
         "typeRoots": ["node_modules/@types"],
         "esModuleInterop": true,
-        "target": "ES6"
+        "target": "ES6",
+        "module": "es2015",
+        "moduleResolution": "node"
     }
 }