Add touchpoint-ui

nlxai · Jan 5, 2025 · cbe3cdf · cbe3cdf
1 parent 4e955cf
commit cbe3cdf
Show file tree

Hide file tree

Showing 50 changed files with 3,665 additions and 677 deletions.
diff --git a/lerna.json b/lerna.json
@@ -15,6 +15,7 @@
     "packages/chat-widget",
     "packages/voice-plus-core",
     "packages/voice-plus-web",
+    "packages/touchpoint-ui",
     "packages/website"
   ],
   "version": "1.0.0",

diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/chat-core/LICENSE b/packages/chat-core/LICENSE
@@ -1,4 +1,4 @@
-Copyright (c) 2023, NLX Inc. 
+Copyright (c) 2025, NLX Inc. 
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

diff --git a/packages/chat-preact/LICENSE b/packages/chat-preact/LICENSE
@@ -1,4 +1,4 @@
-Copyright (c) 2023, NLX Inc. 
+Copyright (c) 2025, NLX Inc. 
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

diff --git a/packages/chat-react/LICENSE b/packages/chat-react/LICENSE
@@ -1,4 +1,4 @@
-Copyright (c) 2023, NLX Inc. 
+Copyright (c) 2025, NLX Inc. 
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

diff --git a/packages/touchpoint-ui/.eslintrc.cjs b/packages/touchpoint-ui/.eslintrc.cjs
@@ -0,0 +1,5 @@
+/** @type {import('eslint').Linter.Config } */
+module.exports = {
+  root: true,
+  extends: ["nlx", "nlx/documentation"],
+};
diff --git a/packages/touchpoint-ui/.gitignore b/packages/touchpoint-ui/.gitignore
@@ -0,0 +1,27 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+lib
+!index.html
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+.vscode
diff --git a/packages/touchpoint-ui/.npmignore b/packages/touchpoint-ui/.npmignore
@@ -0,0 +1,5 @@
+.cache
+.DS_Store
+.env
+node_modules
+src
diff --git a/packages/touchpoint-ui/.prettierrc b/packages/touchpoint-ui/.prettierrc
@@ -0,0 +1 @@
+{}
diff --git a/packages/touchpoint-ui/LICENSE b/packages/touchpoint-ui/LICENSE
@@ -0,0 +1,20 @@
+Copyright (c) 2025, NLX Inc. 
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
diff --git a/packages/touchpoint-ui/README.md b/packages/touchpoint-ui/README.md
@@ -0,0 +1,10 @@
+# touchpoint-prototype
+
+## Run locally
+
+`npm install`
+`npm run dev`
+
+## Standalone dev environment and design system
+
+`npm run design-system`
diff --git a/packages/touchpoint-ui/index.html b/packages/touchpoint-ui/index.html
@@ -0,0 +1,95 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <link rel="icon" href="/favicon.ico" type="image/x-icon" />
+  <style>
+    main {
+      padding: 15px;
+    }
+
+    main * {
+      font-family: Helvetica, sans-serif;
+    }
+  </style>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Touchpoint prototype</title>
+</head>
+
+<body>
+  <main>
+    <h1>Loreum ipsum dolor sit amet</h1>
+
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam
+      fermentum nisi nec placerat facilisis. Ut fringilla magna ac ipsum
+      finibus, vitae scelerisque magna molestie. Donec mollis ut elit a
+      tristique. Phasellus tempus velit quam, non tempor dolor tempus a.
+      Quisque sed risus tortor. Duis ultricies maximus imperdiet. Vivamus eget
+      accumsan nulla. Sed accumsan ipsum in pharetra ornare. In ac scelerisque
+      metus. In hac habitasse platea dictumst. Proin est massa, interdum ut
+      risus sit amet, congue bibendum dolor. Donec dapibus lacus vel sem
+      hendrerit, sit amet placerat odio blandit. Cras laoreet sapien id erat
+      ornare, in hendrerit tortor commodo.
+    </p>
+
+    <p>
+      Nulla porta quis sem id pellentesque. Aenean elit enim, vestibulum vitae
+      libero quis, pretium vestibulum nunc. Proin id dolor vulputate, rhoncus
+      tellus quis, condimentum mi. Morbi sed varius nisi, sed convallis
+      tellus. Cras imperdiet feugiat nisi at tristique. Suspendisse potenti.
+      Cras in quam fermentum, laoreet tortor non, euismod leo. Mauris
+      tincidunt massa quis malesuada pellentesque. Nulla auctor arcu vel orci
+      sodales porttitor.
+    </p>
+
+    <p>
+      Integer magna mi, consectetur vitae dui tempus, ultricies commodo magna.
+      Morbi aliquet varius enim eget ullamcorper. Vestibulum tristique, risus
+      eget tincidunt tristique, nibh dolor laoreet purus, id viverra mi ipsum
+      eget neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+      Vestibulum imperdiet ut ex et convallis. Lorem ipsum dolor sit amet,
+      consectetur adipiscing elit. Phasellus auctor eget odio ut dignissim.
+      Mauris eget velit ut orci vestibulum bibendum. Vestibulum sit amet
+      tincidunt enim.
+    </p>
+
+    <p>
+      Donec eu mauris ac lectus rutrum blandit ut id ante. Phasellus volutpat
+      imperdiet mauris in aliquet. Duis auctor, tellus ac faucibus fermentum,
+      ligula quam hendrerit eros, ut vehicula erat mi non nulla. Fusce odio
+      massa, fermentum eget metus vitae, interdum viverra justo. Nam consequat
+      mauris orci, a rhoncus eros volutpat nec. Nunc iaculis erat efficitur,
+      pulvinar eros vel, commodo ligula. Praesent gravida, ipsum vitae tempus
+      aliquam, mauris elit pharetra sapien, vitae porttitor quam orci quis
+      dolor. Mauris et vulputate enim, et pellentesque libero. Proin cursus
+      malesuada condimentum. Donec scelerisque, quam in fringilla facilisis,
+      nibh sapien varius justo, eget pellentesque erat leo ac lectus. Nulla eu
+      auctor sem. Cras condimentum sem non mauris facilisis imperdiet. Integer
+      eu dolor ipsum. Praesent maximus ornare felis, non faucibus sem
+      porttitor nec.
+    </p>
+
+    <p>
+      Orci varius natoque penatibus et magnis dis parturient montes, nascetur
+      ridiculus mus. Nunc elementum non urna vel vulputate. Vestibulum vitae
+      felis turpis. Cras id mauris id ligula molestie eleifend. Vivamus in
+      ante at erat rutrum vulputate vel id arcu. Nam luctus sapien sed
+      fermentum fermentum. Ut dolor velit, elementum et metus vel, pretium
+      dapibus lectus. Nulla vulputate pulvinar elit quis convallis. Cras
+      pharetra, eros sit amet blandit ornare, eros odio accumsan urna, nec
+      vestibulum dolor purus nec neque. Phasellus vel quam sed magna vehicula
+      facilisis sit amet non risus. Phasellus libero eros, eleifend ut
+      vulputate non, malesuada sit amet purus. Etiam vel diam facilisis,
+      tempus quam eu, ullamcorper turpis. Duis nec enim ut est rutrum rhoncus.
+      Cras finibus urna at purus accumsan, viverra lacinia nunc faucibus. In
+      facilisis, ex eu commodo luctus, justo nisl hendrerit quam, quis
+      volutpat tellus lectus sit amet enim. Duis laoreet lorem vitae lorem
+      aliquam bibendum.
+    </p>
+  </main>
+  <script type="module" src="/src/index.tsx"></script>
+</body>
+
+</html>
diff --git a/packages/touchpoint-ui/lerna.json b/packages/touchpoint-ui/lerna.json
@@ -0,0 +1,23 @@
+{
+  "command": {
+    "publish": {
+      "private": false
+    },
+    "version": {
+      "private": false
+    }
+  },
+  "npmClient": "npm",
+  "packages": [
+    "packages/chat-core",
+    "packages/chat-react",
+    "packages/chat-preact",
+    "packages/chat-widget",
+    "packages/voice-plus-core",
+    "packages/voice-plus-web",
+    "packages/touchpoint-ui",
+    "packages/website"
+  ],
+  "version": "1.0.0",
+  "$schema": "node_modules/lerna/schemas/lerna-schema.json"
+}
diff --git a/packages/touchpoint-ui/package.json b/packages/touchpoint-ui/package.json
@@ -0,0 +1,46 @@
+{
+  "name": "@nlxai/touchpoint-ui",
+  "private": true,
+  "version": "0.1.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "design-system": "vite --mode design-system",
+    "build": "tsc && vite build",
+    "docs": "echo \"todo\"",
+    "lint:check": "eslint src/ --ext .ts,.tsx,.js,.jsx --max-warnings 0",
+    "lint": "eslint src/ --ext .ts,.tsx,.js,.jsx --fix",
+    "format": "git ls-files | grep -E '\\.(js|jsx|ts|tsx|css|html)$' | xargs prettier --write",
+    "preview-docs": "echo \"todo\"",
+    "publish-docs": "echo \"todo\"",
+    "test": "echo \"todo\"",
+    "tsc": "tsc"
+  },
+  "dependencies": {
+    "@nlxai/chat-core": "^1.0.0",
+    "@react-hookz/web": "^25.0.1",
+    "clsx": "^2.1.1",
+    "marked": "^15.0.4",
+    "ramda": "^0.30.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-indiana-drag-scroll": "^2.2.0",
+    "react-textarea-autosize": "^8.5.6"
+  },
+  "devDependencies": {
+    "@rollup/plugin-replace": "^6.0.2",
+    "@types/node": "^20.12.8",
+    "@types/ramda": "^0.30.2",
+    "@types/react": "^18.3.1",
+    "@types/react-dom": "^18.3.0",
+    "@typescript-eslint/eslint-plugin": "^7.8.0",
+    "@typescript-eslint/parser": "^7.8.0",
+    "@vitejs/plugin-react": "^4.2.1",
+    "autoprefixer": "^10.4.19",
+    "eslint-config-nlx": "*",
+    "postcss": "^8.4.38",
+    "tailwindcss": "^3.4.3",
+    "typescript": "^5.4.5",
+    "vite": "^5.2.11"
+  }
+}
diff --git a/packages/touchpoint-ui/postcss.config.js b/packages/touchpoint-ui/postcss.config.js
@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};
diff --git a/packages/touchpoint-ui/public/favicon.ico b/packages/touchpoint-ui/public/favicon.ico
diff --git a/packages/touchpoint-ui/public/loader-dark.mp4 b/packages/touchpoint-ui/public/loader-dark.mp4
diff --git a/packages/touchpoint-ui/public/loader-light.mp4 b/packages/touchpoint-ui/public/loader-light.mp4