@cocreate/unique 1.11.5 → 1.11.6

package/package.json

@@ -1,66 +1,66 @@
-{
-  "name": "@cocreate/unique",
-  "version": "1.11.5",
-  "description": "A simple unique component in vanilla javascript. Easily configured using HTML5 attributes and/or JavaScript API.",
-  "keywords": [
-    "unique",
-    "cocreate",
-    "low-code-framework",
-    "no-code-framework",
-    "cocreatejs",
-    "cocreatejs-component",
-    "cocreate-framework",
-    "no-code",
-    "low-code",
-    "collaborative-framework",
-    "realtime",
-    "realtime-framework",
-    "collaboration",
-    "shared-editing",
-    "html5-framework",
-    "javascript-framework"
-  ],
-  "publishConfig": {
-    "access": "public"
-  },
-  "scripts": {
-    "start": "npx webpack --config webpack.config.js",
-    "build": "NODE_ENV=production npx webpack --config webpack.config.js",
-    "dev": "npx webpack --config webpack.config.js --watch",
-    "docs": "node ./node_modules/@cocreate/docs/src/index.js",
-    "hosting": "node ./node_modules/@cocreate/hosting/src/index.js"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/CoCreate-app/CoCreate-unique.git"
-  },
-  "author": "CoCreate LLC",
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/CoCreate-app/CoCreate-unique/issues"
-  },
-  "homepage": "https://cocreate.app/docs/unique",
-  "funding": {
-    "type": "GitHub Sponsors ❤",
-    "url": "https://github.com/sponsors/CoCreate-app"
-  },
-  "main": "./src/index.js",
-  "devDependencies": {
-    "@babel/core": "^7.9.6",
-    "@babel/preset-env": "^7.9.6",
-    "babel-loader": "^8.1.0",
-    "clean-webpack-plugin": "^3.0.0",
-    "file-loader": "^6.2.0",
-    "mini-css-extract-plugin": "^1.5.0",
-    "style-loader": "^3.3.1",
-    "terser-webpack-plugin": "^5.1.1",
-    "webpack": "^5.24.4",
-    "webpack-cli": "^4.5.0",
-    "webpack-log": "^3.0.1"
-  },
-  "dependencies": {
-    "@cocreate/crud-client": "^1.21.5",
-    "@cocreate/docs": "^1.7.13",
-    "@cocreate/uuid": "^1.4.11"
-  }
-}
+{
+  "name": "@cocreate/unique",
+  "version": "1.11.6",
+  "description": "A simple unique component in vanilla javascript. Easily configured using HTML5 attributes and/or JavaScript API.",
+  "keywords": [
+    "unique",
+    "cocreate",
+    "low-code-framework",
+    "no-code-framework",
+    "cocreatejs",
+    "cocreatejs-component",
+    "cocreate-framework",
+    "no-code",
+    "low-code",
+    "collaborative-framework",
+    "realtime",
+    "realtime-framework",
+    "collaboration",
+    "shared-editing",
+    "html5-framework",
+    "javascript-framework"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "start": "npx webpack --config webpack.config.js",
+    "build": "NODE_ENV=production npx webpack --config webpack.config.js",
+    "dev": "npx webpack --config webpack.config.js --watch",
+    "docs": "node ./node_modules/@cocreate/docs/src/index.js",
+    "hosting": "node ./node_modules/@cocreate/hosting/src/index.js"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/CoCreate-app/CoCreate-unique.git"
+  },
+  "author": "CoCreate LLC",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/CoCreate-app/CoCreate-unique/issues"
+  },
+  "homepage": "https://cocreate.app/docs/unique",
+  "funding": {
+    "type": "GitHub Sponsors ❤",
+    "url": "https://github.com/sponsors/CoCreate-app"
+  },
+  "main": "./src/index.js",
+  "devDependencies": {
+    "@babel/core": "^7.9.6",
+    "@babel/preset-env": "^7.9.6",
+    "babel-loader": "^8.1.0",
+    "clean-webpack-plugin": "^3.0.0",
+    "file-loader": "^6.2.0",
+    "mini-css-extract-plugin": "^1.5.0",
+    "style-loader": "^3.3.1",
+    "terser-webpack-plugin": "^5.1.1",
+    "webpack": "^5.24.4",
+    "webpack-cli": "^4.5.0",
+    "webpack-log": "^3.0.1"
+  },
+  "dependencies": {
+    "@cocreate/crud-client": "^1.21.5",
+    "@cocreate/docs": "^1.7.13",
+    "@cocreate/uuid": "^1.4.11"
+  }
+}

package/release.config.js

@@ -1,22 +1,22 @@
-module.exports = {
-  dryRun: false,
-  branches: ["master"],
-  plugins: [
-    "@semantic-release/commit-analyzer",
-    "@semantic-release/release-notes-generator",
-    [
-      "@semantic-release/changelog",
-      {
-        changelogFile: "CHANGELOG.md",
-      },
-    ],
-    "@semantic-release/npm",
-    "@semantic-release/github",
-    [
-      "@semantic-release/git",
-      {
-        assets: ["CHANGELOG.md", "package.json"],
-      },
-    ],
-  ],
+module.exports = {
+  dryRun: false,
+  branches: ["master"],
+  plugins: [
+    "@semantic-release/commit-analyzer",
+    "@semantic-release/release-notes-generator",
+    [
+      "@semantic-release/changelog",
+      {
+        changelogFile: "CHANGELOG.md",
+      },
+    ],
+    "@semantic-release/npm",
+    "@semantic-release/github",
+    [
+      "@semantic-release/git",
+      {
+        assets: ["CHANGELOG.md", "package.json"],
+      },
+    ],
+  ],
 };

package/src/client.js

@@ -1,94 +1,94 @@
-import observer from '@cocreate/observer';
-import crud from '@cocreate/crud-client';
-
-
-/**
-* Initializes input event listeners for the specified elements. This is a convenience method for calling setInputEvent on each element.
-* 
-* @param elements - The HTMLElement or array of HTMLElements to listen
-*/
-function init(elements) {
-    // Returns an array of unique elements
-    if (!elements)
-        elements = document.querySelectorAll('[unique]')
-    // If elements is not an array of elements returns an array of elements.
-    else if (!Array.isArray(elements))
-        elements = [elements]
-    for (let element of elements)
-        setInputEvent(element)
-}
-
-/**
-* Sets the input event to prevent duplicate. This is necessary because IE doesn't support unique = " true " in HTML5.
-* 
-* @param input - The input element to listen for changes on. Note that it's an object
-*/
-function setInputEvent(input) {
-    let delayTimer
-    input.addEventListener('input', function () {
-        input.setAttribute('unique', true);
-
-        clearTimeout(delayTimer);
-        delayTimer = setTimeout(function () {
-            isUnique(input)
-        }, 1000);
-    });
-}
-
-/**
-* Checks if a value is unique. This is a helper function for CRUD operations that need to be performed on documents in order to make sure they are unique.
-* 
-* @param element - The element that is being checked for uniqueness. It should have the attribute ` name `
-*/
-async function isUnique(element) {
-    let name = element.getAttribute('name');
-    let value = element.getValue();
-    let request = {
-        db: 'indexeddb',
-        collection: element.getAttribute('collection'),
-        filter: {
-            query: [{
-                name,
-                value,
-                operator: '$eq'
-            }]
-        }
-    };
-
-    let data = await crud.readDocument(request)
-    let response = {
-        element,
-        name,
-        unique: true
-    };
-
-    // If a document is returned, unique is set to false  
-    if (data.document && data.document.length) {
-        response.unique = false;
-    }
-
-    // If indexedb response is unique is true, check server response  
-    if (response.unique) {
-        delete request.db
-        response = await crud.socket.send('isUnique', request)
-    }
-
-    // Set unique attribute on the element
-    if (response.unique)
-        element.setAttribute('unique', true);
-    else
-        element.setAttribute('unique', false);
-
-}
-
-observer.init({
-    name: 'CoCreateUnique',
-    observe: ['addedNodes'],
-    target: '[unique]',
-    callback: mutation =>
-        init(mutation.target)
-});
-
-init();
-
+import observer from '@cocreate/observer';
+import crud from '@cocreate/crud-client';
+
+
+/**
+* Initializes input event listeners for the specified elements. This is a convenience method for calling setInputEvent on each element.
+* 
+* @param elements - The HTMLElement or array of HTMLElements to listen
+*/
+function init(elements) {
+    // Returns an array of unique elements
+    if (!elements)
+        elements = document.querySelectorAll('[unique]')
+    // If elements is not an array of elements returns an array of elements.
+    else if (!Array.isArray(elements))
+        elements = [elements]
+    for (let element of elements)
+        setInputEvent(element)
+}
+
+/**
+* Sets the input event to prevent duplicate. This is necessary because IE doesn't support unique = " true " in HTML5.
+* 
+* @param input - The input element to listen for changes on. Note that it's an object
+*/
+function setInputEvent(input) {
+    let delayTimer
+    input.addEventListener('input', function () {
+        input.setAttribute('unique', true);
+
+        clearTimeout(delayTimer);
+        delayTimer = setTimeout(function () {
+            isUnique(input)
+        }, 1000);
+    });
+}
+
+/**
+* Checks if a value is unique. This is a helper function for CRUD operations that need to be performed on documents in order to make sure they are unique.
+* 
+* @param element - The element that is being checked for uniqueness. It should have the attribute ` name `
+*/
+async function isUnique(element) {
+    let name = element.getAttribute('name');
+    let value = element.getValue();
+    let request = {
+        db: 'indexeddb',
+        collection: element.getAttribute('collection'),
+        filter: {
+            query: [{
+                name,
+                value,
+                operator: '$eq'
+            }]
+        }
+    };
+
+    let data = await crud.readDocument(request)
+    let response = {
+        element,
+        name,
+        unique: true
+    };
+
+    // If a document is returned, unique is set to false  
+    if (data.document && data.document.length) {
+        response.unique = false;
+    }
+
+    // If indexedb response is unique is true, check server response  
+    if (response.unique) {
+        delete request.db
+        response = await crud.socket.send('isUnique', request)
+    }
+
+    // Set unique attribute on the element
+    if (response.unique)
+        element.setAttribute('unique', true);
+    else
+        element.setAttribute('unique', false);
+
+}
+
+observer.init({
+    name: 'CoCreateUnique',
+    observe: ['addedNodes'],
+    target: '[unique]',
+    callback: mutation =>
+        init(mutation.target)
+});
+
+init();
+
 export default { init, isUnique }

package/src/index.js

@@ -1,15 +1,15 @@
-// Check if browser, return client or server file
-(function (root, factory) {
-    if (typeof define === 'function' && define.amd) {
-        define(["./client.js"], function (CoCreateUnique) {
-            return factory(CoCreateUnique)
-        });
-    } else if (typeof module === 'object' && module.exports) {
-        const CoCreateUnique = require("./server.js")
-        module.exports = factory(CoCreateUnique);
-    } else {
-        root.returnExports = factory(root["./client.js"]);
-    }
-}(typeof self !== 'undefined' ? self : this, function (CoCreateUnique) {
-    return CoCreateUnique;
+// Check if browser, return client or server file
+(function (root, factory) {
+    if (typeof define === 'function' && define.amd) {
+        define(["./client.js"], function (CoCreateUnique) {
+            return factory(CoCreateUnique)
+        });
+    } else if (typeof module === 'object' && module.exports) {
+        const CoCreateUnique = require("./server.js")
+        module.exports = factory(CoCreateUnique);
+    } else {
+        root.returnExports = factory(root["./client.js"]);
+    }
+}(typeof self !== 'undefined' ? self : this, function (CoCreateUnique) {
+    return CoCreateUnique;
 }));

package/src/server.js

@@ -1,48 +1,48 @@
-class CoCreateUnique {
-    /**
-    * @param crud
-    */
-    constructor(crud) {
-        this.wsManager = crud.wsManager
-        this.crud = crud
-        this.init();
-    }
-
-    init() {
-        if (this.wsManager) {
-            this.wsManager.on('isUnique',
-                (socket, data) => this.isUnique(socket, data));
-        }
-    }
-
-
-    /**
-    * Checks if a document is unique by sending a message to the socket. This is a blocking call so it returns a Promise
-    * 
-    * @param socket - the socket to send the message to
-    * @param data - the data to read from the database usually an object
-    * 
-    * @return { Promise } - resolves with the response from the server or rejects with an error if there was a
-    */
-    async isUnique(socket, data) {
-        const self = this
-        try {
-            this.crud.readDocument(data).then((data) => {
-                let response = {
-                    unique: true,
-                    uid: data.uid
-                };
-                // If the document is unique
-                if (data.document.length) {
-                    response.unique = false;
-                }
-                return self.wsManager.send(socket, 'isUnique', response);
-            })
-        } catch (error) {
-            console.log(error);
-        }
-    }
-
-}
-
+class CoCreateUnique {
+    /**
+    * @param crud
+    */
+    constructor(crud) {
+        this.wsManager = crud.wsManager
+        this.crud = crud
+        this.init();
+    }
+
+    init() {
+        if (this.wsManager) {
+            this.wsManager.on('isUnique',
+                (socket, data) => this.isUnique(socket, data));
+        }
+    }
+
+
+    /**
+    * Checks if a document is unique by sending a message to the socket. This is a blocking call so it returns a Promise
+    * 
+    * @param socket - the socket to send the message to
+    * @param data - the data to read from the database usually an object
+    * 
+    * @return { Promise } - resolves with the response from the server or rejects with an error if there was a
+    */
+    async isUnique(socket, data) {
+        const self = this
+        try {
+            this.crud.readDocument(data).then((data) => {
+                let response = {
+                    unique: true,
+                    uid: data.uid
+                };
+                // If the document is unique
+                if (data.document.length) {
+                    response.unique = false;
+                }
+                return self.wsManager.send(socket, 'isUnique', response);
+            })
+        } catch (error) {
+            console.log(error);
+        }
+    }
+
+}
+
 module.exports = CoCreateUnique;

package/webpack.config.js

@@ -1,84 +1,84 @@
-const path = require("path")
-const TerserPlugin = require("terser-webpack-plugin")
-const MiniCssExtractPlugin = require("mini-css-extract-plugin")
-let isProduction = process.env.NODE_ENV === "production"
-const { CleanWebpackPlugin } = require("clean-webpack-plugin")
-
-module.exports = {
-  entry: {
-    "CoCreate-unique": "./src/index.js",
-  },
-  output: {
-    path: path.resolve(__dirname, "dist"),
-    filename: isProduction ? "[name].min.js" : "[name].js",
-    libraryTarget: "umd",
-    libraryExport: "default",
-    library: ["CoCreate", "unique"],
-    globalObject: "this",
-  },
-
-  plugins: [
-    new CleanWebpackPlugin(),
-    new MiniCssExtractPlugin({
-      filename: "[name].css",
-    }),
-  ],
-  // Default mode for Webpack is production.
-  // Depending on mode Webpack will apply different things
-  // on final bundle. For now we don't need production's JavaScript
-  // minifying and other thing so let's set mode to development
-  mode: isProduction ? "production" : "development",
-  module: {
-    rules: [
-      {
-        test: /.js$/,
-        exclude: /(node_modules)/,
-        use: {
-          loader: "babel-loader",
-          options: {
-            plugins: ["@babel/plugin-transform-modules-commonjs"],
-          },
-        },
-      },
-      {
-        test: /.css$/i,
-        use: [
-          { loader: "style-loader", options: { injectType: "linkTag" } },
-          "file-loader",
-        ],
-      },
-    ],
-  },
-
-  // add source map
-  ...(isProduction ? {} : { devtool: "eval-source-map" }),
-
-  optimization: {
-    minimize: true,
-    minimizer: [
-      new TerserPlugin({
-        extractComments: true,
-        // cache: true,
-        parallel: true,
-        // sourceMap: true, // Must be set to true if using source-maps in production
-        terserOptions: {
-          // https://github.com/webpack-contrib/terser-webpack-plugin#terseroptions
-          // extractComments: 'all',
-          compress: {
-            drop_console: true,
-          },
-        },
-      }),
-    ],
-    splitChunks: {
-      chunks: "all",
-      minSize: 200,
-      // maxSize: 99999,
-      //minChunks: 1,
-
-      cacheGroups: {
-        defaultVendors: false,
-      },
-    },
-  },
-}
+const path = require("path")
+const TerserPlugin = require("terser-webpack-plugin")
+const MiniCssExtractPlugin = require("mini-css-extract-plugin")
+let isProduction = process.env.NODE_ENV === "production"
+const { CleanWebpackPlugin } = require("clean-webpack-plugin")
+
+module.exports = {
+  entry: {
+    "CoCreate-unique": "./src/index.js",
+  },
+  output: {
+    path: path.resolve(__dirname, "dist"),
+    filename: isProduction ? "[name].min.js" : "[name].js",
+    libraryTarget: "umd",
+    libraryExport: "default",
+    library: ["CoCreate", "unique"],
+    globalObject: "this",
+  },
+
+  plugins: [
+    new CleanWebpackPlugin(),
+    new MiniCssExtractPlugin({
+      filename: "[name].css",
+    }),
+  ],
+  // Default mode for Webpack is production.
+  // Depending on mode Webpack will apply different things
+  // on final bundle. For now we don't need production's JavaScript
+  // minifying and other thing so let's set mode to development
+  mode: isProduction ? "production" : "development",
+  module: {
+    rules: [
+      {
+        test: /.js$/,
+        exclude: /(node_modules)/,
+        use: {
+          loader: "babel-loader",
+          options: {
+            plugins: ["@babel/plugin-transform-modules-commonjs"],
+          },
+        },
+      },
+      {
+        test: /.css$/i,
+        use: [
+          { loader: "style-loader", options: { injectType: "linkTag" } },
+          "file-loader",
+        ],
+      },
+    ],
+  },
+
+  // add source map
+  ...(isProduction ? {} : { devtool: "eval-source-map" }),
+
+  optimization: {
+    minimize: true,
+    minimizer: [
+      new TerserPlugin({
+        extractComments: true,
+        // cache: true,
+        parallel: true,
+        // sourceMap: true, // Must be set to true if using source-maps in production
+        terserOptions: {
+          // https://github.com/webpack-contrib/terser-webpack-plugin#terseroptions
+          // extractComments: 'all',
+          compress: {
+            drop_console: true,
+          },
+        },
+      }),
+    ],
+    splitChunks: {
+      chunks: "all",
+      minSize: 200,
+      // maxSize: 99999,
+      //minChunks: 1,
+
+      cacheGroups: {
+        defaultVendors: false,
+      },
+    },
+  },
+}