@dojo/cli-create-app - npm Package Compare versions

Comparing version 5.0.1 to 6.0.0-alpha.1

package.json

 {
     "name": "@dojo/cli-create-app",
-    "version": "5.0.1",
+    "version": "6.0.0-alpha.1",
     "description": "Command to scaffold a new app",
@@ -20,3 +20,3 @@ "homepage": "https://dojo.io",
     "devDependencies": {
-        "@dojo/cli": "^5.0.0",
+        "@dojo/cli": "6.0.0-alpha.3",
         "@dojo/scripts": "~3.1.0",
@@ -23,0 +23,0 @@ "@types/fs-extra": "^5.0.0",

run.js

@@ -16,3 +16,3 @@ "use strict";
         const scripts = {
-            dev: 'dojo build --mode dev --watch file --serve',
+            dev: 'dojo build --mode dev --watch --serve',
             build: 'dojo build --mode dist',
@@ -19,0 +19,0 @@ buildDev: `dojo build --mode dev`,

templates/ts/skeleton/package.json

@@ -14,12 +14,12 @@ {
   "dependencies": {
-    "@dojo/framework": "^5.0.0",
-    "tslib": "~1.8.1"
+    "@dojo/framework": "6.0.0-alpha.18",
+    "tslib": "~1.9.1"
   },
   "devDependencies": {
-    "@dojo/cli": "^5.0.0",
-    "@dojo/cli-build-app": "^5.0.0",
-    "@dojo/cli-test-intern": "^5.0.0",
+    "@dojo/cli": "6.0.0-alpha.3",
+    "@dojo/cli-build-app": "6.0.0-alpha.9",
+    "@dojo/cli-test-intern": "6.0.0-alpha.1",
     "@types/node": "~9.6.5",
-    "typescript": "~2.6.1"
+    "typescript": "~3.4.5"
   }
 }

templates/ts/skeleton/src/main.ts

@@ -1,5 +0,4 @@
-import renderer from '@dojo/framework/widget-core/vdom';
-import { v } from '@dojo/framework/widget-core/d';
+import renderer, { v } from '@dojo/framework/core/vdom';
 
 const r = renderer(() => v('div', ['Hello, Dojo World!']));
 r.mount();

templates/ts/standard/package.json

@@ -14,14 +14,14 @@ {
   "dependencies": {
-    "@dojo/framework": "^5.0.0",
+    "@dojo/framework": "6.0.0-alpha.18",
     "@dojo/themes": "^5.0.0",
-    "@dojo/widgets": "^5.0.0",
-    "tslib": "~1.8.1"
+    "@dojo/widgets": "6.0.0-alpha.4",
+    "tslib": "~1.9.1"
   },
   "devDependencies": {
-    "@dojo/cli": "^5.0.0",
-    "@dojo/cli-build-app": "^5.0.0",
-    "@dojo/cli-test-intern": "^5.0.0",
+    "@dojo/cli": "6.0.0-alpha.3",
+    "@dojo/cli-build-app": "6.0.0-alpha.9",
+    "@dojo/cli-test-intern": "6.0.0-alpha.1",
     "@types/node": "~9.6.5",
-    "typescript": "~2.6.1"
+    "typescript": "~3.4.5"
   }
 }

templates/ts/standard/src/App.ts

@@ -1,4 +0,5 @@
-import WidgetBase from '@dojo/framework/widget-core/WidgetBase';
-import { v, w } from '@dojo/framework/widget-core/d';
+import { create, v, w } from '@dojo/framework/core/vdom';
+import theme from '@dojo/framework/core/middleware/theme';
 import Outlet from '@dojo/framework/routing/Outlet';
+import dojo from '@dojo/themes/dojo';
 
@@ -12,13 +13,16 @@ import Menu from './widgets/Menu';
 
-export default class App extends WidgetBase {
-	protected render() {
-		return v('div', { classes: [css.root] }, [
-			w(Menu, {}),
-			v('div', [
-				w(Outlet, { key: 'home', id: 'home', renderer: () => w(Home, {}) }),
-				w(Outlet, { key: 'about', id: 'about', renderer: () => w(About, {}) }),
-				w(Outlet, { key: 'profile', id: 'profile', renderer: () => w(Profile, { username: 'Dojo User' }) })
-			])
-		]);
+const factory = create({ theme });
+
+export default factory(function App({ middleware: { theme } }) {
+	if (!theme.get()) {
+		theme.set(dojo);
 	}
-}
+	return v('div', { classes: [css.root] }, [
+		w(Menu, {}),
+		v('div', [
+			w(Outlet, { key: 'home', id: 'home', renderer: () => w(Home, {}) }),
+			w(Outlet, { key: 'about', id: 'about', renderer: () => w(About, {}) }),
+			w(Outlet, { key: 'profile', id: 'profile', renderer: () => w(Profile, { username: 'Dojo User' }) })
+		])
+	]);
+});

templates/ts/standard/src/main.ts

@@ -1,7 +0,4 @@
-import renderer from '@dojo/framework/widget-core/vdom';
-import Registry from '@dojo/framework/widget-core/Registry';
-import { w } from '@dojo/framework/widget-core/d';
+import renderer, { w } from '@dojo/framework/core/vdom';
+import Registry from '@dojo/framework/core/Registry';
 import { registerRouterInjector } from '@dojo/framework/routing/RouterInjector';
-import { registerThemeInjector } from '@dojo/framework/widget-core/mixins/Themed';
-import dojo from '@dojo/themes/dojo';
 import '@dojo/themes/dojo/index.css';
@@ -14,5 +11,4 @@
 registerRouterInjector(routes, registry);
-registerThemeInjector(dojo, registry);
 
 const r = renderer(() => w(App, {}));
 r.mount({ registry });

templates/ts/standard/src/widgets/About.ts

@@ -1,10 +0,9 @@
-import WidgetBase from '@dojo/framework/widget-core/WidgetBase';
-import { v } from '@dojo/framework/widget-core/d';
+import { v, create } from '@dojo/framework/core/vdom';
 
 import * as css from './styles/About.m.css';
 
-export default class About extends WidgetBase {
-	protected render() {
-		return v('h1', { classes: [css.root] }, ['About Page']);
-	}
-}
+const factory = create();
+
+export default factory(function Profile() {
+	return v('h1', { classes: [css.root] }, ['About Page']);
+});

templates/ts/standard/src/widgets/Home.ts

@@ -1,10 +0,9 @@
-import WidgetBase from '@dojo/framework/widget-core/WidgetBase';
-import { v } from '@dojo/framework/widget-core/d';
+import { v, create } from '@dojo/framework/core/vdom';
 
 import * as css from './styles/Home.m.css';
 
-export default class Home extends WidgetBase {
-	protected render() {
-		return v('h1', { classes: [css.root] }, ['Home Page']);
-	}
-}
+const factory = create();
+
+export default factory(function Profile() {
+	return v('h1', { classes: [css.root] }, ['Home Page']);
+});

templates/ts/standard/src/widgets/Menu.ts

@@ -1,3 +0,2 @@
-import WidgetBase from '@dojo/framework/widget-core/WidgetBase';
-import { w } from '@dojo/framework/widget-core/d';
+import { create, w } from '@dojo/framework/core/vdom';
 import Link from '@dojo/framework/routing/ActiveLink';
@@ -8,34 +7,34 @@ import Toolbar from '@dojo/widgets/toolbar';
 
-export default class Menu extends WidgetBase {
-	protected render() {
-		return w(Toolbar, { heading: 'My Dojo App!', collapseWidth: 600 }, [
-			w(
-				Link,
-				{
-					to: 'home',
-					classes: [css.link],
-					activeClasses: [css.selected]
-				},
-				['Home']
-			),
-			w(
-				Link,
-				{
-					to: 'about',
-					classes: [css.link],
-					activeClasses: [css.selected]
-				},
-				['About']
-			),
-			w(
-				Link,
-				{
-					to: 'profile',
-					classes: [css.link],
-					activeClasses: [css.selected]
-				},
-				['Profile']
-			)
-		]);
-	}
-}
+const factory = create();
+
+export default factory(function Menu() {
+	return w(Toolbar, { heading: 'My Dojo App!', collapseWidth: 600 }, [
+		w(
+			Link,
+			{
+				to: 'home',
+				classes: [css.link],
+				activeClasses: [css.selected]
+			},
+			['Home']
+		),
+		w(
+			Link,
+			{
+				to: 'about',
+				classes: [css.link],
+				activeClasses: [css.selected]
+			},
+			['About']
+		),
+		w(
+			Link,
+			{
+				to: 'profile',
+				classes: [css.link],
+				activeClasses: [css.selected]
+			},
+			['Profile']
+		)
+	]);
+});

templates/ts/standard/src/widgets/Profile.ts

@@ -1,3 +0,2 @@
-import WidgetBase from '@dojo/framework/widget-core/WidgetBase';
-import { v } from '@dojo/framework/widget-core/d';
+import { v, create } from '@dojo/framework/core/vdom';
 
@@ -10,7 +9,7 @@ import * as css from './styles/Profile.m.css';
 
-export default class Profile extends WidgetBase<ProfileProperties> {
-	protected render() {
-		const { username } = this.properties;
-		return v('h1', { classes: [css.root] }, [`Welcome ${username}!`]);
-	}
-}
+const factory = create().properties<ProfileProperties>();
+
+export default factory(function Profile({ properties }) {
+	const { username } = properties();
+	return v('h1', { classes: [css.root] }, [`Welcome ${username}!`]);
+});

templates/ts/standard/tests/unit/App.ts

 const { describe, it } = intern.getInterface('bdd');
 import harness from '@dojo/framework/testing/harness';
-import { v, w } from '@dojo/framework/widget-core/d';
+import { v, w } from '@dojo/framework/core/vdom';
 import Outlet from '@dojo/framework/routing/Outlet';
@@ -5,0 +5,0 @@

templates/ts/standard/tests/unit/widgets/About.ts

 const { describe, it } = intern.getInterface('bdd');
 import harness from '@dojo/framework/testing/harness';
-import { w, v } from '@dojo/framework/widget-core/d';
+import { w, v } from '@dojo/framework/core/vdom';
 
@@ -5,0 +5,0 @@ import About from '../../../src/widgets/About';

templates/ts/standard/tests/unit/widgets/Home.ts

 const { describe, it } = intern.getInterface('bdd');
 import harness from '@dojo/framework/testing/harness';
-import { w, v } from '@dojo/framework/widget-core/d';
+import { w, v } from '@dojo/framework/core/vdom';
 
@@ -5,0 +5,0 @@ import Home from '../../../src/widgets/Home';

templates/ts/standard/tests/unit/widgets/Menu.ts

 const { describe, it } = intern.getInterface('bdd');
 import harness from '@dojo/framework/testing/harness';
-import { w } from '@dojo/framework/widget-core/d';
+import { w } from '@dojo/framework/core/vdom';
 import Link from '@dojo/framework/routing/ActiveLink';
@@ -5,0 +5,0 @@ import Toolbar from '@dojo/widgets/toolbar';

templates/ts/standard/tests/unit/widgets/Profile.ts

 const { describe, it } = intern.getInterface('bdd');
 import harness from '@dojo/framework/testing/harness';
-import { w, v } from '@dojo/framework/widget-core/d';
+import { w, v } from '@dojo/framework/core/vdom';
 
@@ -5,0 +5,0 @@ import Profile from '../../../src/widgets/Profile';

templates/tsx/skeleton/package.json

@@ -14,12 +14,12 @@ {
   "dependencies": {
-    "@dojo/framework": "^5.0.0",
-    "tslib": "~1.8.1"
+    "@dojo/framework": "6.0.0-alpha.18",
+    "tslib": "~1.9.1"
   },
   "devDependencies": {
-    "@dojo/cli": "^5.0.0",
-    "@dojo/cli-build-app": "^5.0.0",
-    "@dojo/cli-test-intern": "^5.0.0",
+    "@dojo/cli": "6.0.0-alpha.3",
+    "@dojo/cli-build-app": "6.0.0-alpha.9",
+    "@dojo/cli-test-intern": "6.0.0-alpha.1",
     "@types/node": "~9.6.5",
-    "typescript": "~2.6.1"
+    "typescript": "~3.4.5"
   }
 }

templates/tsx/skeleton/tsconfig.json

@@ -29,4 +29,6 @@ {
 		"./src/**/*.ts",
-		"./tests/**/*.ts"
+		"./tests/**/*.ts",
+		"./src/**/*.tsx",
+		"./tests/**/*.tsx"
 	]
 }

templates/tsx/standard/package.json

@@ -14,14 +14,14 @@ {
   "dependencies": {
-    "@dojo/framework": "^5.0.0",
+    "@dojo/framework": "6.0.0-alpha.18",
     "@dojo/themes": "^5.0.0",
-    "@dojo/widgets": "^5.0.0",
-    "tslib": "~1.8.1"
+    "@dojo/widgets": "6.0.0-alpha.4",
+    "tslib": "~1.9.1"
   },
   "devDependencies": {
-    "@dojo/cli": "^5.0.0",
-    "@dojo/cli-build-app": "^5.0.0",
-    "@dojo/cli-test-intern": "^5.0.0",
+    "@dojo/cli": "6.0.0-alpha.3",
+    "@dojo/cli-build-app": "6.0.0-alpha.9",
+    "@dojo/cli-test-intern": "6.0.0-alpha.1",
     "@types/node": "~9.6.5",
-    "typescript": "~2.6.1"
+    "typescript": "~3.4.5"
   }
 }

templates/tsx/standard/tsconfig.json

@@ -29,4 +29,6 @@ {
 		"./src/**/*.ts",
-		"./tests/**/*.ts"
+		"./tests/**/*.ts",
+		"./src/**/*.tsx",
+		"./tests/**/*.tsx"
 	]
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

51476

decreased by-1.04%

Lines of code

813

decreased by-1.93%

Number of low quality alerts

1

increased byInfinity%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes