chore: update dependencies

package.json

@@ -80,7 +80,7 @@
     "simple-git-hooks": "^2.6.1",
     "source-map-loader": "3.0.0",
     "style-loader": "3.3.0",
-    "tailwindcss": "2.2.19",
+    "tailwindcss": "^3.0.7",
     "terser-webpack-plugin": "5.2.4",
     "vue-loader": "16.8.1",
     "webpack": "5.55.1",

src/locales/en/blocks.json

@@ -76,6 +76,10 @@
         "select": "Select workflow",
         "description": ""
       },
+      "google-sheets": {
+        "name": "Google sheets",
+        "description": "Read or write google sheet data"
+      },
       "active-tab": {
         "name": "Active tab",
         "description": "Set current tab that you're in as an active tab"

src/locales/en/newtab.json

@@ -89,9 +89,9 @@
       "invalid-url": "URL is not valid",
       "conditions-empty": "Conditions is empty",
       "invalid-proxy-host": "Invalid proxy host",
-      "invalid-body": "Content body is not valid",
       "workflow-disabled": "Workflow is disabled",
       "selector-empty": "Element selector is empty",
+      "invalid-body": "Content body is not valid JSON",
       "invalid-active-tab": "\"{url}\" is invalid URL",
       "empty-workflow": "You must select a workflow first",
       "active-tab-removed": "Workflow active tab is removed",

src/utils/shared.js

@@ -413,6 +413,21 @@ export const tasks = {
       eventParams: { bubbles: true, cancelable: false },
     },
   },
+  'google-sheets': {
+    name: 'Google sheets',
+    description: 'Read or write google sheet data',
+    icon: 'mdiGoogleSheet',
+    component: 'BlockBasic',
+    category: 'onlineServices',
+    inputs: 1,
+    outputs: 1,
+    allowedInputs: true,
+    maxConnection: 1,
+    data: {
+      url: '',
+      type: 'get',
+    },
+  },
   conditions: {
     name: 'Conditions',
     description: 'Conditional block',
@@ -552,6 +567,10 @@ export const categories = {
     name: 'General',
     color: 'bg-yellow-200',
   },
+  onlineServices: {
+    name: 'Online services',
+    color: 'bg-purple-200',
+  },
   conditions: {
     name: 'Conditions',
     color: 'bg-blue-200',

tailwind.config.js

@@ -1,16 +1,15 @@
 const colors = require('tailwindcss/colors');
 
 module.exports = {
-  mode: 'jit',
-  purge: ['./src/**/*.{js,jsx,ts,tsx,vue}'],
+  content: ['./src/**/*.{js,jsx,ts,tsx,vue}'],
   darkMode: 'class', // or 'media' or 'class'
   theme: {
     extend: {
       colors: {
         primary: colors.blue['500'],
         secondary: colors.blue['400'],
-        accent: colors.gray['900'],
-        gray: colors.gray,
+        accent: colors.zinc['900'],
+        gray: colors.zinc,
         orange: colors.orange,
       },
       fontFamily: {