Initial

Author: soal

.babelrc

@@ -0,0 +1,6 @@
+{
+  "presets": [
+    "env"
+  ],
+  "plugins": ["transform-object-rest-spread"]
+}

.eslintrc.js

@@ -0,0 +1,30 @@
+// http://eslint.org/docs/user-guide/configuring
+
+module.exports = {
+  root: true,
+  parser: "babel-eslint",
+  parserOptions: {
+    sourceType: "module"
+  },
+  env: {
+    "browser": true,
+    "es6": true,
+    "worker": true,
+    "serviceworker": true,
+    "jest": true
+  },
+  plugins: [
+    "import",
+    "html"
+  ],
+  extends: ["eslint-config-standard"],
+  "rules": {
+    "jsx-quotes": 1,
+    "no-debugger": process.env.NODE_ENV === "production" ? 2 : 1,
+    "comma-dangle": [2, "never"],
+    "complexity": 2,
+    "space-before-function-paren": [0, "never"],
+    "no-unused-vars": 1,
+    "camelcase": 2
+  }
+};

.gitignore

@@ -0,0 +1,49 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+*.code-workspace
+
+# Runtime data
+pids
+*.pid
+*.seed
+
+# 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
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules
+jspm_packages
+
+# Optional npm cache directory
+.npm
+
+# Optional REPL history
+.node_repl_history
+*.vscode
+*.idea
+
+*.sublime-*
+*.editorconfig
+*.code-workspace
+
+*.map*
+*.DS_Store
+vue-mapbox-demo
+checklist.txt

README.md

@@ -0,0 +1,36 @@
+# vue-mapbox [![Build Status](https://travis-ci.org/soal/vue-mapbox.svg?branch=master)](https://travis-ci.org/soal/vue-mapbox) [![npm version](https://badge.fury.io/js/vue-mapbox.svg)](https://badge.fury.io/js/vue-mapbox)
+
+> Combine powers of [Vue.js](https://vuejs.org/) and [Mapbox Gl JS](https://mapbox.com/mapbox-gl-js)
+
+Vue-mapbox is wrapper around Mapbox GL JS library that provides vueish-way to interact with the map.
+
+[Description and documentation](https://soal.github.io/vue-mapbox)
+ 
+## Size
+ ~ 39 kB minified  
+ ~ 7 kB minified and gzipped
+ 
+## Browser compatibility
+_Coming soon_
+
+
+## Development
+```
+git clone git@github.com:soal/vue-mapbox.git
+cd vue-mapbox
+npm install
+```
+Running in dev mod:
+```
+npm run dev
+```
+Running tests:
+```
+npm run tests
+```
+Build for production:
+```
+npm run build
+```
+
+Inspired by KoRiGaN's [Vue2Leaflet](https://github.com/KoRiGaN/Vue2Leaflet).

build/build.js

@@ -0,0 +1,55 @@
+require('./check-versions')()
+
+process.env.NODE_ENV = 'production'
+
+var ora = require('ora')
+var rm = require('rimraf')
+var chalk = require('chalk')
+var webpack = require('webpack')
+var config = require('../config')
+var umdWebpackConfig = require('./webpack.umd.conf')
+var browserWebpackConfig = require('./webpack.browser.conf')
+
+var spinner = ora('building for library...')
+spinner.start()
+
+rm(config.build.assetsRoot, err => {
+  if (err) throw err
+  webpack(umdWebpackConfig, function (err, stats) {
+    spinner.stop()
+    if (err) throw err
+    process.stdout.write(stats.toString({
+      colors: true,
+      modules: false,
+      children: false,
+      chunks: true,
+      chunkModules: false
+    }) + '\n\n')
+
+    console.log(chalk.yellow(
+      '  Tip: Building UMD module complete.\n' +
+      '  Then users can import it as an es6 module: import vue-mapbox from \'vue-mapbox\'\n'
+    ))
+  })
+
+  webpack(browserWebpackConfig, function (err, stats) {
+    spinner.stop()
+    if (err) throw err
+    process.stdout.write(stats.toString({
+      colors: true,
+      modules: false,
+      children: false,
+      chunks: true,
+      chunkModules: false
+    }) + '\n\n')
+
+    console.log(chalk.yellow(
+      '  Tip: Building browser module complete.\n' +
+      '  Then users can add file to their app using <script> tag'
+    ))
+    console.log(chalk.cyan(
+      '  Build complete.\n' +
+      '  Now you are ready to publish your library to npm'
+    ))
+  })
+})

build/check-versions.js

@@ -0,0 +1,48 @@
+var chalk = require('chalk')
+var semver = require('semver')
+var packageConfig = require('../package.json')
+var shell = require('shelljs')
+function exec (cmd) {
+  return require('child_process').execSync(cmd).toString().trim()
+}
+
+var versionRequirements = [
+  {
+    name: 'node',
+    currentVersion: semver.clean(process.version),
+    versionRequirement: packageConfig.engines.node
+  }
+]
+
+if (shell.which('npm')) {
+  versionRequirements.push({
+    name: 'npm',
+    currentVersion: exec('npm --version'),
+    versionRequirement: packageConfig.engines.npm
+  })
+}
+
+module.exports = function () {
+  var warnings = []
+  for (var i = 0; i < versionRequirements.length; i++) {
+    var mod = versionRequirements[i]
+    if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) {
+      warnings.push(mod.name + ': ' +
+        chalk.red(mod.currentVersion) + ' should be ' +
+        chalk.green(mod.versionRequirement)
+      )
+    }
+  }
+
+  if (warnings.length) {
+    console.log('')
+    console.log(chalk.yellow('To use this template, you must update following to modules:'))
+    console.log()
+    for (var i = 0; i < warnings.length; i++) {
+      var warning = warnings[i]
+      console.log('  ' + warning)
+    }
+    console.log()
+    process.exit(1)
+  }
+}

build/webpack.base.conf.js

@@ -0,0 +1,50 @@
+var path = require('path')
+var config = require('../config')
+
+function resolve (dir) {
+  return path.join(__dirname, '..', dir)
+}
+
+module.exports = {
+  entry: {
+    'vue-mapbox-geocoder': './src/main.js'
+  },
+  output: {
+    path: config.build.assetsRoot,
+    filename: '[name].js',
+    publicPath: config.build.assetsPublicPath
+  },
+  externals: {
+    mapboxgl: 'mapboxgl',
+    'vue-mapbox': 'vue-mapbox',
+    vue: 'vue'
+  },
+  resolve: {
+    extensions: ['.js', '.vue', '.json'],
+    alias: {
+      '@': resolve('src')
+    }
+  },
+  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',
+        include: [resolve('src'), resolve('test')]
+      }
+    ]
+  }
+}

build/webpack.browser.conf.js

@@ -0,0 +1,53 @@
+var webpack = require('webpack')
+var config = require('../config')
+var merge = require('webpack-merge')
+var baseWebpackConfig = require('./webpack.base.conf')
+
+var env = process.env.NODE_ENV === 'testing'
+  ? require('../config/test.env')
+  : config.build.env
+
+baseWebpackConfig.entry = {
+  'vue-mapbox-geocoder': './src/main.js'
+}
+
+var webpackConfig = merge(baseWebpackConfig, {
+  devtool: false,
+  output: {
+    path: config.build.assetsRoot,
+    filename: '[name].min.js',
+    library: 'VueMapboxGeocoder',
+    libraryTarget: 'window'
+  },
+  plugins: [
+    new webpack.DefinePlugin({
+      'process.env': env
+    }),
+    new webpack.optimize.UglifyJsPlugin({
+      compress: {
+        warnings: false
+      },
+      sourceMap: true
+    })
+  ]
+})
+
+if (config.build.productionGzip) {
+  var CompressionWebpackPlugin = require('compression-webpack-plugin')
+
+  webpackConfig.plugins.push(
+    new CompressionWebpackPlugin({
+      asset: '[path].gz[query]',
+      algorithm: 'gzip',
+      test: new RegExp(
+        '\\.(' +
+        config.build.productionGzipExtensions.join('|') +
+        ')$'
+      ),
+      threshold: 10240,
+      minRatio: 0.8
+    })
+  )
+}
+
+module.exports = webpackConfig

build/webpack.dev.conf.js

@@ -0,0 +1,24 @@
+var webpack = require('webpack')
+var config = require('../config')
+var merge = require('webpack-merge')
+var baseWebpackConfig = require('./webpack.base.conf')
+var FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
+
+module.exports = merge(baseWebpackConfig, {
+  devtool: '#cheap-module-eval-source-map',
+  output: {
+    path: config.build.assetsRoot,
+    filename: '[name].umd.min.js',
+    library: '[name]',
+    libraryTarget: 'umd'
+  },
+  plugins: [
+    new webpack.DefinePlugin({
+      'process.env': config.dev.env
+    }),
+    // https://github.com/glenjamin/webpack-hot-middleware#installation--usage
+    // new webpack.HotModuleReplacementPlugin(),
+    new webpack.NoEmitOnErrorsPlugin(),
+    new FriendlyErrorsPlugin()
+  ]
+})

build/webpack.test.conf.js

@@ -0,0 +1,18 @@
+// This is the webpack config used for unit tests.
+var webpack = require('webpack')
+var merge = require('webpack-merge')
+var baseConfig = require('./webpack.base.conf')
+
+var webpackConfig = merge(baseConfig, {
+  devtool: false,
+  plugins: [
+    new webpack.DefinePlugin({
+      'process.env': require('../config/test.env')
+    })
+  ]
+})
+
+// no need for app entry during tests
+delete webpackConfig.entry
+
+module.exports = webpackConfig