@zipify/wysiwyg 1.0.0-dev.1

package/.editorconfig

@@ -0,0 +1,18 @@
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+tab_width = 2
+
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.{js,html,vue,scss,css,svg}]
+indent_size = 4
+tab_width = 4
+
+[*.md]
+trim_trailing_whitespace = false

package/.eslintrc.js

@@ -0,0 +1,253 @@
+const JS_PARSER = '@babel/eslint-parser';
+
+module.exports = {
+    extends: ['eslint:recommended'],
+    plugins: ['import'],
+    parser: JS_PARSER,
+    parserOptions: {
+        ecmaVersion: 8,
+        sourceType: 'module',
+        allowImportExportEverywhere: true
+    },
+    settings: {
+        'import/resolver': {
+            node: {
+                extensions: ['.js', '.scss', '.css', '.vue', '.html']
+            }
+        }
+    },
+    env: {
+        browser: true,
+        es6: true,
+        jquery: true,
+        node: true,
+        jest: true
+    },
+    globals: {
+        noty: false,
+        Buffer: false,
+        gapi: true,
+        ZW_UPDATED_AT: true
+    },
+    rules: {
+        // enable additional rules
+        'no-unused-vars': ['warn', { vars: 'local', args: 'after-used' }],
+        'no-extra-bind': 'error',
+
+        // override default options for rules from base configurations
+        'no-cond-assign': ['error', 'always'],
+        eqeqeq: ['warn', 'smart'],
+
+        // disable rules from base configurations
+        'block-scoped-var': 'error',
+        'guard-for-in': 'error',
+        'no-loop-func': 'error',
+        'no-self-compare': 'error',
+        'no-use-before-define': 'error',
+        'no-unneeded-ternary': 'error',
+        'no-prototype-builtins': 'off',
+        'no-extend-native': 'error',
+        'padding-line-between-statements': [
+            'error',
+            // offset after variables
+            { blankLine: 'always', prev: ['const', 'let', 'var'], next: '*' },
+            { blankLine: 'any', prev: ['const', 'let', 'var'], next: ['const', 'let', 'var'] },
+
+            // offset after imports
+            { blankLine: 'always', prev: 'import', next: '*' },
+            { blankLine: 'any', prev: 'import', next: 'import' },
+
+            // offset after oneline if statements
+            { blankLine: 'always', prev: 'if', next: '*' },
+            { blankLine: 'any', prev: 'if', next: 'if' },
+            { blankLine: 'any', prev: 'multiline-block-like', next: '*' }
+        ],
+        'no-console': 'error',
+        'comma-dangle': ['error', 'never'],
+        quotes: ['error', 'single'],
+        semi: ['error', 'always'],
+        curly: ['error', 'multi-line'],
+        'lines-between-class-members': ['error', 'always', { exceptAfterSingleLine: true }],
+        'padded-blocks': ['error', 'never'],
+        'object-curly-spacing': ['error', 'always'],
+        'array-bracket-spacing': ['error', 'never'],
+        'comma-spacing': [
+            'error',
+            {
+                before: false,
+                after: true
+            }
+        ],
+        'space-infix-ops': 'error',
+        'keyword-spacing': 'off',
+        'comma-style': ['error', 'last'],
+        'space-before-blocks': 'error',
+        'arrow-spacing': [
+            'error',
+            {
+                before: true,
+                after: true
+            }
+        ],
+        'brace-style': ['error', '1tbs', { allowSingleLine: true }],
+        'template-curly-spacing': ['error', 'never'],
+        'prefer-template': 'error',
+        'no-useless-concat': 'error',
+        'no-duplicate-imports': 'error',
+        'no-param-reassign': ['error', { props: false }],
+        'new-parens': ['error', 'always'],
+        'default-param-last': 'error',
+        'max-params': ['error', 4],
+        'no-useless-computed-key': ['error', { enforceForClassMembers: true }],
+        'dot-notation': 'error',
+        'import/named': 'error',
+        'import/default': 'error',
+        'import/namespace': 'error',
+        'import/no-absolute-path': 'error',
+        'import/no-self-import': 'error',
+        'import/no-useless-path-segments': 'error',
+        'import/export': 'error',
+        'import/no-deprecated': 'warn',
+        'import/first': 'error',
+        'import/no-namespace': 'error',
+        'import/extensions': [
+            'error',
+            'never',
+            { scss: 'always', html: 'always' }
+        ],
+        'import/order': [
+            'error',
+            {
+                groups: [
+                    'builtin',
+                    'external',
+                    'internal',
+                    'parent',
+                    'sibling'
+                ]
+            }
+        ],
+        'import/newline-after-import': 'error',
+        'max-len': ['error', {
+            code: 120,
+            ignoreUrls: true,
+            ignoreStrings: true,
+            ignoreTemplateLiterals: true,
+            ignoreRegExpLiterals: true,
+            ignoreComments: true
+        }],
+        indent: ['error', 4, { SwitchCase: 1 }],
+        'linebreak-style': ['error', 'unix'],
+        'arrow-parens': ['warn', 'always']
+    },
+    overrides: [
+        {
+            files: '*.vue',
+            extends: ['plugin:vue/essential'],
+            parser: 'vue-eslint-parser',
+            parserOptions: {
+                parser: JS_PARSER
+            },
+            plugins: ['vue'],
+            rules: {
+                'vue/script-indent': ['error', 4, { switchCase: 1 }],
+                'vue/html-indent': ['error', 4],
+                'vue/prop-name-casing': ['error', 'camelCase'],
+                'vue/attribute-hyphenation': 'off', // Breaks slot props
+                'vue/component-definition-name-casing': 'error',
+                'vue/component-name-in-template-casing': 'error',
+                'vue/require-prop-types': 'error',
+                'vue/require-default-prop': 'error',
+                'vue/mustache-interpolation-spacing': ['error', 'always'],
+                'vue/html-self-closing': 'error',
+                'vue/html-closing-bracket-spacing': [
+                    'error',
+                    {
+                        startTag: 'never',
+                        endTag: 'never',
+                        selfClosingTag: 'always'
+                    }
+                ],
+                'vue/html-closing-bracket-newline': [
+                    'error',
+                    {
+                        singleline: 'never',
+                        multiline: 'always'
+                    }
+                ],
+                'vue/no-spaces-around-equal-signs-in-attribute': 'error',
+                'vue/singleline-html-element-content-newline': 'error',
+                'vue/v-bind-style': 'error',
+                'vue/v-on-style': 'error',
+                'vue/component-tags-order': [
+                    'error',
+                    {
+                        order: ['template', 'script', 'style']
+                    }
+                ],
+                'vue/order-in-components': [
+                    'error',
+                    {
+                        order: [
+                            'el',
+                            'name',
+                            'functional',
+                            'components',
+                            'directives',
+                            'mixins',
+                            'inheritAttrs',
+                            'model',
+                            'props',
+                            'propsData',
+                            'data',
+                            'computed',
+                            'watch',
+                            'LIFECYCLE_HOOKS',
+                            'methods',
+                            ['template', 'render']
+                        ]
+                    }
+                ],
+                'vue/this-in-template': 'error',
+                'vue/block-tag-newline': [
+                    'error',
+                    {
+                        singleline: 'always',
+                        multiline: 'always'
+                    }
+                ],
+                'vue/match-component-file-name': ['error', { extensions: ['vue'] }],
+                'vue/no-empty-component-block': 'error',
+                'vue/no-static-inline-styles': 'error',
+                'vue/no-useless-mustaches': 'error',
+                'vue/no-useless-v-bind': 'error',
+                'vue/padding-line-between-blocks': ['error', 'always'],
+                'vue/require-name-property': 'error',
+                'vue/html-button-has-type': ['error'],
+                'vue/no-unused-refs': 'error',
+                'vue/no-deprecated-slot-attribute': 'error',
+                'vue/no-deprecated-slot-scope-attribute': 'error',
+                'vue/no-use-computed-property-like-method': 'error',
+                'vue/no-v-text': 'error',
+                'object-shorthand': ['error', 'always', { avoidQuotes: true }],
+                'max-len': 'off',
+                'vue/max-len': [
+                    'error',
+                    {
+                        code: 120,
+                        template: 120,
+                        ignoreComments: true,
+                        ignoreUrls: true,
+                        ignoreStrings: true,
+                        ignoreTemplateLiterals: true,
+                        ignoreRegExpLiterals: true,
+                        ignoreHTMLAttributeValues: true,
+                        ignoreHTMLTextContents: true
+                    }
+                ],
+                'vue/multi-word-component-names': 'off',
+                'vue/no-reserved-component-names': 'off' // Conflicts with base components
+            }
+        }
+    ]
+};

package/.github/actions/deploy-example/action.yaml

@@ -0,0 +1,61 @@
+name: Deploy Example
+description: Deploy Example App
+
+inputs:
+  folder:
+    required: true
+    description: bucket folder
+
+  cache-control:
+    required: true
+    description: bucket folder
+
+  aws-region:
+    required: true
+    description: AWS region
+
+  aws-bucket:
+    required: true
+    description: AWS S3 region
+
+  aws-access-key:
+    required: true
+    description: AWS access key
+
+  aws-secret-key:
+    required: true
+    description: AWS secret access key
+
+outputs:
+  public-url:
+    value: ${{ steps.public-url.outputs.url }}
+    description: App public url
+
+runs:
+  using: "composite"
+  steps:
+    - uses: actions/cache@v3
+      with:
+        path: ./example/dist
+        key: example-webpack-${{ github.sha }}
+        restore-keys: |
+          example-webpack-
+
+    - run: npm run example:build
+      shell: sh
+
+    - run: npm run gzip ./example/dist
+      shell: sh
+
+    - uses: aws-actions/configure-aws-credentials@v1
+      with:
+        aws-access-key-id: ${{ inputs.aws-access-key }}
+        aws-secret-access-key: ${{ inputs.aws-secret-key }}
+        aws-region: ${{ inputs.aws-region }}
+
+    - run: aws s3 sync --acl public-read --cache-control '${{ inputs.cache-control }}' './example/dist' 's3://${{ inputs.aws-bucket }}/${{ inputs.folder }}'
+      shell: sh
+
+    - id: public-url
+      run: echo "::set-output name=url::https://${{ inputs.aws-bucket }}.s3.${{ inputs.aws-region }}.amazonaws.com/${{ inputs.folder }}/index.html"
+      shell: sh

package/.github/actions/lint-css/action.yaml

@@ -0,0 +1,15 @@
+name: Lint CSS
+description: Lint CSS files
+
+inputs:
+  files:
+    description: list of changed files
+    required: true
+
+runs:
+  using: "composite"
+  steps:
+    - uses: xt0rted/stylelint-problem-matcher@v1.3.0
+
+    - run: npx stylelint --config .stylelintrc ${{ inputs.files }}
+      shell: sh

package/.github/actions/lint-js/action.yaml

@@ -0,0 +1,22 @@
+name: Lint JS
+description: Lint JS files
+
+inputs:
+  files:
+    description: list of changed files
+    required: true
+  github-token:
+    description: GitHub API token
+    required: true
+
+runs:
+  using: "composite"
+  steps:
+    - run: npx eslint --config .eslintrc.js --output-file ./eslint_report.json --format json ${{ inputs.files }}
+      shell: sh
+
+    - uses: ataylorme/eslint-annotate-action@1.2.0
+      if: ${{ always() }}
+      with:
+        repo-token: ${{ inputs.github-token }}
+        report-json: ./eslint_report.json

package/.github/actions/setup/action.yaml

@@ -0,0 +1,19 @@
+name: Setup
+description: Setup Environment
+
+runs:
+  using: "composite"
+  steps:
+    - uses: actions/setup-node@v2
+      with:
+        node-version: 14.18.1
+
+    - id: npm-cache
+      uses: actions/cache@v3
+      with:
+        path: node_modules
+        key: node-modules-${{ hashFiles('**/package-lock.json') }}
+
+    - if: steps.npm-cache.outputs.cache-hit != 'true'
+      run: npm install
+      shell: sh

package/.github/actions/unit-tests/action.yaml

@@ -0,0 +1,13 @@
+name: Unit Tests
+description: Run unit tests
+
+inputs:
+  github-token:
+    description: GitHub API token
+    required: true
+
+runs:
+  using: "composite"
+  steps:
+    - run: npx jest --ci --config ./.github/actions/unit-tests/jest.config.js .
+      shell: sh

package/.github/actions/unit-tests/jest.config.js

@@ -0,0 +1,8 @@
+const baseConfig = require('../../../jest.config');
+
+module.exports = {
+    ...baseConfig,
+    rootDir: process.env.GITHUB_WORKSPACE,
+    maxWorkers: '100%',
+    reporters: ['default', 'github-actions']
+}

package/.github/dependabot.yaml

@@ -0,0 +1,17 @@
+version: 2
+
+# dependabot doesn't support YAML aliases
+# https://github.com/dependabot/dependabot-core/issues/2127
+
+updates:
+  - package-ecosystem: "npm"
+    directory: "/"
+    schedule:
+      interval: "weekly"
+      day: "monday"
+      timezone: "Europe/Kiev"
+      time: "09:00"
+    pull-request-branch-name:
+      separator: "_"
+    labels:
+      - "Dependencies"

package/.github/pull_request_template.md

@@ -0,0 +1,17 @@
+## What does the MR do?
+<!--
+Write here about your changes in this merge request.
+Add here text description and URLs to screenshots
+-->
+
+
+## Additional comments
+<!--
+This section contains links to external resources and other things
+that you cannot place in previous sections
+-->
+- [Jira Ticket](url-to-jira-ticket)
+
+
+## Checklist
+<!-- Checklist for QAs -->

package/.github/workflows/frontend-ci.yaml

@@ -0,0 +1,120 @@
+name: Front-end CI
+
+on:
+  pull_request:
+    types:
+      - opened
+      - reopened
+      - synchronize
+      - ready_for_review
+
+concurrency:
+  group: ${{ github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  lint_js:
+    name: eslint
+    runs-on: ubuntu-latest
+    if: github.event.pull_request.draft == false
+    steps:
+      - uses: dorny/paths-filter@v2
+        id: changes_filter
+        with:
+          list-files: 'shell'
+          filters: |
+            lint:
+              - added|modified: 'lib/**/*.js'
+              - added|modified: 'lib/**/*.vue'
+
+      - if: ${{ steps.changes_filter.outputs.lint == 'true' }}
+        uses: actions/checkout@v3
+
+      - if: ${{ steps.changes_filter.outputs.lint == 'true' }}
+        uses: ./.github/actions/setup
+
+      - if: ${{ steps.changes_filter.outputs.lint == 'true' }}
+        uses: ./.github/actions/lint-js
+        with:
+          files: ${{ steps.changes_filter.outputs.lint_files }}
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+
+
+  lint_css:
+    name: stylelint
+    runs-on: ubuntu-latest
+    if: github.event.pull_request.draft == false
+    steps:
+      - uses: dorny/paths-filter@v2
+        id: changes_filter
+        with:
+          list-files: 'shell'
+          filters: |
+            lint:
+              - added|modified: 'lib/**/*.css'
+              - added|modified: 'lib/**/*.vue'
+
+      - if: ${{ steps.changes_filter.outputs.lint == 'true' }}
+        uses: actions/checkout@v3
+
+      - if: ${{ steps.changes_filter.outputs.lint == 'true' }}
+        uses: ./.github/actions/setup
+
+      - if: ${{ steps.changes_filter.outputs.lint == 'true' }}
+        uses: ./.github/actions/lint-css
+        with:
+          files: ${{ steps.changes_filter.outputs.lint_files }}
+
+
+  unit_tests:
+    name: Unit Tests
+    runs-on: ubuntu-latest
+    if: github.event.pull_request.draft == false
+    steps:
+      - uses: dorny/paths-filter@v2
+        id: changes_filter
+        with:
+          list-files: 'shell'
+          filters: |
+            tests:
+              - 'lib/**/*.js'
+              - 'lib/**/*.vue'
+
+      - if: ${{ steps.changes_filter.outputs.tests == 'true' }}
+        uses: actions/checkout@v3
+
+      - if: ${{ steps.changes_filter.outputs.tests == 'true' }}
+        uses: ./.github/actions/setup
+
+      - if: ${{ steps.changes_filter.outputs.tests == 'true' }}
+        uses: ./.github/actions/unit-tests
+        with:
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+
+  deploy_example:
+    name: Deploy Example
+    if: github.event.pull_request.draft == false
+    runs-on: ubuntu-latest
+    needs:
+      - lint_js
+      - lint_css
+      - unit_tests
+    steps:
+      - uses: actions/checkout@v3
+      - uses: ./.github/actions/setup
+
+      - id: deploy
+        uses: ./.github/actions/deploy-example
+        with:
+          folder: ${{ github.head_ref }}
+          cache-control: max-age=0,no-cache,no-store,must-revalidate
+          aws-region: eu-central-1
+          aws-bucket: zipify-wysiwyg
+          aws-access-key: ${{ secrets.AWS_EXAMPLE_ACCESS_KEY_ID }}
+          aws-secret-key: ${{ secrets.AWS_EXAMPLE_SECRET_ACCESS_KEY }}
+
+      - uses: thollander/actions-comment-pull-request@v1
+        with:
+          message: "**:rocket:  ExampleApp:** Line on [${{ github.head_ref }}](${{ steps.deploy.outputs.public-url }})"
+          comment_includes: "ExampleApp"
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

package/.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npx lint-staged

package/.lintstagedrc

@@ -0,0 +1,12 @@
+{
+  "*.{vue,scss}": [
+    "stylelint --config .stylelintrc"
+  ],
+  "*.{vue,js}": [
+    "eslint --fix --fix-type layout --fix-type suggestion --config .eslintrc.js",
+    "jest --passWithNoTests --findRelatedTests"
+  ],
+  "*.svg": [
+    "svgo --config ./config/svgo.js"
+  ]
+}

package/.release-it.json

@@ -0,0 +1,6 @@
+{
+  "npm": {
+    "publish": true,
+    "publishArgs": ["--access public"]
+  }
+}