From 452abef9223b111f658346cf94aeed6a3e2ce10f Mon Sep 17 00:00:00 2001 From: SLathrop Date: Tue, 10 Apr 2018 18:16:39 -0400 Subject: [PATCH 1/4] Add npm script and docs to run examples --- README.md | 7 ++ package.json | 225 ++++++++++++++++++++++++++------------------------- 2 files changed, 120 insertions(+), 112 deletions(-) diff --git a/README.md b/README.md index fe9447a6..91bae294 100644 --- a/README.md +++ b/README.md @@ -181,6 +181,13 @@ This command will start a `webpack-dev-server` with content of `dev` folder. npm run dev ``` +## See Examples in Action +This command will start a `webpack-dev-server` and open your browser in the root folder. From there, +you may click on `examples` and choose an example folder. +```bash +npm run examples +``` + ## Build This command will build a distributable version in the `dist` directory. ```bash diff --git a/package.json b/package.json index 3553883a..b01d8bb4 100644 --- a/package.json +++ b/package.json @@ -1,113 +1,114 @@ { - "name": "vue-form-generator", - "version": "2.2.1", - "description": "A schema-based form generator component for Vue.js", - "homepage": "https://github.com/icebob/vue-form-generator", - "main": "dist/vfg.js", - "scripts": { - "prebuild": "npm run test", - "build:core": "cross-env FULL_BUNDLE=false webpack --progress --config webpack.build.config.js --define process.env.FULL_BUNDLE=false --output-filename=vfg-core.js", - "build:full": "cross-env FULL_BUNDLE=true webpack --progress --config webpack.build.config.js --define process.env.FULL_BUNDLE=true", - "build": "npm run build:core && npm run build:full", - "dev": "webpack-dev-server --config webpack.dev.config.js --inline --hot --content-base dev/", - "lint": "eslint --ext=.js,.vue src test/unit/specs", - "coverall": "cat ./test/unit/coverage/lcov.info | ./node_modules/coveralls/bin/coveralls.js", - "coverage": "npm run test && npm run coverall", - "changelog": "conventional-changelog -i CHANGELOG.md -s", - "changelog:full": "conventional-changelog -i CHANGELOG.md -s -r 0", - "docs": "cd docs && gitbook serve", - "unit": "karma start test/unit/karma.conf.js", - "e2e": "node test/e2e/runner.js", - "pretest": "npm run lint", - "test": "npm run unit", - "ci": "karma start test/unit/karma.conf.js --auto-watch --no-single-run --reporters=dots --port=9877", - "version": "bumped release" - }, - "keywords": [ - "vue", - "vuejs", - "form", - "generator", - "schema", - "json" - ], - "repository": { - "type": "git", - "url": "https://github.com/icebob/vue-form-generator.git" - }, - "files": [ - "dist/vfg.js", - "dist/vfg.css", - "dist/vfg-core.js", - "dist/vfg-core.css", - "src" - ], - "author": "Icebob", - "license": "MIT", - "devDependencies": { - "babel-core": "6.23.1", - "babel-loader": "6.3.1", - "babel-plugin-lodash": "3.2.11", - "babel-plugin-transform-runtime": "6.23.0", - "babel-preset-es2015": "6.22.0", - "babel-preset-stage-2": "6.22.0", - "babel-runtime": "6.23.0", - "bumped": "0.10.9", - "bumped-terminal": "0.7.3", - "chai": "3.5.0", - "conventional-changelog-cli": "1.2.0", - "coveralls": "2.11.16", - "cross-env": "3.1.4", - "css-loader": "0.26.1", - "eslint": "3.15.0", - "eslint-friendly-formatter": "2.0.7", - "eslint-loader": "1.6.1", - "eslint-plugin-html": "2.0.0", - "eslint-plugin-vue": "1.0.0", - "extract-text-webpack-plugin": "1.0.1", - "fakerator": "0.3.0", - "fecha": "2.3.2", - "inject-loader": "2.0.1", - "isparta-loader": "2.0.0", - "karma": "1.4.1", - "karma-chai": "0.1.0", - "karma-chrome-launcher": "1.0.1", - "karma-coverage": "1.1.1", - "karma-coveralls": "1.1.2", - "karma-mocha": "1.3.0", - "karma-phantomjs-launcher": "1.0.2", - "karma-sinon-chai": "1.2.4", - "karma-sourcemap-loader": "0.3.7", - "karma-spec-reporter": "0.0.26", - "karma-webpack": "1.8.0", - "lodash": "4.17.4", - "lolex": "1.5.2", - "mocha": "2.5.3", - "mocha-generators": "1.2.0", - "mocha-loader": "0.7.1", - "node-sass": "4.7.2", - "phantomjs-prebuilt": "2.1.14", - "pug": "2.0.0-beta11", - "pug-loader": "2.3.0", - "sass-loader": "3.2.0", - "sinon": "1.17.7", - "sinon-chai": "2.8.0", - "stats-webpack-plugin": "0.4.3", - "style-loader": "0.13.1", - "vue": "2.1.10", - "vue-hot-reload-api": "2.0.8", - "vue-html-loader": "1.2.3", - "vue-loader": "10.1.2", - "vue-multiselect": "2.0.0-beta.13", - "vue-style-loader": "1.0.0", - "vue-template-compiler": "2.1.10", - "webpack": "1.14.0", - "webpack-dev-middleware": "1.10.0", - "webpack-dev-server": "1.16.2", - "webpack-merge": "0.14.1" - }, - "dependencies": {}, - "publishConfig": { - "access": "public" - } -} + "name": "vue-form-generator", + "version": "2.2.1", + "description": "A schema-based form generator component for Vue.js", + "homepage": "https://github.com/icebob/vue-form-generator", + "main": "dist/vfg.js", + "scripts": { + "prebuild": "npm run test", + "build:core": "cross-env FULL_BUNDLE=false webpack --progress --config webpack.build.config.js --define process.env.FULL_BUNDLE=false --output-filename=vfg-core.js", + "build:full": "cross-env FULL_BUNDLE=true webpack --progress --config webpack.build.config.js --define process.env.FULL_BUNDLE=true", + "build": "npm run build:core && npm run build:full", + "dev": "webpack-dev-server --config webpack.dev.config.js --inline --hot --content-base dev/", + "examples": "webpack-dev-server --config webpack.dev.config.js --no-info --inline --hot --content-base ./ --open", + "lint": "eslint --ext=.js,.vue src test/unit/specs", + "coverall": "cat ./test/unit/coverage/lcov.info | ./node_modules/coveralls/bin/coveralls.js", + "coverage": "npm run test && npm run coverall", + "changelog": "conventional-changelog -i CHANGELOG.md -s", + "changelog:full": "conventional-changelog -i CHANGELOG.md -s -r 0", + "docs": "cd docs && gitbook serve", + "unit": "karma start test/unit/karma.conf.js", + "e2e": "node test/e2e/runner.js", + "pretest": "npm run lint", + "test": "npm run unit", + "ci": "karma start test/unit/karma.conf.js --auto-watch --no-single-run --reporters=dots --port=9877", + "version": "bumped release" + }, + "keywords": [ + "vue", + "vuejs", + "form", + "generator", + "schema", + "json" + ], + "repository": { + "type": "git", + "url": "https://github.com/icebob/vue-form-generator.git" + }, + "files": [ + "dist/vfg.js", + "dist/vfg.css", + "dist/vfg-core.js", + "dist/vfg-core.css", + "src" + ], + "author": "Icebob", + "license": "MIT", + "devDependencies": { + "babel-core": "6.23.1", + "babel-loader": "6.3.1", + "babel-plugin-lodash": "3.2.11", + "babel-plugin-transform-runtime": "6.23.0", + "babel-preset-es2015": "6.22.0", + "babel-preset-stage-2": "6.22.0", + "babel-runtime": "6.23.0", + "bumped": "0.10.9", + "bumped-terminal": "0.7.3", + "chai": "3.5.0", + "conventional-changelog-cli": "1.2.0", + "coveralls": "2.11.16", + "cross-env": "3.1.4", + "css-loader": "0.26.1", + "eslint": "3.15.0", + "eslint-friendly-formatter": "2.0.7", + "eslint-loader": "1.6.1", + "eslint-plugin-html": "2.0.0", + "eslint-plugin-vue": "1.0.0", + "extract-text-webpack-plugin": "1.0.1", + "fakerator": "0.3.0", + "fecha": "2.3.2", + "inject-loader": "2.0.1", + "isparta-loader": "2.0.0", + "karma": "1.4.1", + "karma-chai": "0.1.0", + "karma-chrome-launcher": "1.0.1", + "karma-coverage": "1.1.1", + "karma-coveralls": "1.1.2", + "karma-mocha": "1.3.0", + "karma-phantomjs-launcher": "1.0.2", + "karma-sinon-chai": "1.2.4", + "karma-sourcemap-loader": "0.3.7", + "karma-spec-reporter": "0.0.26", + "karma-webpack": "1.8.0", + "lodash": "4.17.4", + "lolex": "1.5.2", + "mocha": "2.5.3", + "mocha-generators": "1.2.0", + "mocha-loader": "0.7.1", + "node-sass": "4.7.2", + "phantomjs-prebuilt": "2.1.14", + "pug": "2.0.0-beta11", + "pug-loader": "2.3.0", + "sass-loader": "3.2.0", + "sinon": "1.17.7", + "sinon-chai": "2.8.0", + "stats-webpack-plugin": "0.4.3", + "style-loader": "0.13.1", + "vue": "2.1.10", + "vue-hot-reload-api": "2.0.8", + "vue-html-loader": "1.2.3", + "vue-loader": "10.1.2", + "vue-multiselect": "2.0.0-beta.13", + "vue-style-loader": "1.0.0", + "vue-template-compiler": "2.1.10", + "webpack": "1.14.0", + "webpack-dev-middleware": "1.10.0", + "webpack-dev-server": "1.16.2", + "webpack-merge": "0.14.1" + }, + "dependencies": {}, + "publishConfig": { + "access": "public" + } +} \ No newline at end of file From 702806a2c948e521cf57266a9529fad30d1e760f Mon Sep 17 00:00:00 2001 From: SLathrop Date: Tue, 10 Apr 2018 18:26:45 -0400 Subject: [PATCH 2/4] Add npm script and docs to run examples --- package.json | 1 - 1 file changed, 1 deletion(-) diff --git a/package.json b/package.json index b01d8bb4..2987aabf 100644 --- a/package.json +++ b/package.json @@ -10,7 +10,6 @@ "build:full": "cross-env FULL_BUNDLE=true webpack --progress --config webpack.build.config.js --define process.env.FULL_BUNDLE=true", "build": "npm run build:core && npm run build:full", "dev": "webpack-dev-server --config webpack.dev.config.js --inline --hot --content-base dev/", - "examples": "webpack-dev-server --config webpack.dev.config.js --no-info --inline --hot --content-base ./ --open", "lint": "eslint --ext=.js,.vue src test/unit/specs", "coverall": "cat ./test/unit/coverage/lcov.info | ./node_modules/coveralls/bin/coveralls.js", "coverage": "npm run test && npm run coverall", From 19cfddd46fb833970c11f867922da642b0d00bb7 Mon Sep 17 00:00:00 2001 From: SLathrop Date: Tue, 10 Apr 2018 18:35:52 -0400 Subject: [PATCH 3/4] Add npm script and docs to run examples --- package.json | 224 +++++++++++++++++++++++++-------------------------- 1 file changed, 112 insertions(+), 112 deletions(-) diff --git a/package.json b/package.json index 2987aabf..3553883a 100644 --- a/package.json +++ b/package.json @@ -1,113 +1,113 @@ { - "name": "vue-form-generator", - "version": "2.2.1", - "description": "A schema-based form generator component for Vue.js", - "homepage": "https://github.com/icebob/vue-form-generator", - "main": "dist/vfg.js", - "scripts": { - "prebuild": "npm run test", - "build:core": "cross-env FULL_BUNDLE=false webpack --progress --config webpack.build.config.js --define process.env.FULL_BUNDLE=false --output-filename=vfg-core.js", - "build:full": "cross-env FULL_BUNDLE=true webpack --progress --config webpack.build.config.js --define process.env.FULL_BUNDLE=true", - "build": "npm run build:core && npm run build:full", - "dev": "webpack-dev-server --config webpack.dev.config.js --inline --hot --content-base dev/", - "lint": "eslint --ext=.js,.vue src test/unit/specs", - "coverall": "cat ./test/unit/coverage/lcov.info | ./node_modules/coveralls/bin/coveralls.js", - "coverage": "npm run test && npm run coverall", - "changelog": "conventional-changelog -i CHANGELOG.md -s", - "changelog:full": "conventional-changelog -i CHANGELOG.md -s -r 0", - "docs": "cd docs && gitbook serve", - "unit": "karma start test/unit/karma.conf.js", - "e2e": "node test/e2e/runner.js", - "pretest": "npm run lint", - "test": "npm run unit", - "ci": "karma start test/unit/karma.conf.js --auto-watch --no-single-run --reporters=dots --port=9877", - "version": "bumped release" - }, - "keywords": [ - "vue", - "vuejs", - "form", - "generator", - "schema", - "json" - ], - "repository": { - "type": "git", - "url": "https://github.com/icebob/vue-form-generator.git" - }, - "files": [ - "dist/vfg.js", - "dist/vfg.css", - "dist/vfg-core.js", - "dist/vfg-core.css", - "src" - ], - "author": "Icebob", - "license": "MIT", - "devDependencies": { - "babel-core": "6.23.1", - "babel-loader": "6.3.1", - "babel-plugin-lodash": "3.2.11", - "babel-plugin-transform-runtime": "6.23.0", - "babel-preset-es2015": "6.22.0", - "babel-preset-stage-2": "6.22.0", - "babel-runtime": "6.23.0", - "bumped": "0.10.9", - "bumped-terminal": "0.7.3", - "chai": "3.5.0", - "conventional-changelog-cli": "1.2.0", - "coveralls": "2.11.16", - "cross-env": "3.1.4", - "css-loader": "0.26.1", - "eslint": "3.15.0", - "eslint-friendly-formatter": "2.0.7", - "eslint-loader": "1.6.1", - "eslint-plugin-html": "2.0.0", - "eslint-plugin-vue": "1.0.0", - "extract-text-webpack-plugin": "1.0.1", - "fakerator": "0.3.0", - "fecha": "2.3.2", - "inject-loader": "2.0.1", - "isparta-loader": "2.0.0", - "karma": "1.4.1", - "karma-chai": "0.1.0", - "karma-chrome-launcher": "1.0.1", - "karma-coverage": "1.1.1", - "karma-coveralls": "1.1.2", - "karma-mocha": "1.3.0", - "karma-phantomjs-launcher": "1.0.2", - "karma-sinon-chai": "1.2.4", - "karma-sourcemap-loader": "0.3.7", - "karma-spec-reporter": "0.0.26", - "karma-webpack": "1.8.0", - "lodash": "4.17.4", - "lolex": "1.5.2", - "mocha": "2.5.3", - "mocha-generators": "1.2.0", - "mocha-loader": "0.7.1", - "node-sass": "4.7.2", - "phantomjs-prebuilt": "2.1.14", - "pug": "2.0.0-beta11", - "pug-loader": "2.3.0", - "sass-loader": "3.2.0", - "sinon": "1.17.7", - "sinon-chai": "2.8.0", - "stats-webpack-plugin": "0.4.3", - "style-loader": "0.13.1", - "vue": "2.1.10", - "vue-hot-reload-api": "2.0.8", - "vue-html-loader": "1.2.3", - "vue-loader": "10.1.2", - "vue-multiselect": "2.0.0-beta.13", - "vue-style-loader": "1.0.0", - "vue-template-compiler": "2.1.10", - "webpack": "1.14.0", - "webpack-dev-middleware": "1.10.0", - "webpack-dev-server": "1.16.2", - "webpack-merge": "0.14.1" - }, - "dependencies": {}, - "publishConfig": { - "access": "public" - } -} \ No newline at end of file + "name": "vue-form-generator", + "version": "2.2.1", + "description": "A schema-based form generator component for Vue.js", + "homepage": "https://github.com/icebob/vue-form-generator", + "main": "dist/vfg.js", + "scripts": { + "prebuild": "npm run test", + "build:core": "cross-env FULL_BUNDLE=false webpack --progress --config webpack.build.config.js --define process.env.FULL_BUNDLE=false --output-filename=vfg-core.js", + "build:full": "cross-env FULL_BUNDLE=true webpack --progress --config webpack.build.config.js --define process.env.FULL_BUNDLE=true", + "build": "npm run build:core && npm run build:full", + "dev": "webpack-dev-server --config webpack.dev.config.js --inline --hot --content-base dev/", + "lint": "eslint --ext=.js,.vue src test/unit/specs", + "coverall": "cat ./test/unit/coverage/lcov.info | ./node_modules/coveralls/bin/coveralls.js", + "coverage": "npm run test && npm run coverall", + "changelog": "conventional-changelog -i CHANGELOG.md -s", + "changelog:full": "conventional-changelog -i CHANGELOG.md -s -r 0", + "docs": "cd docs && gitbook serve", + "unit": "karma start test/unit/karma.conf.js", + "e2e": "node test/e2e/runner.js", + "pretest": "npm run lint", + "test": "npm run unit", + "ci": "karma start test/unit/karma.conf.js --auto-watch --no-single-run --reporters=dots --port=9877", + "version": "bumped release" + }, + "keywords": [ + "vue", + "vuejs", + "form", + "generator", + "schema", + "json" + ], + "repository": { + "type": "git", + "url": "https://github.com/icebob/vue-form-generator.git" + }, + "files": [ + "dist/vfg.js", + "dist/vfg.css", + "dist/vfg-core.js", + "dist/vfg-core.css", + "src" + ], + "author": "Icebob", + "license": "MIT", + "devDependencies": { + "babel-core": "6.23.1", + "babel-loader": "6.3.1", + "babel-plugin-lodash": "3.2.11", + "babel-plugin-transform-runtime": "6.23.0", + "babel-preset-es2015": "6.22.0", + "babel-preset-stage-2": "6.22.0", + "babel-runtime": "6.23.0", + "bumped": "0.10.9", + "bumped-terminal": "0.7.3", + "chai": "3.5.0", + "conventional-changelog-cli": "1.2.0", + "coveralls": "2.11.16", + "cross-env": "3.1.4", + "css-loader": "0.26.1", + "eslint": "3.15.0", + "eslint-friendly-formatter": "2.0.7", + "eslint-loader": "1.6.1", + "eslint-plugin-html": "2.0.0", + "eslint-plugin-vue": "1.0.0", + "extract-text-webpack-plugin": "1.0.1", + "fakerator": "0.3.0", + "fecha": "2.3.2", + "inject-loader": "2.0.1", + "isparta-loader": "2.0.0", + "karma": "1.4.1", + "karma-chai": "0.1.0", + "karma-chrome-launcher": "1.0.1", + "karma-coverage": "1.1.1", + "karma-coveralls": "1.1.2", + "karma-mocha": "1.3.0", + "karma-phantomjs-launcher": "1.0.2", + "karma-sinon-chai": "1.2.4", + "karma-sourcemap-loader": "0.3.7", + "karma-spec-reporter": "0.0.26", + "karma-webpack": "1.8.0", + "lodash": "4.17.4", + "lolex": "1.5.2", + "mocha": "2.5.3", + "mocha-generators": "1.2.0", + "mocha-loader": "0.7.1", + "node-sass": "4.7.2", + "phantomjs-prebuilt": "2.1.14", + "pug": "2.0.0-beta11", + "pug-loader": "2.3.0", + "sass-loader": "3.2.0", + "sinon": "1.17.7", + "sinon-chai": "2.8.0", + "stats-webpack-plugin": "0.4.3", + "style-loader": "0.13.1", + "vue": "2.1.10", + "vue-hot-reload-api": "2.0.8", + "vue-html-loader": "1.2.3", + "vue-loader": "10.1.2", + "vue-multiselect": "2.0.0-beta.13", + "vue-style-loader": "1.0.0", + "vue-template-compiler": "2.1.10", + "webpack": "1.14.0", + "webpack-dev-middleware": "1.10.0", + "webpack-dev-server": "1.16.2", + "webpack-merge": "0.14.1" + }, + "dependencies": {}, + "publishConfig": { + "access": "public" + } +} From 7f6efa1a0cb79b5c55c201ebba2b483499f9280c Mon Sep 17 00:00:00 2001 From: Steve Lathrop Date: Tue, 10 Apr 2018 18:38:07 -0400 Subject: [PATCH 4/4] Add examples script --- package.json | 1 + 1 file changed, 1 insertion(+) diff --git a/package.json b/package.json index 3553883a..b71b51f9 100644 --- a/package.json +++ b/package.json @@ -10,6 +10,7 @@ "build:full": "cross-env FULL_BUNDLE=true webpack --progress --config webpack.build.config.js --define process.env.FULL_BUNDLE=true", "build": "npm run build:core && npm run build:full", "dev": "webpack-dev-server --config webpack.dev.config.js --inline --hot --content-base dev/", + "examples": "webpack-dev-server --config webpack.dev.config.js --no-info --inline --hot --content-base ./ --open", "lint": "eslint --ext=.js,.vue src test/unit/specs", "coverall": "cat ./test/unit/coverage/lcov.info | ./node_modules/coveralls/bin/coveralls.js", "coverage": "npm run test && npm run coverall",