Merge pull request #24 from VanishMax/rollup-builds

Reinit application with Rollup-based architecture

Author: VanishMax

.eslintrc.js

@@ -14,6 +14,7 @@ module.exports = {
     ecmaVersion: 2020,
   },
   plugins: ['@typescript-eslint/eslint-plugin'],
+  ignorePatterns: ['.github', '.idea', '.vscode', 'node_modules', 'dist', 'docs'],
   rules: {
     // ES options
     semi: [2, 'always'],
@@ -22,7 +23,7 @@ module.exports = {
     'max-len': 0,
     'no-plusplus': 0,
     camelcase: 0,
-    'no-console': ['warn', { 'allow': ['warn', 'error'] }],
+    'no-console': ['warn', { allow: ['warn', 'error'] }],
     'space-before-function-paren': 0,
     'jsx-quotes': 0,
     'no-class-assign': 0,
@@ -64,7 +65,7 @@ module.exports = {
 
     // Typescript options
     '@typescript-eslint/no-explicit-any': 0,
-    '@typescript-eslint/ban-ts-ignore': 0,
+    '@typescript-eslint/ban-ts-comment': 0,
     '@typescript-eslint/member-delimiter-style': ['error', {
       multiline: {
         delimiter: 'comma',

.github/workflows/unit-tests.yaml

@@ -0,0 +1,20 @@
+name: Unit tests
+on: push
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+
+      - name: Use Node.js 12
+        uses: actions/setup-node@v1
+        with:
+          node-version: 12
+          registry-url: https://registry.npmjs.org/
+
+      - name: Install modules
+        run: npm install
+
+      - name: Run unit tests
+        run: npm test

.npmignore

@@ -1,12 +1,11 @@
-docs
-dist/demo.html
-src/docs
-src/main.ts
+/demo
+/docs
+src/demo-config.js
 node_modules
 .eslintrc.js
 .vercel
+vercel.json
 .git
 .idea
 .DS_Store
-
 __tests__

babel.config.js

@@ -1,5 +1,7 @@
+const devPresets = ['@vue/babel-preset-app'];
+const buildPresets = ['@babel/preset-env', '@babel/preset-typescript'];
+
 module.exports = {
-  presets: [
-    '@vue/cli-plugin-babel/preset',
-  ],
+  presets: (process.env.NODE_ENV === 'development' ? devPresets : buildPresets),
+  plugins: ['@babel/plugin-proposal-class-properties'],
 };

demo/app.ts

@@ -0,0 +1,14 @@
+import Vue from 'vue';
+import {iui} from '@/main';
+import tailwindConfig from '@/demo-config';
+import App from './app.vue';
+import router from './router';
+
+Vue.config.productionTip = false;
+Vue.use(iui, tailwindConfig);
+
+// Documentation entry of the app
+new Vue({
+  router,
+  render: (h) => h(App),
+}).$mount('#app');

src/docs/index.vue demo/app.vuesrc/docs/index.vue renamed to demo/app.vue

@@ -1,5 +1,5 @@
 <template>
   <div id="app">
-    <router-view/>
+    <router-view />
   </div>
 </template>

src/docs/components/Counter.vue demo/components/Counter.vuesrc/docs/components/Counter.vue renamed to demo/components/Counter.vue

@@ -9,7 +9,7 @@
 
 <script lang="ts">
   import Vue from 'vue';
-  import Button from '@/lib/components/Button';
+  import Button from '../../src/components/Button';
 
   export default Vue.extend({
     name: 'Counter',

…c/docs/components/CustomNotification.vue demo/components/CustomNotification.vuesrc/docs/components/CustomNotification.vue renamed to demo/components/CustomNotification.vue src/docs/components/CustomNotification.vue renamed to demo/components/CustomNotification.vue

@@ -8,7 +8,7 @@
 
 <script lang="ts">
   import Vue from 'vue';
-  import Button from '@/lib/components/Button';
+  import Button from '../../src/components/Button';
 
   export default Vue.extend({
     name: 'Buttons',

src/docs/containers/Buttons.vue demo/containers/Buttons.vuesrc/docs/containers/Buttons.vue renamed to demo/containers/Buttons.vue

@@ -31,8 +31,8 @@
 
 <script lang="ts">
   import Vue from 'vue';
-  import Checkbox from '@/lib/components/Checkbox';
-  import CheckboxGroup from '@/lib/components/CheckboxGroup';
+  import Checkbox from '../../src/components/Checkbox';
+  import CheckboxGroup from '../../src/components/CheckboxGroup';
 
   export default Vue.extend({
     name: 'Checkboxes',