@memori.ai/memori-webcomponent 0.1.0

package/package.json

@@ -0,0 +1,210 @@
+{
+  "name": "@memori.ai/memori-webcomponent",
+  "version": "0.1.0",
+  "description": "WebComponent to integrate a Memori in your app or website",
+  "author": "Memori Srl",
+  "source": "src/index.tsx",
+  "files": [
+    "dist",
+    "src"
+  ],
+  "license": "Apache-2.0",
+  "homepage": "https://github.com/memori-ai/memori-webcomponent#readme",
+  "bugs": "https://github.com/memori-ai/memori-webcomponent/issues",
+  "repository": "https://github.com/memori-ai/memori-webcomponent.git",
+  "keywords": [
+    "memori",
+    "memori-ai",
+    "webcomponent",
+    "react",
+    "nlp",
+    "typescript",
+    "ai",
+    "conversational-agents",
+    "conversational-ai"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "scripts": {
+    "prebuild": "yarn clean",
+    "build": "parcel build --no-content-hash --no-source-maps --dist-dir dist && mv dist/index.js dist/memori-webcomponent.js && mv dist/index.css dist/memori-webcomponent.css",
+    "clean": "rimraf dist",
+    "format": "prettier --write src",
+    "lint": "eslint --ignore-path .gitignore \"src/**/*.+(ts|js|tsx)\"",
+    "prepare": "yarn build && yarn prepare:husky",
+    "prepare:husky": "is-ci || husky install",
+    "typecheck": "tsc --noEmit"
+  },
+  "prettier": {
+    "printWidth": 80,
+    "semi": true,
+    "singleQuote": true,
+    "trailingComma": "es5",
+    "arrowParens": "avoid",
+    "endOfLine": "auto",
+    "overrides": [
+      {
+        "files": "*.css",
+        "options": {
+          "tabWidth": 4,
+          "printWidth": 120
+        }
+      },
+      {
+        "files": "*.json",
+        "options": {
+          "printWidth": 200
+        }
+      }
+    ]
+  },
+  "eslintIgnore": [
+    "/node_modules",
+    "/build"
+  ],
+  "eslintConfig": {
+    "env": {
+      "browser": true,
+      "es2021": true,
+      "jest": true
+    },
+    "parser": "@typescript-eslint/parser",
+    "parserOptions": {
+      "ecmaFeatures": {
+        "jsx": true
+      },
+      "ecmaVersion": "latest",
+      "sourceType": "module"
+    },
+    "extends": [
+      "plugin:react/recommended",
+      "prettier"
+    ],
+    "plugins": [
+      "jest",
+      "react",
+      "@typescript-eslint",
+      "prettier",
+      "react-hooks",
+      "jsx-a11y"
+    ],
+    "rules": {
+      "endOfLine": "off",
+      "react/no-unknown-property": "off",
+      "react/require-default-props": "off",
+      "no-console": "off",
+      "no-shadow": "off"
+    }
+  },
+  "stylelint": {
+    "extends": [
+      "stylelint-config-recommended",
+      "stylelint-config-prettier",
+      "stylelint-config-idiomatic-order"
+    ],
+    "rules": {
+      "at-rule-no-unknown": [
+        true,
+        {
+          "ignoreAtRules": [
+            "extend",
+            "function",
+            "include",
+            "mixin",
+            "return"
+          ]
+        }
+      ]
+    }
+  },
+  "release-it": {
+    "hooks": {
+      "after:bump": "yarn build"
+    },
+    "git": {
+      "tagName": "v${version}",
+      "commitMessage": "chore: release v${version}"
+    },
+    "npm": {
+      "publish": true
+    },
+    "github": {
+      "release": true,
+      "releaseName": "${version}"
+    },
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "infile": "CHANGELOG.md",
+        "preset": {
+          "name": "conventionalcommits",
+          "types": [
+            {
+              "type": "feat",
+              "section": "Features"
+            },
+            {
+              "type": "fix",
+              "section": "Bug Fixes"
+            },
+            {
+              "type": "refactor",
+              "section": "Changes"
+            },
+            {
+              "type": "chore",
+              "section": "Maintenance"
+            }
+          ]
+        }
+      }
+    }
+  },
+  "devDependencies": {
+    "@commitlint/cli": "17.3.0",
+    "@commitlint/config-conventional": "17.3.0",
+    "@parcel/packager-ts": "2.8.0",
+    "@parcel/transformer-typescript-types": "2.8.0",
+    "@release-it/conventional-changelog": "5.1.1",
+    "@types/react": "18.0.25",
+    "@types/react-dom": "18.0.9",
+    "@typescript-eslint/eslint-plugin": "5.45.1",
+    "@typescript-eslint/parser": "5.45.1",
+    "buffer": "^5.5.0",
+    "crypto-browserify": "^3.12.0",
+    "eslint": "8.29.0",
+    "eslint-config-prettier": "8.5.0",
+    "eslint-plugin-import": "2.26.0",
+    "eslint-plugin-jest": "27.1.5",
+    "eslint-plugin-jsx-a11y": "6.6.1",
+    "eslint-plugin-prettier": "4.2.1",
+    "eslint-plugin-react": "7.31.11",
+    "eslint-plugin-react-hooks": "4.6.0",
+    "events": "^3.1.0",
+    "https-browserify": "^1.0.0",
+    "husky": "8.0.2",
+    "identity-obj-proxy": "3.0.0",
+    "is-ci": "3.0.1",
+    "parcel": "2.8.0",
+    "process": "^0.11.10",
+    "punycode": "^1.4.1",
+    "querystring-es3": "^0.2.1",
+    "release-it": "15.5.0",
+    "rimraf": "3.0.2",
+    "stream-browserify": "^3.0.0",
+    "stream-http": "^3.1.0",
+    "stylelint": "14.15.0",
+    "stylelint-config-idiomatic-order": "9.0.0",
+    "stylelint-config-prettier": "9.0.4",
+    "stylelint-config-recommended": "9.0.0",
+    "typescript": "4.9.3",
+    "url": "^0.11.0",
+    "util": "^0.12.3"
+  },
+  "dependencies": {
+    "@memori.ai/memori-react": "^1.0.0-alpha.3",
+    "react": "17.0.2",
+    "react-dom": "17.0.2"
+  }
+}

package/src/index.tsx

@@ -0,0 +1,41 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+
+import Memori from '@memori.ai/memori-react';
+
+class MemoriWebComponent extends HTMLElement {
+  connectedCallback() {
+    const wrapper = document.createElement('div');
+
+    const mountPoint = document.createElement('div');
+    mountPoint.setAttribute('id', 'memori-root');
+
+    const styles = document.createElement('style');
+    styles.innerHTML = `
+      @import url('https://unpkg.com/@memori.ai/memori-webcomponent/dist/memori-webcomponent.css');
+    `;
+
+    wrapper.appendChild(styles);
+    wrapper.appendChild(mountPoint);
+
+    this.attachShadow({ mode: 'open' }).appendChild(wrapper);
+
+    const props = Object.keys(
+      Memori.propTypes as { [key: string]: any }
+    ).reduce<{ [key: string]: any }>((acc, key) => {
+      if (this.hasAttribute(key)) {
+        acc[key] = this.getAttribute(key);
+      }
+      return acc;
+    }, {});
+    const tenantID = this.getAttribute('tenantId');
+
+    if (tenantID) {
+      ReactDOM.render(<Memori {...props} tenantID={tenantID} />, mountPoint);
+    } else {
+      console.error('No tenantId attribute found');
+    }
+  }
+}
+
+customElements.define('memori-client', MemoriWebComponent);