phonegap-template-vue-f7-split-panel - npm Package Compare versions

Comparing version 2.4.0 to 2.5.0

package.json

 {
   "name": "phonegap-template-vue-f7-split-panel",
-  "version": "2.4.0",
+  "version": "2.5.0",
   "description":
@@ -5,0 +5,0 @@ "A Split View PhoneGap template using Vue.js and Framework7 that degrades to a Panel View on smaller devices",

template/package.json

@@ -7,13 +7,9 @@ {
   "scripts": {
-    "dev":
-      "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
+    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
     "start": "npm run dev",
     "build": "node build/build.js",
-    "unit":
-      "cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run",
-    "unit-watch":
-      "cross-env BABEL_ENV=test karma start test/unit/karma.conf.js",
-    "e2e": "node test/e2e/runner.js",
-    "test": "npm run unit && npm run e2e",
-    "lint": "eslint --ext .js,.vue src test/unit/specs test/e2e/specs",
+    "unit": "cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run",
+    "unit-watch": "cross-env BABEL_ENV=test karma start test/unit/karma.conf.js",
+    "test": "npm run unit",
+    "lint": "eslint --ext .js,.vue src test/unit/specs",
     "cordova-build": "npm run build && cordova build",
@@ -23,10 +19,9 @@ "cordova-run": "npm run build && cordova run browser",
     "cordova-run-android": "npm run build && cordova run android",
-    "copy-fonts":
-      "cpy node_modules/framework7-icons/fonts/*.* src/fonts && cpy node_modules/material-design-icons/iconfont/*.{eot,ttf,woff,woff2} src/fonts",
+    "copy-fonts": "cpy node_modules/framework7-icons/fonts/*.* src/fonts && cpy node_modules/material-design-icons/iconfont/*.{eot,ttf,woff,woff2} src/fonts",
     "postinstall": "npm run copy-fonts"
   },
   "dependencies": {
-    "framework7": "^2.0.7",
-    "framework7-icons": "^0.8.9",
-    "framework7-vue": "^2.0.7",
+    "framework7": "^3.5.2",
+    "framework7-icons": "^2.0.5",
+    "framework7-vue": "^3.5.2",
     "material-design-icons": "^3.0.1",
@@ -36,12 +31,20 @@ "vue": "^2.5.2"
   "devDependencies": {
+    "@babel/core": "^7.0.0",
+    "@babel/plugin-proposal-class-properties": "^7.0.0",
+    "@babel/plugin-proposal-decorators": "^7.0.0",
+    "@babel/plugin-proposal-export-namespace-from": "^7.0.0",
+    "@babel/plugin-proposal-function-sent": "^7.0.0",
+    "@babel/plugin-proposal-json-strings": "^7.0.0",
+    "@babel/plugin-proposal-numeric-separator": "^7.0.0",
+    "@babel/plugin-proposal-throw-expressions": "^7.0.0",
+    "@babel/plugin-syntax-dynamic-import": "^7.0.0",
+    "@babel/plugin-syntax-import-meta": "^7.0.0",
+    "@babel/plugin-syntax-jsx": "^7.0.0",
+    "@babel/plugin-transform-runtime": "^7.0.0",
+    "@babel/preset-env": "^7.0.0",
     "autoprefixer": "^7.1.2",
-    "babel-core": "^6.22.1",
-    "babel-eslint": "^7.1.1",
+    "babel-eslint": "^9.0.0",
     "babel-helper-vue-jsx-merge-props": "^2.0.3",
-    "babel-loader": "^7.1.1",
-    "babel-plugin-syntax-jsx": "^6.18.0",
-    "babel-plugin-transform-runtime": "^6.22.0",
-    "babel-plugin-transform-vue-jsx": "^3.5.0",
-    "babel-preset-env": "^1.3.2",
-    "babel-preset-stage-2": "^6.22.0",
+    "babel-loader": "^8.0.0",
+    "babel-plugin-transform-vue-jsx": "^4.0.1",
     "chai": "^3.5.0",
@@ -69,7 +72,6 @@ "chalk": "^2.0.1",
     "html-webpack-plugin": "^2.30.1",
-    "karma": "^1.3.0",
+    "karma": "^3.1.3",
+    "karma-chrome-launcher": "^2.2.0",
     "karma-coverage": "^1.1.1",
     "karma-mocha": "^1.2.0",
-    "karma-phantomjs-launcher": "^1.0.2",
-    "karma-phantomjs-shim": "^1.4.0",
     "karma-sinon-chai": "^1.2.0",
@@ -80,8 +82,6 @@ "karma-sourcemap-loader": "^0.3.7",
     "mocha": "^3.1.0",
-    "nightwatch": "^0.9.8",
     "node-notifier": "^5.1.2",
+    "opn": "^4.0.2",
     "optimize-css-assets-webpack-plugin": "^3.2.0",
-    "opn": "^4.0.2",
     "ora": "^1.2.0",
-    "phantomjs-prebuilt": "^2.1.3",
     "portfinder": "^1.0.13",
@@ -112,3 +112,7 @@ "postcss-import": "^11.0.0",
   },
-  "browserslist": ["> 1%", "last 2 versions", "not ie <= 8"]
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not ie <= 8"
+  ]
 }

template/src/main.js

@@ -6,9 +6,9 @@ /* eslint-disable no-unused-vars */
 // Import F7
-import Framework7 from 'framework7/dist/framework7.esm.bundle.js';
+import Framework7 from 'framework7/framework7.esm.bundle.js';
 
 // Import F7 Vue Plugin
-import Framework7Vue from 'framework7-vue/dist/framework7-vue.esm.bundle.js';
+import Framework7Vue from 'framework7-vue/framework7-vue.esm.bundle.js';
 
 // Import F7 Styles
-import Framework7Styles from 'framework7/dist/css/framework7.css';
+import Framework7Styles from 'framework7/css/framework7.css';
 
@@ -30,3 +30,3 @@ // Import Icons and App Custom Styles
 // Init F7 Vue Plugin
-Vue.use(Framework7Vue, Framework7);
+Framework7.use(Framework7Vue);
 
@@ -37,14 +37,2 @@ // Init App
   template: '<app/>',
-  // Init Framework7 by passing parameters here
-  framework7: {
-    id: 'io.framework7.testapp', // App bundle ID
-    name: 'Framework7', // App name
-    theme: 'auto', // Automatic theme detection
-    pushStateNoAnimation: true,
-    panel: {
-      leftBreakpoint: 960
-    },
-    // App routes
-    routes: Routes
-  },
   // Register App Component
@@ -51,0 +39,0 @@ components: {

template/test/unit/karma.conf.js

@@ -8,3 +8,3 @@ // This is a karma config file. For more details see
 
-module.exports = function karmaConfig(config) {
+module.exports = function karmaConfig (config) {
   config.set({
@@ -15,4 +15,10 @@ // to run in additional browsers:
     // 2. add it to the `browsers` array below.
-    browsers: ['PhantomJS'],
-    frameworks: ['mocha', 'sinon-chai', 'phantomjs-shim'],
+    browsers: ['Chrome_without_security'],
+    customLaunchers: {
+      Chrome_without_security: {
+        base: 'Chrome',
+        flags: ['--disable-web-security']
+      }
+    },
+    frameworks: ['mocha', 'sinon-chai'],
     reporters: ['spec', 'coverage'],
@@ -29,5 +35,8 @@ files: ['./index.js'],
       dir: './coverage',
-      reporters: [{ type: 'lcov', subdir: '.' }, { type: 'text-summary' }]
+      reporters: [
+        { type: 'lcov', subdir: '.' },
+        { type: 'text-summary' }
+      ]
     }
   });
 };

template/test/unit/specs/About.spec.js

 import Vue from 'vue'; // eslint-disable-line no-unused-vars
 // Import F7
-import Framework7 from 'framework7/dist/framework7.esm.bundle.js';
+import Framework7 from 'framework7/framework7.esm.bundle.js';
 
 // Import F7 Vue Plugin
-import Framework7Vue from 'framework7-vue/dist/framework7-vue.esm.bundle.js';
+import Framework7Vue from 'framework7-vue/framework7-vue.esm.bundle.js';
 
@@ -11,3 +11,3 @@ import About from '@/pages/About';
 // Init F7 Vue Plugin
-Vue.use(Framework7Vue, Framework7);
+//Framework7.use(Framework7Vue);
 
@@ -21,8 +21,3 @@ let vm;
       el: document.createElement('div'),
-      render: h => h(About),
-      // Init Framework7 by passing parameters here
-      // The absolute minimum is an empty routes array
-      framework7: {
-        routes: []
-      }
+      render: h => h(About)
     });
@@ -29,0 +24,0 @@ });

template/test/unit/specs/App.spec.js

@@ -5,9 +5,9 @@ /* eslint-disable no-unused-vars */
 // Import F7
-import Framework7 from 'framework7/dist/framework7.esm.bundle.js';
+import Framework7 from 'framework7/framework7.esm.bundle.js';
 
 // Import F7 Vue Plugin
-import Framework7Vue from 'framework7-vue/dist/framework7-vue.esm.bundle.js';
+import Framework7Vue from 'framework7-vue/framework7-vue.esm.bundle.js';
 
 // Import F7 Styles
-import Framework7Styles from 'framework7/dist/css/framework7.css';
+import Framework7Styles from 'framework7/css/framework7.css';
 
@@ -19,3 +19,3 @@ import App from '@/App';
 // Init F7 Vue Plugin
-Vue.use(Framework7Vue, Framework7);
+Framework7.use(Framework7Vue);
 
@@ -26,9 +26,3 @@ describe('App.vue', () => {
       // eslint-disable-line no-new
-      el: document.createElement('div'),
-      render: h => h(App),
-      // Init Framework7 by passing parameters here
-      // The absolute minimum is an empty routes array
-      framework7: {
-        routes: []
-      }
+      el: document.createElement('div')
     });
@@ -35,0 +29,0 @@ });

template/test/unit/specs/Home.spec.js

 import Vue from 'vue'; // eslint-disable-line no-unused-vars
 // Import F7
-import Framework7 from 'framework7/dist/framework7.esm.bundle.js';
+import Framework7 from 'framework7/framework7.esm.bundle.js';
 
 // Import F7 Vue Plugin
-import Framework7Vue from 'framework7-vue/dist/framework7-vue.esm.bundle.js';
+import Framework7Vue from 'framework7-vue/framework7-vue.esm.bundle.js';
 
@@ -11,3 +11,3 @@ import Home from '@/pages/Home';
 // Init F7 Vue Plugin
-Vue.use(Framework7Vue, Framework7);
+//Framework7.use(Framework7Vue);
 
@@ -21,8 +21,3 @@ let vm;
       el: document.createElement('div'),
-      render: h => h(Home),
-      // Init Framework7 by passing parameters here
-      // The absolute minimum is an empty routes array
-      framework7: {
-        routes: []
-      }
+      render: h => h(Home)
     });
@@ -29,0 +24,0 @@ });

template/test/unit/specs/Services.spec.js

 import Vue from 'vue'; // eslint-disable-line no-unused-vars
 // Import F7
-import Framework7 from 'framework7/dist/framework7.esm.bundle.js';
+import Framework7 from 'framework7/framework7.esm.bundle.js';
 
 // Import F7 Vue Plugin
-import Framework7Vue from 'framework7-vue/dist/framework7-vue.esm.bundle.js';
+import Framework7Vue from 'framework7-vue/framework7-vue.esm.bundle.js';
 
@@ -11,3 +11,3 @@ import Services from '@/pages/Services';
 // Init F7 Vue Plugin
-Vue.use(Framework7Vue, Framework7);
+//Framework7.use(Framework7Vue);
 
@@ -21,8 +21,3 @@ let vm;
       el: document.createElement('div'),
-      render: h => h(Services),
-      // Init Framework7 by passing parameters here
-      // The absolute minimum is an empty routes array
-      framework7: {
-        routes: []
-      }
+      render: h => h(Services)
     });
@@ -29,0 +24,0 @@ });

New alerts

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

Fixed alerts

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

Improved metrics

Number of low supply chain risk alerts

18

decreased by-10%

Worsened metrics

Total package byte prevSize

12271448

decreased by-0.04%

Number of package files

132

decreased by-4.35%

Lines of code

1153

decreased by-12.32%

No dependency changes