v4 (#36)

* v4 changes

* fix gh actions folder

* rename gh action

* bypass clipboard on CI

* try CI env var as bool

* bypass clipboard by platform

* remove clipboard specs

* return with with clipboard tests after gh ref fix

* check base_ref

* fix base_ref path

* try pull_request event

* pull_request_target

* gh action badge

* update uri template

* remove image-size version caret

Author: heldr

.devcontainer/Dockerfile

@@ -0,0 +1,15 @@
+# See here for image contents: https://github.com/microsoft/vscode-dev-containers/tree/v0.187.0/containers/typescript-node/.devcontainer/base.Dockerfile
+
+# [Choice] Node.js version: 16, 14, 12
+ARG VARIANT="16-buster"
+FROM mcr.microsoft.com/vscode/devcontainers/typescript-node:0-${VARIANT}
+
+# RUN apt-get update && export DEBIAN_FRONTEND=noninteractive \
+#     && apt-get -y install --no-install-recommends xclip
+
+# [Optional] Uncomment if you want to install an additional version of node using nvm
+# ARG EXTRA_NODE_VERSION=10
+# RUN su node -c "source /usr/local/share/nvm/nvm.sh && nvm install ${EXTRA_NODE_VERSION}"
+
+# [Optional] Uncomment if you want to install more global node packages
+# RUN su node -c "npm install -g <your-package-list -here>"

.devcontainer/devcontainer.json

@@ -0,0 +1,32 @@
+// For format details, see https://aka.ms/devcontainer.json. For config options, see the README at:
+// https://github.com/microsoft/vscode-dev-containers/tree/v0.187.0/containers/typescript-node
+{
+  "name": "Node.js & TypeScript",
+  "build": {
+    "dockerfile": "Dockerfile",
+    // Update 'VARIANT' to pick a Node version: 12, 14, 16
+    "args": {
+      "VARIANT": "16"
+    }
+  },
+
+  // Set *default* container specific settings.json values on container create.
+  "settings": {},
+
+  // Add the IDs of extensions you want installed when the container is created.
+  "extensions": [
+    "dbaeumer.vscode-eslint",
+    "esbenp.prettier-vscode",
+    "tlent.jest-snapshot-language-support",
+    "ms-azuretools.vscode-docker"
+  ],
+
+  // Use 'forwardPorts' to make a list of ports inside the container available locally.
+  // "forwardPorts": [],
+
+  // Use 'postCreateCommand' to run commands after the container is created.
+  // "postCreateCommand": "yarn install",
+
+  // Comment out connect as root instead. More info: https://aka.ms/vscode-remote/containers/non-root.
+  "remoteUser": "node"
+}

.eslintrc

@@ -1,235 +1,26 @@
 {
-  "env": {
-    "node": true,
-    "es6": true,
-    "mocha": true
+  "root": true,
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "ecmaVersion": 2020,
+    "sourceType": "module"
   },
-  "ecmaFeatures": {
-    "arrowFunctions": true,
-    "binaryLiterals": true,
-    "blockBindings": true,
-    "classes": true,
-    "defaultParams": true,
-    "destructuring": true,
-    "forOf": true,
-    "generators": true,
-    "modules": true,
-    "objectLiteralComputedProperties": true,
-    "objectLiteralDuplicateProperties": true,
-    "objectLiteralShorthandMethods": true,
-    "objectLiteralShorthandProperties": true,
-    "octalLiterals": true,
-    "regexUFlag": true,
-    "regexYFlag": true,
-    "spread": true,
-    "superInFunctions": true,
-    "templateStrings": true,
-    "unicodeCodePointEscapes": true,
-    "globalReturn": true
+  "env": {
+    "node": true
   },
+  "extends": [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/eslint-recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:prettier/recommended"
+  ],
   "rules": {
-    "comma-dangle": 2,
-    "no-cond-assign": 2,
-    "no-constant-condition": 2,
-    "no-control-regex": 2,
-    "no-debugger": 2,
-    "no-dupe-args": 2,
-    "no-dupe-keys": 2,
-    "no-duplicate-case": 2,
-    "no-empty": 2,
-    "no-empty-character-class": 2,
-    "no-ex-assign": 2,
-    "no-extra-boolean-cast": 2,
-    "no-extra-parens": 0,
-    "no-extra-semi": 2,
-    "no-func-assign": 2,
-    "no-inner-declarations": 2,
-    "no-invalid-regexp": 2,
-    "no-irregular-whitespace": 2,
-    "no-negated-in-lhs": 2,
-    "no-obj-calls": 2,
-    "no-regex-spaces": 2,
-    "quote-props": 2,
-    "no-sparse-arrays": 2,
-    "no-unreachable": 2,
-    "use-isnan": 2,
-    "valid-jsdoc": 2,
-    "valid-typeof": 2,
-    "block-scoped-var": 0,
-    "complexity": 0,
-    "consistent-return": 2,
-    "curly": 2,
-    "default-case": 2,
-    "dot-notation": 2,
-    "eqeqeq": 2,
-    "guard-for-in": 2,
-    "no-alert": 2,
-    "no-caller": 2,
-    "no-div-regex": 2,
-    "no-else-return": 2,
-    "no-eq-null": 2,
-    "no-eval": 2,
-    "no-extend-native": 2,
-    "no-extra-bind": 2,
-    "no-fallthrough": 2,
-    "no-floating-decimal": 2,
-    "no-implied-eval": 2,
-    "no-iterator": 2,
-    "no-lone-blocks": 2,
-    "no-loop-func": 2,
-    "no-multi-spaces": 2,
-    "no-multi-str": 2,
-    "no-native-reassign": 2,
-    "no-new": 2,
-    "no-new-func": 2,
-    "no-new-wrappers": 2,
-    "no-octal": 2,
-    "no-octal-escape": 2,
-    "no-process-env": 0,
-    "no-proto": 2,
-    "no-redeclare": 2,
-    "no-return-assign": 2,
-    "no-script-url": 2,
-    "no-self-compare": 2,
-    "no-sequences": 2,
-    "no-throw-literal": 2,
-    "no-unused-expressions": 2,
-    "no-void": 2,
-    "no-warning-comments": [
-      0,
-      {
-        "terms": [
-          "todo",
-          "fixme"
-        ],
-        "location": "start"
-      }
-    ],
-    "no-with": 2,
-    "radix": 2,
-    "vars-on-top": 2,
-    "wrap-iife": 2,
-    "yoda": 2,
-    "strict": 0,
-    "no-catch-shadow": 2,
-    "no-delete-var": 2,
-    "no-label-var": 2,
-    "no-shadow": 2,
-    "no-shadow-restricted-names": 2,
-    "no-undef": 2,
-    "no-undef-init": 2,
-    "no-undefined": 2,
-    "no-unused-vars": 2,
-    "no-use-before-define": 2,
-    "indent": [
-      1,
-      2
-    ],
-    "brace-style": 1,
-    "camelcase": 1,
-    "comma-spacing": [
-      1,
-      {
-        "before": false,
-        "after": true
-      }
-    ],
-    "comma-style": [
-      1,
-      "last"
-    ],
-    "consistent-this": [
-      1,
-      "_this"
-    ],
-    "eol-last": 1,
-    "func-names": 0,
-    "func-style": 0,
-    "key-spacing": [
-      1,
-      {
-        "beforeColon": false,
-        "afterColon": true
-      }
-    ],
-    "max-nested-callbacks": [
-      1,
-      3
-    ],
-    "new-cap": [
-      1,
-      {
-        "newIsCap": true,
-        "capIsNew": false
-      }
-    ],
-    "new-parens": 1,
-    "newline-after-var": 0,
-    "no-array-constructor": 1,
-    "no-inline-comments": 1,
-    "no-lonely-if": 1,
-    "no-mixed-spaces-and-tabs": 1,
-    "no-multiple-empty-lines": [
-      1,
-      {
-        "max": 2
-      }
-    ],
-    "no-nested-ternary": 1,
-    "no-new-object": 1,
-    "no-spaced-func": 1,
-    "no-ternary": 0,
-    "no-trailing-spaces": 1,
-    "no-underscore-dangle": 1,
-    "one-var": [
-      1,
-      "never"
-    ],
-    "operator-assignment": [
-      1,
-      "never"
-    ],
-    "padded-blocks": [
-      1,
-      "never"
-    ],
-    "quotes": [
-      1,
-      "single"
-    ],
-    "semi": [
-      1,
-      "always"
-    ],
-    "semi-spacing": [
-      1,
+    "prettier/prettier": [
+      "error",
+      {},
       {
-        "before": false,
-        "after": true
+        "usePrettierrc": true
       }
-    ],
-    "sort-vars": 0,
-    "wrap-regex": 0,
-    "no-var": 2,
-    "generator-star-spacing": [
-      2,
-      "before"
-    ],
-    "max-depth": [
-      2,
-      3
-    ],
-    "max-len": [
-      2,
-      200,
-      2
-    ],
-    "max-params": [
-      2,
-      5
-    ],
-    "max-statements": 0,
-    "no-bitwise": 0,
-    "no-plusplus": 2
+    ]
   }
-}
+}

.prettierrc

@@ -0,0 +1,7 @@
+{
+  "semi": true,
+  "tabWidth": 2,
+  "printWidth": 100,
+  "singleQuote": true,
+  "trailingComma": "none"
+}

.travis.yml

@@ -0,0 +1,4 @@
+{
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.formatOnSave": true
+}

.vscode/settings.json

@@ -1,18 +1,21 @@
 # datauri-cli
 
- [CLI](#cli) to generate [Data URI scheme](http://en.wikipedia.org/wiki/Data_URI_scheme) using [datauri module](http://npm.im/datauri).
+[CLI](#cli) to generate [Data URI scheme](http://en.wikipedia.org/wiki/Data_URI_scheme) using [datauri module](http://npm.im/datauri).
 
- >  The data URI scheme is a uniform resource identifier (URI) scheme that provides a way to include data in-line in web pages as if they were external resources.
+> The data URI scheme is a uniform resource identifier (URI) scheme that provides a way to include data in-line in web pages as if they were external resources.
 
- from: [Wikipedia](http://en.wikipedia.org/wiki/Data_URI_scheme)
+from: [Wikipedia](http://en.wikipedia.org/wiki/Data_URI_scheme)
 
-[![Build Status](https://travis-ci.org/data-uri/datauri.svg?branch=master)](http://travis-ci.org/data-uri/datauri) [[![NPM version](http://img.shields.io/npm/dm/datauri.svg?style=flat)](https://www.npmjs.org/package/datauri)
+[![Build Status](https://github.com/data-uri/datauri/actions/workflows/main.yml/badge.svg?branch=main)](https://github.com/data-uri/datauri/actions/workflows/main.yml?query=branch%3Amain)
 
 ## CLI
+
 `npm install -g datauri-cli` (it may require Root privileges)
 
 ### Print
+
 To print a data-uri scheme from a file
+
 ```CLI
 $ datauri brand.png
 ```
@@ -41,17 +44,17 @@ $ datauri brand.png --css=asset/background.css
 If you want to define a Class Name, width and etc just type:
 
 ```CLI
-$ datauri brand.png --css --class=MyNewClass
+$ datauri brand.png --css --className=MyNewClass
 $ datauri brand.png --css --width --height
-$ datauri brand.png --css --background-size
+$ datauri brand.png --css --backgroundSize
 ```
+
 ## [ChangeLog](https://github.com/data-uri/datauri/releases)
 
 ## Requirements
 
 Node.js 8+
 
-
 ## License
 
 MIT License