@brainfish-ai/widgets-initiator 0.0.1

package/.env

@@ -0,0 +1 @@
+VITE_API_HOST=http://localhost:3000

package/.prettierignore

@@ -0,0 +1,7 @@
+# Ignore
+infrastructure
+releases
+dist
+
+# Ignore all HTML files:
+*.html

package/.prettierrc

@@ -0,0 +1,6 @@
+{
+  "tabWidth": 2,
+  "useTabs": false,
+  "singleQuote": true,
+  "jsxSingleQuote": false
+}

package/README.md

@@ -0,0 +1,61 @@
+# A template for [SolidJS](https://github.com/solidjs/solid) with [TailwindCSS](https://github.com/tailwindlabs/tailwindcss) and [Animate.css](https://github.com/animate-css/animate.css).
+
+Forked from the SolidJS [vite typescript starter template](https://github.com/solidjs/templates/tree/master/ts)
+
+## Usage
+
+Those templates dependencies are maintained via [pnpm](https://pnpm.io) via `pnpm up -Lri`.
+
+This is the reason you see a `pnpm-lock.yaml`. That being said, any package manager will work. This file can be safely be removed once you clone a template.
+
+```bash
+$ npm install # or pnpm install or yarn install
+```
+
+## Available Scripts
+
+In the project directory, you can run:
+
+### `npm dev` or `npm start`
+
+Runs the app in the development mode.<br>
+Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
+
+The page will reload if you make edits.<br>
+
+### `npm run build`
+
+Builds the app for production to the `dist` folder.<br>
+It correctly bundles Solid in production mode and optimizes the build for the best performance.
+
+The build is minified and the filenames include the hashes.<br>
+Your app is ready to be deployed!
+
+## Deployment
+
+You can deploy the `dist` folder to any static host provider (netlify, surge, now, etc.)
+
+
+## Available Scripts
+
+In the project directory, you can run:
+
+### `npm dev` or `npm start`
+
+Runs the app in the development mode.<br>
+Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
+
+The page will reload if you make edits.<br>
+
+### `npm run build`
+
+Builds the app for production to the `dist` folder.<br>
+It correctly bundles Solid in production mode and optimizes the build for the best performance.
+
+The build is minified and the filenames include the hashes.<br>
+Your app is ready to be deployed!
+
+## Deployment
+
+You can deploy the `dist` folder to any static host provider (netlify, surge, now, etc.)
+# brainfish-widgets

package/dist/web.cjs.js

@@ -0,0 +1,2 @@
+"use strict";var i;!function(i){i.Sidebar="sidebar",i.Searchbar="searchbar"}(i||(i={})),i.Sidebar,i.Searchbar;const e={Widgets:{init:async({widgetKey:e})=>{const a=await fetch("http://localhost:3000/api/searchWidgets.getConfigByKey",{method:"POST",headers:{"Content-Type":"application/json","api-key":e}}).then((i=>i.json())).catch((i=>console.log("Error loading widget config",i)));if(!a)return void console.log("Error loading widget config");const{config:t}=a,n=t.version||"latest",{default:r}=await import(`https://cdn.jsdelivr.net/npm/@brainfish-ai/search-widget@${n}/dist/web.js`);switch(t.widgetMode){case i.Searchbar:r.SearchWidget.initStandard(t);break;case i.Sidebar:case"slide-over":r.HelpWidget.initPopup(t);break;default:return}}}};e&&(i=>{"undefined"!=typeof window&&(window.Brainfish?window.Brainfish={...window.Brainfish,...i}:window.Brainfish={...i})})(e),module.exports=e;
+//# sourceMappingURL=web.cjs.js.map

package/dist/web.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"web.cjs.js","sources":["../../common/dist/types/brainfish.js","../../common/dist/window/inject-brainfish.js","../src/web.ts"],"sourcesContent":["export var WidgetType;\n(function (WidgetType) {\n    WidgetType[\"Sidebar\"] = \"sidebar\";\n    WidgetType[\"Searchbar\"] = \"searchbar\";\n})(WidgetType || (WidgetType = {}));\n;\nexport const WIDGET_NAMES = {\n    [WidgetType.Sidebar]: 'brainfish-sidebar-widget',\n    [WidgetType.Searchbar]: 'brainfish-searchbar-widget',\n};\n","export const injectBrainfishInWindow = (brainfish) => {\n    if (typeof window === 'undefined')\n        return;\n    if (window.Brainfish) {\n        window.Brainfish = { ...window.Brainfish, ...brainfish };\n    }\n    else {\n        window.Brainfish = { ...brainfish };\n    }\n};\n","// web.ts\n// entry point for web component\nimport * as Common from '@brainfish-ai/brainfish-widgets-common';\n\nconst init = async ({ widgetKey }: { widgetKey: string }) => {\n  const API_HOST = import.meta.env.VITE_API_HOST || 'http://localhost:3000';\n  const endpoint = `${API_HOST}/api/searchWidgets.getConfigByKey`;\n\n  const configResponse = await fetch(endpoint, {\n    method: 'POST',\n    headers: {\n      'Content-Type': 'application/json',\n      'api-key': widgetKey,\n    },\n  })\n    .then((response) => response.json())\n    .catch((error) => console.log('Error loading widget config', error));\n\n  if (!configResponse) {\n    console.log('Error loading widget config');\n    return;\n  }\n\n  const { config } = configResponse;\n  const version = config.version || 'latest';\n\n  // import the widget based on the version from cdn.jsdelivr.net\n  const { default: widget } = await import(\n    `https://cdn.jsdelivr.net/npm/@brainfish-ai/search-widget@${version}/dist/web.js`\n  );\n\n  switch (config.widgetMode) {\n    case Common.WidgetType.Searchbar:\n      widget.SearchWidget.initStandard(config);\n      break;\n    case Common.WidgetType.Sidebar:\n    case 'slide-over': // for backwards compatibility\n      widget.HelpWidget.initPopup(config);\n      break;\n    default:\n      return;\n  }\n};\n\nconst brainfish = {\n  Widgets: { init }\n}\n\nif (brainfish) {\n  Common.injectBrainfishInWindow(brainfish);\n}\n\nexport default brainfish;\n"],"names":["WidgetType","Sidebar","Searchbar","brainfish","Widgets","init","async","widgetKey","configResponse","fetch","method","headers","then","response","json","catch","error","console","log","config","version","default","widget","import","widgetMode","Common.WidgetType","SearchWidget","initStandard","HelpWidget","initPopup","window","Brainfish","Common.injectBrainfishInWindow"],"mappings":"aAAO,IAAIA,GACX,SAAWA,GACPA,EAAoB,QAAI,UACxBA,EAAsB,UAAI,WAC7B,CAHD,CAGGA,IAAeA,EAAa,CAAE,IAG5BA,EAAWC,QACXD,EAAWE,UCRT,MC4CDC,EAAY,CAChBC,QAAS,CAAEC,KAzCAC,OAASC,gBACd,MAGAC,QAAuBC,MAFZ,yDAE4B,CAC3CC,OAAQ,OACRC,QAAS,CACP,eAAgB,mBAChB,UAAWJ,KAGZK,MAAMC,GAAaA,EAASC,SAC5BC,OAAOC,GAAUC,QAAQC,IAAI,8BAA+BF,KAE/D,IAAKR,EAEH,YADAS,QAAQC,IAAI,+BAIR,MAAAC,OAAEA,GAAWX,EACbY,EAAUD,EAAOC,SAAW,UAG1BC,QAASC,SAAiBC,OAChC,4DAA4DH,iBAG9D,OAAQD,EAAOK,YACb,KAAKC,EAAkBvB,UACdoB,EAAAI,aAAaC,aAAaR,GACjC,MACF,KAAKM,EAAkBxB,QACvB,IAAK,aACIqB,EAAAM,WAAWC,UAAUV,GAC5B,MACF,QACE,OACJ,IAOEhB,GDhDmC,CAACA,IACd,oBAAX2B,SAEPA,OAAOC,UACPD,OAAOC,UAAY,IAAKD,OAAOC,aAAc5B,GAG7C2B,OAAOC,UAAY,IAAK5B,GAC3B,ECyCH6B,CAA+B7B"}

package/dist/web.js

@@ -0,0 +1,2 @@
+var i;!function(i){i.Sidebar="sidebar",i.Searchbar="searchbar"}(i||(i={})),i.Sidebar,i.Searchbar;const e={Widgets:{init:async({widgetKey:e})=>{const a=await fetch("http://localhost:3000/api/searchWidgets.getConfigByKey",{method:"POST",headers:{"Content-Type":"application/json","api-key":e}}).then((i=>i.json())).catch((i=>console.log("Error loading widget config",i)));if(!a)return void console.log("Error loading widget config");const{config:t}=a,n=t.version||"latest",{default:r}=await import(`https://cdn.jsdelivr.net/npm/@brainfish-ai/search-widget@${n}/dist/web.js`);switch(t.widgetMode){case i.Searchbar:r.SearchWidget.initStandard(t);break;case i.Sidebar:case"slide-over":r.HelpWidget.initPopup(t);break;default:return}}}};e&&(i=>{"undefined"!=typeof window&&(window.Brainfish?window.Brainfish={...window.Brainfish,...i}:window.Brainfish={...i})})(e);export{e as default};
+//# sourceMappingURL=web.js.map

package/dist/web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"web.js","sources":["../../common/dist/types/brainfish.js","../../common/dist/window/inject-brainfish.js","../src/web.ts"],"sourcesContent":["export var WidgetType;\n(function (WidgetType) {\n    WidgetType[\"Sidebar\"] = \"sidebar\";\n    WidgetType[\"Searchbar\"] = \"searchbar\";\n})(WidgetType || (WidgetType = {}));\n;\nexport const WIDGET_NAMES = {\n    [WidgetType.Sidebar]: 'brainfish-sidebar-widget',\n    [WidgetType.Searchbar]: 'brainfish-searchbar-widget',\n};\n","export const injectBrainfishInWindow = (brainfish) => {\n    if (typeof window === 'undefined')\n        return;\n    if (window.Brainfish) {\n        window.Brainfish = { ...window.Brainfish, ...brainfish };\n    }\n    else {\n        window.Brainfish = { ...brainfish };\n    }\n};\n","// web.ts\n// entry point for web component\nimport * as Common from '@brainfish-ai/brainfish-widgets-common';\n\nconst init = async ({ widgetKey }: { widgetKey: string }) => {\n  const API_HOST = import.meta.env.VITE_API_HOST || 'http://localhost:3000';\n  const endpoint = `${API_HOST}/api/searchWidgets.getConfigByKey`;\n\n  const configResponse = await fetch(endpoint, {\n    method: 'POST',\n    headers: {\n      'Content-Type': 'application/json',\n      'api-key': widgetKey,\n    },\n  })\n    .then((response) => response.json())\n    .catch((error) => console.log('Error loading widget config', error));\n\n  if (!configResponse) {\n    console.log('Error loading widget config');\n    return;\n  }\n\n  const { config } = configResponse;\n  const version = config.version || 'latest';\n\n  // import the widget based on the version from cdn.jsdelivr.net\n  const { default: widget } = await import(\n    `https://cdn.jsdelivr.net/npm/@brainfish-ai/search-widget@${version}/dist/web.js`\n  );\n\n  switch (config.widgetMode) {\n    case Common.WidgetType.Searchbar:\n      widget.SearchWidget.initStandard(config);\n      break;\n    case Common.WidgetType.Sidebar:\n    case 'slide-over': // for backwards compatibility\n      widget.HelpWidget.initPopup(config);\n      break;\n    default:\n      return;\n  }\n};\n\nconst brainfish = {\n  Widgets: { init }\n}\n\nif (brainfish) {\n  Common.injectBrainfishInWindow(brainfish);\n}\n\nexport default brainfish;\n"],"names":["WidgetType","Sidebar","Searchbar","brainfish","Widgets","init","async","widgetKey","configResponse","fetch","method","headers","then","response","json","catch","error","console","log","config","version","default","widget","import","widgetMode","Common.WidgetType","SearchWidget","initStandard","HelpWidget","initPopup","window","Brainfish","Common.injectBrainfishInWindow"],"mappings":"AAAO,IAAIA,GACX,SAAWA,GACPA,EAAoB,QAAI,UACxBA,EAAsB,UAAI,WAC7B,CAHD,CAGGA,IAAeA,EAAa,CAAE,IAG5BA,EAAWC,QACXD,EAAWE,UCRT,MC4CDC,EAAY,CAChBC,QAAS,CAAEC,KAzCAC,OAASC,gBACd,MAGAC,QAAuBC,MAFZ,yDAE4B,CAC3CC,OAAQ,OACRC,QAAS,CACP,eAAgB,mBAChB,UAAWJ,KAGZK,MAAMC,GAAaA,EAASC,SAC5BC,OAAOC,GAAUC,QAAQC,IAAI,8BAA+BF,KAE/D,IAAKR,EAEH,YADAS,QAAQC,IAAI,+BAIR,MAAAC,OAAEA,GAAWX,EACbY,EAAUD,EAAOC,SAAW,UAG1BC,QAASC,SAAiBC,OAChC,4DAA4DH,iBAG9D,OAAQD,EAAOK,YACb,KAAKC,EAAkBvB,UACdoB,EAAAI,aAAaC,aAAaR,GACjC,MACF,KAAKM,EAAkBxB,QACvB,IAAK,aACIqB,EAAAM,WAAWC,UAAUV,GAC5B,MACF,QACE,OACJ,IAOEhB,GDhDmC,CAACA,IACd,oBAAX2B,SAEPA,OAAOC,UACPD,OAAOC,UAAY,IAAKD,OAAOC,aAAc5B,GAG7C2B,OAAOC,UAAY,IAAK5B,GAC3B,ECyCH6B,CAA+B7B"}

package/index.html

@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <link rel="shortcut icon" type="image/ico" href="/src/assets/favicon.ico" />
+    <title>Solid App</title>
+    <style>
+      body {
+        background: #666;
+      }
+    </style>
+
+    <!-- WIDGET INITIATOR - BEGINS -->
+    <script type="module">
+      // import Brainfish from '/dist/web.js';
+      import Brainfish from '/src/web.ts';
+      Brainfish.Widgets.init({ widgetKey: "bf_search_widget_QO3mYiUZRYX78ztRhNC4zH3R5iQ0E3sgRwunjz" })
+    </script>
+    <script src="https://unpkg.com/@phosphor-icons/web" async></script>
+    <style>
+      .brainfish-trigger-button {
+        position: fixed;
+        border-radius: 24px 4px 16px 24px;
+        height: 32px !important;
+        padding: 0 10px;
+        width: unset !important;
+        bottom: 40px;
+        right: 40px;
+        background-color: #501ec4 !important;
+        color: #FFF;
+        text-align: center;
+        box-shadow: 2px 2px 3px #999;
+        cursor: pointer;
+        z-index: 9995;
+        border: none;
+        display: flex;
+        align-items: center;
+      }
+
+      .ph {
+        font-size: 18px;
+        margin-right: 5px;
+      }
+    </style>
+    <!-- WIDGET INITIATOR - ENDS -->
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+
+    <button class="brainfish-trigger-button" onClick="Brainfish.HelpWidget.open('brainfish-trigger-button')"><i class="ph ph-question"></i>Help</button>
+  </body>
+</html>

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@brainfish-ai/widgets-initiator",
+  "version": "0.0.1",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "description": "Brainfish Widgets Initiator",
+  "type": "module",
+  "private": false,
+  "scripts": {
+    "start": "vite",
+    "dev": "vite",
+    "build": "vite build",
+    "serve": "vite preview --port 6006"
+  },
+  "license": "MIT",
+  "devDependencies": {
+    "@brainfish-ai/widgets-common": "^0.0.1",
+    "animated-tailwindcss": "^4.0.0",
+    "autoprefixer": "^10.4.16",
+    "postcss": "^8.4.31",
+    "rollup-plugin-terser": "^7.0.2",
+    "tailwindcss": "^3.3.5",
+    "typescript": "^5.2.2",
+    "vite": "^4.5.0",
+    "vite-plugin-solid": "^2.7.2"
+  },
+  "dependencies": {
+    "@fingerprintjs/fingerprintjs": "^4.2.1",
+    "lodash": "^4.17.21",
+    "phosphor-solid": "^1.1.5",
+    "solid-element": "1.8.0",
+    "solid-js": "^1.8.5"
+  },
+  "keywords": [
+    "typescript",
+    "solidjs",
+    "tailwind",
+    "tailwindcss",
+    "animate"
+  ]
+}

package/postcss.config.cjs

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

package/src/register.ts

@@ -0,0 +1,31 @@
+// registers the web components
+import { customElement } from "solid-element";
+import { WIDGET_NAMES, WidgetType } from "./types/brainfish";
+import SearchBar from './widgets/search-bar';
+import Sidebar from "./widgets/sidebar";
+import { SearchbarProps, SidebarProps } from "./widgets/initialize";
+
+export function registerSearchBarWebComponent() {
+  if (typeof window === "undefined")
+    return false;
+  customElement(WIDGET_NAMES[WidgetType.Searchbar], getInitialSearchbarProps(), SearchBar);
+  return true;
+}
+
+export function registerSidebarWebComponent() {
+  if (typeof window === "undefined")
+    return false;
+  customElement(WIDGET_NAMES[WidgetType.Sidebar], getInitialSidebarProps(), Sidebar);
+  debugger;
+  return true;
+}
+
+function getInitialSidebarProps(): SidebarProps {
+  return {
+    widgetMode: 'sidebar'
+  };
+}
+
+function getInitialSearchbarProps(): SearchbarProps {
+  return {};
+}

package/src/web.ts

@@ -0,0 +1,53 @@
+// web.ts
+// entry point for web component
+import * as Common from '@brainfish-ai/widgets-common';
+
+const init = async ({ widgetKey }: { widgetKey: string }) => {
+  const API_HOST = import.meta.env.VITE_API_HOST || 'http://localhost:3000';
+  const endpoint = `${API_HOST}/api/searchWidgets.getConfigByKey`;
+
+  const configResponse = await fetch(endpoint, {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+      'api-key': widgetKey,
+    },
+  })
+    .then((response) => response.json())
+    .catch((error) => console.log('Error loading widget config', error));
+
+  if (!configResponse) {
+    console.log('Error loading widget config');
+    return;
+  }
+
+  const { config } = configResponse;
+  const version = config.version || 'latest';
+
+  // import the widget based on the version from cdn.jsdelivr.net
+  const { default: widget } = await import(
+    `https://cdn.jsdelivr.net/npm/@brainfish-ai/search-widget@${version}/dist/web.js`
+  );
+
+  switch (config.widgetMode) {
+    case Common.WidgetType.Searchbar:
+      widget.SearchWidget.initStandard(config);
+      break;
+    case Common.WidgetType.Sidebar:
+    case 'slide-over': // for backwards compatibility
+      widget.HelpWidget.initPopup(config);
+      break;
+    default:
+      return;
+  }
+};
+
+const brainfish = {
+  Widgets: { init }
+}
+
+if (brainfish) {
+  Common.injectBrainfishInWindow(brainfish);
+}
+
+export default brainfish;

package/tailwind.config.cjs

@@ -0,0 +1,9 @@
+const { withAnimations } = require('animated-tailwindcss')
+
+module.exports = withAnimations({
+  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
+  theme: {
+    extend: {}
+  },
+  plugins: []
+});

package/tsconfig.json

@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "strict": true,
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "node",
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "jsx": "preserve",
+    "jsxImportSource": "solid-js",
+    "types": ["vite/client"],
+    "baseUrl": ".",
+    "paths": {
+      "@brainfish-ai/widgets-common": [
+        "./node_modules/@brainfish-ai/widgets-common"
+      ]
+    }
+  },
+  "include": ["./src/**/*", "./node_modules/@brainfish-ai/widgets-common"]
+}

package/vite.config.ts

@@ -0,0 +1,20 @@
+import { defineConfig } from 'vite';
+import solidPlugin from 'vite-plugin-solid';
+import { terser } from 'rollup-plugin-terser';
+
+export default defineConfig({
+  plugins: [solidPlugin()],
+  build: {
+    target: 'esnext',
+    sourcemap: true,
+    lib: {
+      entry: 'src/web.ts',
+      formats: ['es', 'cjs'],
+      fileName: (format) => `web${format === 'es' ? '' : '.cjs'}.js`,
+    },
+    minify: false,
+    rollupOptions: {
+      plugins: [terser()],
+    },
+  },
+});