vueapp 0.1.1

data/lib/vueapp/templates/api/api.js

@@ -0,0 +1,3 @@
+window.VueAPI = {
+  base: 8
+};

data/lib/vueapp/templates/api/api_client.js

@@ -0,0 +1,131 @@
+class ApiClient {
+  constructor(baseUrl) {
+    this.baseUrl = baseUrl;
+    this.timeout = 10000;
+    this.token = railsAppConfig.uuid;
+    this.locale = railsAppConfig.locale;
+  }
+
+  // Set base Headers
+  setHeaders(xhr) {
+    xhr.setRequestHeader("Content-Type", "application/json; charset=utf-8");
+    xhr.setRequestHeader("Authorization", "Token token=" + this.token);
+    xhr.setRequestHeader("Accept-Language", this.locale);
+    xhr.timeout = this.timeout;
+  }
+
+  // On error
+  onError(xhr, errorCallback) {
+    xhr.onerror = function() {
+      errorCallback({
+        message: appTranslations.errors.server.unknown
+      });
+    };
+  }
+
+  // On timeout error
+  onTimeout(xhr, errorCallback) {
+    xhr.ontimeout = function() {
+      xhr.abort();
+      errorCallback({
+        message: appTranslations.errors.server.timeout
+      });
+    };
+  }
+
+  // On done
+  onDone(xhr, dataCallback, errorCallback) {
+    if (xhr.status !== 200 && xhr.status !== 204) {
+      if (xhr.responseText && xhr.responseText.length > 0) {
+        let data = JSON.parse(xhr.responseText);
+        errorCallback({
+          message: data.error,
+          code: xhr.status
+        });
+      } else {
+        errorCallback({
+          message: appTranslations.errors.server.unknown
+        });
+      }
+    } else {
+      if(xhr.responseText.length > 0) {
+        dataCallback(JSON.parse(xhr.responseText));
+      } else {
+        dataCallback();
+      }
+
+    }
+  }
+
+  // On ready state change
+  onReadyStateChange(xhr, dataCallback, errorCallback) {
+    let self = this;
+    xhr.onreadystatechange = function() {
+      switch (xhr.readyState) {
+        case 0:
+          // console.log('UNSENT');
+          break;
+        case 1:
+          // console.log('OPENED');
+          break;
+        case 2:
+          // console.log('HEADERS_RECEIVED');
+          break;
+        case 3:
+          // console.log('LOADING');
+          break;
+        case 4:
+          // console.log('DONE');
+          self.onDone(xhr, dataCallback, errorCallback);
+          break;
+        default:
+          return;
+      }
+    };
+  }
+
+  /**
+   * HTTP GET
+   * @param path
+   * @returns {Promise<any>}
+   */
+  get(path) {
+    return new Promise((resolve, reject) => {
+      let xhr = new XMLHttpRequest();
+      this.onError(xhr, reject);
+      this.onTimeout(xhr, reject);
+      this.onReadyStateChange(xhr, resolve, reject);
+
+      xhr.open("GET", this.baseUrl + path, true);
+      this.setHeaders(xhr);
+      xhr.send();
+    });
+  }
+
+  // HTTP POST
+  post(path, data) {
+    return new Promise((resolve, reject) => {
+      let xhr = new XMLHttpRequest();
+      this.onError(xhr, reject);
+      this.onTimeout(xhr, reject);
+      this.onReadyStateChange(xhr, resolve, reject);
+
+      xhr.open("POST", this.baseUrl + path, true);
+      this.setHeaders(xhr);
+      xhr.send(JSON.stringify(data));
+    });
+  }
+
+  // HTTP DELETE
+  delete(path) {
+    return new Promise((resolve, reject) => {
+      let xhr = new XMLHttpRequest();
+      this.onError(xhr, reject);
+      this.onTimeout(xhr, reject);
+      this.onReadyStateChange(xhr, resolve, reject);
+      xhr.open("DELETE", this.baseUrl + path, true);
+      this.setHeaders(xhr);
+      xhr.send();
+    });
+  }
+}

data/lib/vueapp/templates/api/base_api.js

@@ -0,0 +1,27 @@
+class BaseApi {
+    constructor () {
+        this.apiClient = new ApiClient(
+            'url'
+        );
+    }
+
+    all() {
+        return this.apiClient.get('/chats.json');
+    }
+
+    show(chatId) {
+        return this.apiClient.get('/chats/' + chatId + '.json');
+    }
+
+    send(chatId, message) {
+        return this.apiClient.post(
+            '/chats/' + chatId + '/messages.json',
+            { content: message }
+        );
+    }
+
+    search(query) {
+        return this.apiClient.get('/languages.json?q=' + query);
+    }
+
+}

data/lib/vueapp/templates/config/app.js

@@ -0,0 +1,17 @@
+const VueApp = new Vue({
+  el: '#vueapp',
+  router: AppRouter,
+  // data: function() {
+  //   return {
+  //     percent: 0
+  //   };
+  // },
+  // methods: {
+  //   setPercent: function(newPercent) {
+  //     this.percent = newPercent;
+  //   }
+  // },
+  // mounted: function() {
+  //
+  // }
+});

data/lib/vueapp/templates/config/router.js

@@ -0,0 +1,7 @@
+const AppRouter = new VueRouter({
+  routes: AppRoutes,
+  base: '/',
+  mode: 'hash',
+  linkExactActiveClass: '',
+  linkActiveClass: 'active'
+});

data/lib/vueapp/templates/config/routes.js

@@ -0,0 +1,10 @@
+const AppRoutes = [
+  {
+    path: '/', name: 'home',
+    component: HomePage
+  },
+  {
+    path: '/about-us', name: 'about-us',
+    component: AboutUsPage
+  }
+];

data/lib/vueapp/templates/filters/percentage.js

@@ -0,0 +1,7 @@
+/**
+ * Filter for percentage value
+ * {{ 10 | percentage }} => '10%'
+ */
+Vue.filter("percentage", function(value) {
+  return value + "%";
+});

data/lib/vueapp/templates/generators/component/new.js

@@ -0,0 +1,3 @@
+const <%= component_name.capitalize %> = Vue.component('<%= component_name %>', {
+  template: '#<%= component_name %>'
+});

data/lib/vueapp/templates/generators/component/new.slim

@@ -0,0 +1,2 @@
+template#<%= component_name %>
+  div <%= component_name.capitalize %>

data/lib/vueapp/templates/index.slim

@@ -0,0 +1,24 @@
+doctype html
+html
+  head
+    meta charset="utf-8"
+    meta name="language" content="EN"
+
+    title VueApp
+
+    meta name="description" content="Generated by VueApp"
+    meta name="author" content="vueapp"
+
+    link rel="stylesheet" href="styles.css?v=1.0"
+    script src="scripts.js?v=1.0" async=""
+
+  body
+    #vueapp
+
+      router-link :to="{ name: 'home' }" Home
+      router-link :to="{ name: 'about-us' }" About Us
+
+      transition
+        router-view
+
+    == render_components

data/lib/vueapp/templates/mixins/base.js

@@ -0,0 +1,10 @@
+const ItemableMixin = {
+    props: {
+        item: {
+            type: Object,
+            default: function() {
+                return {};
+            }
+        }
+    }
+};

data/lib/vueapp/templates/pages/about_us/about_us.js

@@ -0,0 +1,3 @@
+const AboutUsPage = Vue.component('about-us-page', {
+  template: '#about-us-page'
+});

data/lib/vueapp/templates/pages/about_us/about_us.slim

@@ -0,0 +1,2 @@
+template#about-us-page
+  div About Us

data/lib/vueapp/templates/pages/home/home.js

@@ -0,0 +1,3 @@
+const HomePage = Vue.component('home-page', {
+  template: '#home-page'
+});

data/lib/vueapp/templates/pages/home/home.slim

@@ -0,0 +1,2 @@
+template#home-page
+  div Home

data/lib/vueapp/templates/styles.scss

@@ -0,0 +1 @@
+// Write your base styles for website here

data/lib/vueapp/version.rb

@@ -0,0 +1,5 @@
+# frozen_string_literal: true
+
+module VueApp
+  VERSION = '0.1.1'
+end

metadata

@@ -0,0 +1,228 @@
+--- !ruby/object:Gem::Specification
+name: vueapp
+version: !ruby/object:Gem::Version
+  version: 0.1.1
+platform: ruby
+authors:
+- Alex Merkulov
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2020-08-25 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 12.3.3
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 12.3.3
+- !ruby/object:Gem::Dependency
+  name: rspec
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.0'
+- !ruby/object:Gem::Dependency
+  name: rubocop
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 0.75.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 0.75.0
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 2.1.4
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 2.1.4
+- !ruby/object:Gem::Dependency
+  name: concolor
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 0.0.1
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 0.0.1
+- !ruby/object:Gem::Dependency
+  name: listen
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 3.2.1
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 3.2.1
+- !ruby/object:Gem::Dependency
+  name: sassc
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 2.2.1
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 2.2.1
+- !ruby/object:Gem::Dependency
+  name: slim
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 4.0.1
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 4.0.1
+- !ruby/object:Gem::Dependency
+  name: thor
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.0.1
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.0.1
+- !ruby/object:Gem::Dependency
+  name: uglifier
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 4.2.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 4.2.0
+description: Tools for creating and developing vue.js applications easily
+email:
+- mercury@bit-forge.org
+executables:
+- vueapp
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE.txt
+- README.md
+- bin/console
+- bin/setup
+- bin/vueapp
+- lib/vueapp.rb
+- lib/vueapp/cli.rb
+- lib/vueapp/core/builder.rb
+- lib/vueapp/core/builders/js_builder.rb
+- lib/vueapp/core/builders/scss_builder.rb
+- lib/vueapp/core/builders/slim_builder.rb
+- lib/vueapp/core/cli/build_helper.rb
+- lib/vueapp/core/cli/generator_helper.rb
+- lib/vueapp/core/cli/init_helper.rb
+- lib/vueapp/core/helpers/build.rb
+- lib/vueapp/core/helpers/env.rb
+- lib/vueapp/core/helpers/log.rb
+- lib/vueapp/core/helpers/path.rb
+- lib/vueapp/core/helpers/timer.rb
+- lib/vueapp/core/listener.rb
+- lib/vueapp/errors.rb
+- lib/vueapp/templates/_core/vendor/vue.dev.js
+- lib/vueapp/templates/_core/vendor/vue.js
+- lib/vueapp/templates/_core/vendor/vue_router.js
+- lib/vueapp/templates/api/api.js
+- lib/vueapp/templates/api/api_client.js
+- lib/vueapp/templates/api/base_api.js
+- lib/vueapp/templates/config/app.js
+- lib/vueapp/templates/config/router.js
+- lib/vueapp/templates/config/routes.js
+- lib/vueapp/templates/filters/percentage.js
+- lib/vueapp/templates/generators/component/new.js
+- lib/vueapp/templates/generators/component/new.scss
+- lib/vueapp/templates/generators/component/new.slim
+- lib/vueapp/templates/index.slim
+- lib/vueapp/templates/mixins/base.js
+- lib/vueapp/templates/pages/about_us/about_us.js
+- lib/vueapp/templates/pages/about_us/about_us.scss
+- lib/vueapp/templates/pages/about_us/about_us.slim
+- lib/vueapp/templates/pages/home/home.js
+- lib/vueapp/templates/pages/home/home.scss
+- lib/vueapp/templates/pages/home/home.slim
+- lib/vueapp/templates/styles.scss
+- lib/vueapp/version.rb
+homepage: https://github.com/bit-forge-org/vueapp
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: 2.3.0
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.1.2
+signing_key: 
+specification_version: 4
+summary: Tools for vue.js applications
+test_files: []