chore: fix workflow and add CodeSandbox to readme

Author: SMAKSS

.github/workflows/npm-publish.yml

@@ -1,7 +1,7 @@
 # This workflow will run tests using node and then publish a package to GitHub Packages when a release is created
 # For more information see: https://help.github.com/actions/language-and-framework-guides/publishing-nodejs-packages
 
-name: '@smakss/random-string'
+name: "@smakss/random-string"
 
 on:
   release:
@@ -11,21 +11,21 @@ jobs:
   build:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v1
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
         with:
-          node-version: 12
+          node-version: 16
 
   publish-npm:
     needs: build
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v1
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
         with:
-          node-version: 12
+          node-version: 16
           registry-url: https://registry.npmjs.org/
-          scope: '@smakss'
+          scope: "@smakss"
       - run: npm publish
         env:
           NODE_AUTH_TOKEN: ${{secrets.npm_token}}
@@ -34,12 +34,12 @@ jobs:
     needs: build
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v1
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
         with:
-          node-version: 12
+          node-version: 16
           registry-url: https://npm.pkg.github.com/
-          scope: '@smakss'
+          scope: "@smakss"
       - run: npm publish
         env:
           NODE_AUTH_TOKEN: ${{secrets.GITHUB_TOKEN}}

Readme.md

@@ -17,13 +17,13 @@ yarn add @smakss/random-string
 to include it with common js module you should do this:
 
 ```js
-var randomString = require('@smakss/random-string');
+var randomString = require("@smakss/random-string");
 ```
 
 and to include it with ECMAscript module you can simply do this one:
 
 ```js
-import randomString from '@smakss/random-string';
+import randomString from "@smakss/random-string";
 ```
 
 ## Examples of usage
@@ -37,24 +37,29 @@ randomString();
 
 // Result: 'epTfoad497&p'
 ```
+
 <sub>**NOTE:** If the input params were empty the length of string will be selected randomly between 1-20.<sub>
 
 Generate a random string with a length of 10:
 
 ```js
-randomString(10); 
+randomString(10);
 
-// Result: 'BD@Z8dKf2%' 
+// Result: 'BD@Z8dKf2%'
 ```
 
 You can provide both length and allowed characters:
 
 ```js
-randomString(10, 'abCD#@'); 
+randomString(10, "abCD#@");
 
 // Result: 'b@@#aDaC##'
 ```
 
 ## Demo
 
 You can check the [working demo](https://runkit.com/smakss/random-string) in runkit.
+
+or
+
+[![View @smakss/random-string](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/smakss-random-string-xlf6d2?fontsize=14&hidenavigation=1&theme=dark)

package.json

@@ -1,17 +1,14 @@
 {
-  "name": "@smakss/random-string",
-  "version": "1.2.3",
+  "author": "SMAKSS",
+  "bugs": {
+    "url": "https://github.com/SMAKSS/random-string/issues"
+  },
   "description": "Generates random dummy string with random length.",
-  "type": "module",
-  "main": "index.cjs",
   "exports": {
     "import": "./index.mjs",
     "require": "./index.cjs"
   },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/SMAKSS/random-string.git"
-  },
+  "homepage": "https://github.com/SMAKSS/random-string#readme",
   "keywords": [
     "npm",
     "yarn",
@@ -23,10 +20,13 @@
     "EcmaScript",
     "random-string"
   ],
-  "author": "SMAKSS",
   "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/SMAKSS/random-string/issues"
+  "main": "index.cjs",
+  "name": "@smakss/random-string",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/SMAKSS/random-string.git"
   },
-  "homepage": "https://github.com/SMAKSS/random-string#readme"
+  "type": "module",
+  "version": "1.2.4"
 }