chore: updating project to open-wc standards

README.md

@@ -1,6 +1,6 @@
 [![Published on NPM](https://img.shields.io/npm/v/@api-components/api-form-mixin.svg)](https://www.npmjs.com/package/@api-components/api-form-mixin)
 
-[![Build Status](https://travis-ci.com/advanced-rest-client/api-form-mixin.svg)](https://travis-ci.org/advanced-rest-client/api-form-mixin)
+[![Build Status](https://travis-ci.com/advanced-rest-client/api-form-mixin.svg)](https://travis-ci.com/advanced-rest-client/api-form-mixin)
 
 ## <api-form-mixin>
 

api-form-styles.d.ts

@@ -1,2 +1,3 @@
 import styles from './src/ApiFormStyles';
+
 export default styles;

api-form-styles.js

@@ -1,3 +1,4 @@
 // Left for compatibility
 import styles from './src/ApiFormStyles.js';
+
 export default styles;

index.d.ts

@@ -1,14 +1,2 @@
-/**
- * DO NOT EDIT
- *
- * This file was automatically generated by
- *   https://github.com/Polymer/tools/tree/master/packages/gen-typescript-declarations
- *
- * To modify these typings, edit the source file(s):
- *   index.js
- */
-
-
-// tslint:disable:variable-name Describing an API that's defined elsewhere.
-
-export {ApiFormMixin} from './src/ApiFormMixin.js';
+export { ApiFormMixin } from './src/ApiFormMixin';
+export { default as apiFormStyles } from './src/ApiFormStyles';

karma.sl.config.js

@@ -3,8 +3,8 @@ const merge = require('deepmerge');
 const { slSettings } = require('@advanced-rest-client/testing-karma-sl');
 const createBaseConfig = require('./karma.conf.js');
 
-module.exports = (config) => {
-  const slConfig = merge(slSettings(config), {
+module.exports = config => {
+  const slConfig = merge(slSettings(), {
     sauceLabs: {
       testName: 'api-form-mixin',
     },

package.json

@@ -3,7 +3,8 @@
   "description": "A mixin that contains common properties, methods and styles for components that implements AMF based forms",
   "version": "3.1.0",
   "license": "Apache-2.0",
-  "main": "api-form-mixin.js",
+  "main": "index.js",
+  "module": "index.js",
   "keywords": [
     "web-components",
     "raml",
@@ -32,41 +33,54 @@
     "lit-element": "^2.3.1"
   },
   "devDependencies": {
-    "@advanced-rest-client/eslint-config": "^1.1.5",
-    "@advanced-rest-client/prettier-config": "^0.1.0",
-    "@advanced-rest-client/testing-karma-sl": "^1.2.0",
-    "@commitlint/cli": "^8.3.5",
-    "@commitlint/config-conventional": "^8.3.4",
-    "@open-wc/testing": "^2.5.13",
-    "@open-wc/testing-karma": "^3.3.15",
+    "@advanced-rest-client/testing-karma-sl": "^1.3.1",
+    "@open-wc/eslint-config": "^2.0.0",
+    "@open-wc/testing": "^2.5.16",
+    "@open-wc/testing-karma": "^3.3.23",
     "@polymer/iron-form": "^3.0.0",
     "deepmerge": "^4.2.2",
-    "es-dev-server": "^1.46.5",
+    "es-dev-server": "^1.50.1",
+    "eslint": "^6.8.0",
+    "eslint-config-prettier": "^6.11.0",
     "husky": "^4.2.5",
-    "lint-staged": "^10.1.7",
+    "lint-staged": "^10.2.2",
+    "prettier": "^2.0.5",
     "sinon": "^9.0.2",
-    "typescript": "^3.8.3",
+    "typescript": "^3.9.2",
     "typescript-lit-html-plugin": "^0.9.0"
   },
   "scripts": {
-    "test": "karma start --coverage",
-    "update-types": "echo \"please, edit types declarations manually\"",
     "start": "es-dev-server --app-index demo/index.html --node-resolve --open --watch",
-    "start:compatibility": "es-dev-server --app-index demo/index.html --compatibility auto --node-resolve --open --watch",
-    "lint:eslint": "eslint --ext .js,.html .",
-    "format:eslint": "eslint --ext .js,.html . --fix",
-    "lint:prettier": "prettier \"**/*.js\" --list-different || (echo '↑↑ these files are not prettier formatted ↑↑' && exit 1)",
-    "format:prettier": "prettier \"**/*.js\" --write",
-    "lint": "npm run lint:eslint && npm run lint:prettier",
+    "lint:eslint": "eslint --ext .js,.html . --ignore-path .gitignore",
+    "format:eslint": "eslint --ext .js,.html . --fix --ignore-path .gitignore",
+    "lint:prettier": "prettier \"**/*.js\" --check --ignore-path .gitignore",
+    "format:prettier": "prettier \"**/*.js\" --write --ignore-path .gitignore",
     "lint:types": "tsc",
+    "lint": "npm run lint:eslint && npm run lint:prettier",
     "format": "npm run format:eslint && npm run format:prettier",
+    "test": "karma start --coverage",
     "test:watch": "karma start --auto-watch=true --single-run=false",
-    "test:sl": "karma start karma.sl.config.js --compatibility auto --coverage",
-    "generate-model": "node demo/model.js"
+    "test:sl": "karma start karma.sl.config.js --compatibility auto --coverage"
+  },
+  "eslintConfig": {
+    "extends": [
+      "@open-wc/eslint-config",
+      "eslint-config-prettier"
+    ]
+  },
+  "prettier": {
+    "singleQuote": true,
+    "arrowParens": "avoid"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
   },
   "lint-staged": {
     "*.js": [
-      "eslint --fix"
+      "eslint --fix",
+      "prettier --write"
     ]
   }
 }