Initial commit.

simman · simman · commit 17ef083c47bd · 2017-09-07T01:07:43.000+08:00
diff --git a/.babelrc b/.babelrc
@@ -0,0 +1,12 @@
+{
+    "presets": [
+        ["env", { "modules": false }],
+        "stage-2"
+    ],
+    "plugins": ["transform-runtime"],
+    "env": {
+        "test": {
+            "presets": ["env", "stage-2"]
+        }
+    }
+}
diff --git a/.editorconfig b/.editorconfig
@@ -0,0 +1,8 @@
+root = true
+
+[*]
+insert_final_newline = true
+charset = utf-8
+indent_style = space
+indent_size = 2
+trim_trailing_whitespace = true
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,61 @@
+# OSX
+#
+.DS_Store
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Typescript v1 declaration files
+typings/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
diff --git a/.npmignore b/.npmignore
@@ -0,0 +1,13 @@
+
+# OSX
+#
+.DS_Store
+
+# node.js
+#
+node_modules/
+npm-debug.log
+yarn-error.log
+
+webpack.config.js
+yarn.lock
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -0,0 +1,3 @@
+## v1.0.0
+
+Initial release.
diff --git a/LICENSE b/LICENSE
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2017 rnkit.io
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/README.md b/README.md
@@ -0,0 +1,85 @@
+# Vue Inject Js
+
+Inject Remote Js For Vue.js 2.
+
+[![npm](https://img.shields.io/npm/dm/vue-inject-js.svg)](https://www.npmjs.com/package/vue-inject-js)
+[![npm](https://img.shields.io/npm/v/vue-inject-js.svg)](https://www.npmjs.com/package/vue-inject-js)
+[![npm](https://img.shields.io/npm/l/vue-inject-js.svg)](https://www.npmjs.com/package/vue-inject-js)
+[![GitHub pull requests](https://img.shields.io/badge/PR-welcome-green.svg)]()
+[![GitHub stars](https://img.shields.io/github/stars/rnkit/vue-inject-js.svg?style=social&label=Star)]()
+
+## Installation
+
+Select one option:
+
+1. Install using **npm**
+
+  ```sh
+  npm install vue-inject-js --save
+  ```
+  You can omit the `--save` option if using `npm@^5`.
+
+  You can also use Yarn as:
+
+  ```sh
+  yarn add vue-inject-js
+  ```
+
+  In your JavaScript file:
+
+  ```js
+  import VueInjectJs from 'vue-inject-js'
+  ```
+
+  \- or -
+
+  ```js
+  var VueInjectJs = require('vue-inject-js')
+  ```
+
+2. Embed script tag
+
+  ```html
+  <script src="https://unpkg.com/vue-inject-js/dist/vue-inject-js.min.js"></script>
+  ```
+
+Then register the component into Vue:
+
+```js
+Vue.use(VueInjectJs)
+```
+
+## Documentation
+
+Using Inject Js is easy. The HTML code you need is the following:
+
+```html
+<VueInjectJs src="https://unpkg.com/jquery@3.2.1/dist/jquery.js"/>
+```
+
+And no JS code is needed whatsoever, Inject Js works out of the box.
+
+### Props
+
+The component needs some configuration, though. It's only one required option, so it remains pretty simple.
+
+| Prop | Description | Type | Default |
+|------|-------------|------|---------|
+| src | Remote Javascript source that will be loaded. | String | _required_ |
+
+
+Check out [changelog](CHANGELOG.md) file.
+
+## License
+
+[MIT](http://opensource.org/licenses/MIT)
+
+## Contribution
+
+- [@simamn](mailto:liwei0990@gmail.com) The main author.
+
+## Questions
+
+Feel free to [contact me](mailto:liwei0990@gmail.com) or [create an issue](https://github.com/rnkit/vue-inject-js/issues/new)
+
+> made with ♥
diff --git a/dist/vue-inject-js.min.js b/dist/vue-inject-js.min.js
diff --git a/dist/vue-inject-js.min.js.map b/dist/vue-inject-js.min.js.map
diff --git a/package.json b/package.json
@@ -0,0 +1,46 @@
+{
+  "name": "vue-inject-js",
+  "version": "1.0.0",
+  "description": "Inject Remote Js For Vue.js",
+  "keywords": [
+    "vue",
+    "vuejs",
+    "inject",
+    "injectjs",
+    "babel",
+    "webpack",
+    "component"
+  ],
+  "scripts": {
+    "build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
+  },
+  "main": "dist/vue-inject-js.min.js",
+  "repository": "git@github.com:rnkit/vue-inject-js.git",
+  "author": "SimMan <liwei0990@gmail.com>",
+  "license": "MIT",
+  "dependencies": {},
+  "devDependencies": {
+    "babel-core": "^6.0.0",
+    "babel-eslint": "7.1.1",
+    "babel-loader": "^6.0.0",
+    "babel-plugin-transform-runtime": "^6.15.0",
+    "babel-preset-env": "^1.6.0",
+    "babel-preset-es2015": "^6.14.0",
+    "babel-preset-stage-2": "^6.13.0",
+    "babel-runtime": "^6.11.6",
+    "cross-env": "^3.0.0",
+    "css-loader": "^0.25.0",
+    "eslint": "3.14.1",
+    "eslint-config-airbnb-base": "11.0.1",
+    "eslint-friendly-formatter": "2.0.7",
+    "eslint-import-resolver-webpack": "0.8.1",
+    "eslint-loader": "1.6.1",
+    "eslint-plugin-html": "2.0.0",
+    "eslint-plugin-import": "2.2.0",
+    "file-loader": "^0.9.0",
+    "vue-loader": "^11.1.4",
+    "vue-template-compiler": "^2.2.1",
+    "webpack": "^2.2.0",
+    "webpack-dev-server": "^2.2.0"
+  }
+}
diff --git a/src/index.js b/src/index.js
@@ -0,0 +1,6 @@
+import VueInjectJs from './vue-inject-js.vue'
+
+export default VueInjectJs
+if (typeof window !== 'undefined' && window.Vue) {
+  window.Vue.component('vue-inject-js', VueInjectJs);
+}
diff --git a/src/vue-inject-js.vue b/src/vue-inject-js.vue
@@ -0,0 +1,26 @@
+<template></template>
+<script>
+  export default {
+    props: {
+      src: { type: String, required: true }
+    },
+    mounted () {
+      this.injectJs()
+    },
+    methods: {
+      injectJs () {
+        const html = document.body
+        const jsUrlList = [].map.call(html.querySelectorAll('scriptf'), (script) => { return script.src })
+        const matchList = jsUrlList.filter((value) => {
+          return value === this.src
+        })
+        if (matchList.length === 0) {
+          const s = document.createElement('script')
+          s.type = 'text/javascript'
+          s.src = this.src
+          document.body.appendChild(s)
+        }
+      }
+    }
+  }
+</script>
diff --git a/webpack.config.js b/webpack.config.js
@@ -0,0 +1,87 @@
+const path = require('path')
+const webpack = require('webpack')
+function resolve(dir) {
+  return path.join(__dirname, '..', dir)
+}
+module.exports = {
+  entry: './src/index.js',
+  output: {
+    path: path.resolve(__dirname, './dist'),
+    publicPath: '/dist/',
+    filename: 'vue-inject-js.min.js',
+    library: 'VueInjectJs',
+    libraryTarget: 'umd',
+    umdNamedDefine: true
+  },
+  module: {
+    rules: [
+      {
+        test: /\.(js|vue)$/,
+        loader: 'eslint-loader',
+        enforce: 'pre',
+        include: [resolve('src'), resolve('test')],
+        options: {
+          formatter: require('eslint-friendly-formatter')
+        }
+      },
+      {
+        test: /\.vue$/,
+        loader: 'vue-loader'
+      },
+      {
+        test: /\.js$/,
+        loader: 'babel-loader',
+        exclude: /node_modules/
+      },
+      {
+        test: /\.(png|jpg|gif|svg)$/,
+        loader: 'file-loader',
+        options: {
+          name: '[name].[ext]?[hash]'
+        }
+      }
+    ]
+  },
+  resolve: {
+    alias: {
+      vue$: 'vue/dist/vue.esm.js'
+    }
+  },
+  externals: {
+    vue: {
+      root: 'Vue',
+      commonjs: 'vue',
+      commonjs2: 'vue',
+      amd: 'vue'
+    }
+  },
+  devServer: {
+    historyApiFallback: true,
+    noInfo: true
+  },
+  performance: {
+    hints: false
+  },
+  devtool: '#source-map'
+}
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports.devtool = '#source-map'
+  // http://vue-loader.vuejs.org/en/workflow/production.html
+  module.exports.plugins = (module.exports.plugins || []).concat([
+    new webpack.DefinePlugin({
+      'process.env': {
+        NODE_ENV: '"production"'
+      }
+    }),
+    new webpack.optimize.UglifyJsPlugin({
+      sourceMap: true,
+      compress: {
+        warnings: false
+      }
+    }),
+    new webpack.LoaderOptionsPlugin({
+      minimize: true
+    })
+  ])
+}
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+## v1.0.0`
	`2`	`+`
	`3`	`+Initial release.`