├── .gitignore
├── docker-compose.yml
├── node-app
    ├── .gitignore
    ├── nodemon.json
    ├── package-lock.json
    ├── package.json
    ├── src
    │   ├── client.ts
    │   ├── collection.ts
    │   ├── import-simple.ts
    │   ├── import.ts
    │   ├── index.ts
    │   └── util.ts
    └── tsconfig.json
├── readme.md
└── web-app
    ├── .editorconfig
    ├── .gitignore
    ├── .vscode
        ├── extensions.json
        ├── launch.json
        └── tasks.json
    ├── angular.json
    ├── package-lock.json
    ├── package.json
    ├── src
        ├── app
        │   ├── app-routing.module.ts
        │   ├── app.component copy.html.bak
        │   ├── app.component.html
        │   ├── app.component.scss
        │   ├── app.component.ts
        │   ├── app.module.ts
        │   ├── base64.service.ts
        │   ├── search
        │   │   ├── search.component.html
        │   │   ├── search.component.scss
        │   │   └── search.component.ts
        │   └── weaviate.service.ts
        ├── assets
        │   ├── .gitkeep
        │   ├── audio
        │   │   ├── badminton.wav
        │   │   ├── bird_audio.wav
        │   │   ├── car_audio.wav
        │   │   ├── dog_audio.wav
        │   │   ├── lion_roar.wav
        │   │   └── schoolbell.wav
        │   ├── background-light.jpeg
        │   ├── image
        │   │   ├── Christian_wedding1.jfif
        │   │   ├── Christian_wedding2.jfif
        │   │   ├── Indian_wedding1.jfif
        │   │   ├── Indian_wedding2.jfif
        │   │   ├── Lion_pride1.jfif
        │   │   ├── Lion_pride2.jfif
        │   │   ├── Lion_pride3.jfif
        │   │   ├── badminton_players1.jfif
        │   │   ├── bird-blue-diamond.jpeg
        │   │   ├── bird-warbler.jpeg
        │   │   ├── bird_image.jpg
        │   │   ├── building1.jfif
        │   │   ├── businesswoman1.jfif
        │   │   ├── businesswoman2.jfif
        │   │   ├── car_image.jpg
        │   │   ├── city1.jfif
        │   │   ├── city2.jfif
        │   │   ├── college1.jfif
        │   │   ├── college2.jfif
        │   │   ├── college3.jfif
        │   │   ├── crowded_market1.jfif
        │   │   ├── crowded_market2.jfif
        │   │   ├── crowded_market3.jfif
        │   │   ├── crowded_market4.jfif
        │   │   ├── dog1.jfif
        │   │   ├── dog2.jfif
        │   │   ├── dog_image.jpg
        │   │   ├── forest1.jfif
        │   │   ├── forest2.jfif
        │   │   ├── fox-hidden.jpeg
        │   │   ├── fox-snow.jpeg
        │   │   ├── fox.jpeg
        │   │   ├── foxes.jpeg
        │   │   ├── graduation1.jfif
        │   │   ├── lion1.jfif
        │   │   ├── lion2.jfif
        │   │   ├── market_less_people1.jfif
        │   │   ├── market_less_people2.jfif
        │   │   ├── meerkat-hello.jpeg
        │   │   ├── meerkats-2.jpeg
        │   │   ├── meerkats-3.jpeg
        │   │   ├── meerkats-huddled.jpeg
        │   │   ├── person1.jfif
        │   │   ├── school1.jfif
        │   │   ├── school2.jfif
        │   │   ├── school3.jfif
        │   │   ├── universe1.jfif
        │   │   ├── universe2.jfif
        │   │   ├── woman1.jfif
        │   │   ├── women1.jfif
        │   │   └── women2.jfif
        │   ├── test
        │   │   ├── Timon.webp
        │   │   ├── fox-test.jpeg
        │   │   ├── lion-king.jpeg
        │   │   ├── lion.jpeg
        │   │   ├── meerkat.jpeg
        │   │   └── munich-crew.jpg
        │   ├── video
        │   │   ├── bird.mp4
        │   │   ├── car.mp4
        │   │   ├── classroom.mp4
        │   │   ├── dog.mp4
        │   │   └── lion.mp4
        │   └── weaviate-nav-logo.svg
        ├── favicon.ico
        ├── index.html
        ├── main.ts
        └── styles.scss
    ├── tsconfig.app.json
    └── tsconfig.json


/.gitignore:
--------------------------------------------------------------------------------
1 | 
2 | */node_modules
3 | */build
4 | .DS_Store
5 | 


--------------------------------------------------------------------------------
/docker-compose.yml:
--------------------------------------------------------------------------------
 1 | ---
 2 | version: '3.4'
 3 | services:
 4 |   weaviate:
 5 |     command:
 6 |     - --host
 7 |     - 0.0.0.0
 8 |     - --port
 9 |     - '8080'
10 |     - --scheme
11 |     - http
12 |     image: semitechnologies/weaviate:1.21.1
13 |     ports:
14 |     - 8080:8080
15 |     restart: on-failure:0
16 |     environment:
17 |       QUERY_DEFAULTS_LIMIT: 25
18 |       AUTHENTICATION_ANONYMOUS_ACCESS_ENABLED: 'true'
19 |       PERSISTENCE_DATA_PATH: '/var/lib/weaviate'
20 |       DEFAULT_VECTORIZER_MODULE: 'multi2vec-bind'
21 |       ENABLE_MODULES: 'multi2vec-bind'
22 |       BIND_INFERENCE_API: 'http://multi2vec-bind:8080'
23 |       CLUSTER_HOSTNAME: 'node1'
24 |   multi2vec-bind:
25 |     image: semitechnologies/multi2vec-bind:imagebind
26 |     environment:
27 |       ENABLE_CUDA: '0'
28 | ...


--------------------------------------------------------------------------------
/node-app/.gitignore:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/node-app/.gitignore


--------------------------------------------------------------------------------
/node-app/nodemon.json:
--------------------------------------------------------------------------------
1 | {
2 |     "watch": ["src"],
3 |     "ext": ".ts,.js",
4 |     "ignore": [],
5 |     "exec": "npx ts-node ./src/index.ts"
6 | }


--------------------------------------------------------------------------------
/node-app/package-lock.json:
--------------------------------------------------------------------------------
   1 | {
   2 |   "name": "multi2vec-node",
   3 |   "version": "1.0.0",
   4 |   "lockfileVersion": 3,
   5 |   "requires": true,
   6 |   "packages": {
   7 |     "": {
   8 |       "name": "multi2vec-node",
   9 |       "version": "1.0.0",
  10 |       "license": "ISC",
  11 |       "dependencies": {
  12 |         "weaviate-ts-client": "^1.5.0"
  13 |       },
  14 |       "devDependencies": {
  15 |         "@types/node": "^20.5.7",
  16 |         "nodemon": "^3.0.1",
  17 |         "rimraf": "^5.0.1",
  18 |         "ts-node": "^10.9.1",
  19 |         "typescript": "^5.2.2"
  20 |       }
  21 |     },
  22 |     "node_modules/@cspotcode/source-map-support": {
  23 |       "version": "0.8.1",
  24 |       "resolved": "https://registry.npmjs.org/@cspotcode/source-map-support/-/source-map-support-0.8.1.tgz",
  25 |       "integrity": "sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==",
  26 |       "dev": true,
  27 |       "dependencies": {
  28 |         "@jridgewell/trace-mapping": "0.3.9"
  29 |       },
  30 |       "engines": {
  31 |         "node": ">=12"
  32 |       }
  33 |     },
  34 |     "node_modules/@graphql-typed-document-node/core": {
  35 |       "version": "3.2.0",
  36 |       "resolved": "https://registry.npmjs.org/@graphql-typed-document-node/core/-/core-3.2.0.tgz",
  37 |       "integrity": "sha512-mB9oAsNCm9aM3/SOv4YtBMqZbYj10R7dkq8byBqxGY/ncFwhf2oQzMV+LCRlWoDSEBJ3COiR1yeDvMtsoOsuFQ==",
  38 |       "peerDependencies": {
  39 |         "graphql": "^0.8.0 || ^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
  40 |       }
  41 |     },
  42 |     "node_modules/@isaacs/cliui": {
  43 |       "version": "8.0.2",
  44 |       "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
  45 |       "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
  46 |       "dev": true,
  47 |       "dependencies": {
  48 |         "string-width": "^5.1.2",
  49 |         "string-width-cjs": "npm:string-width@^4.2.0",
  50 |         "strip-ansi": "^7.0.1",
  51 |         "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
  52 |         "wrap-ansi": "^8.1.0",
  53 |         "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
  54 |       },
  55 |       "engines": {
  56 |         "node": ">=12"
  57 |       }
  58 |     },
  59 |     "node_modules/@jridgewell/resolve-uri": {
  60 |       "version": "3.1.1",
  61 |       "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz",
  62 |       "integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==",
  63 |       "dev": true,
  64 |       "engines": {
  65 |         "node": ">=6.0.0"
  66 |       }
  67 |     },
  68 |     "node_modules/@jridgewell/sourcemap-codec": {
  69 |       "version": "1.4.15",
  70 |       "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
  71 |       "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==",
  72 |       "dev": true
  73 |     },
  74 |     "node_modules/@jridgewell/trace-mapping": {
  75 |       "version": "0.3.9",
  76 |       "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.9.tgz",
  77 |       "integrity": "sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==",
  78 |       "dev": true,
  79 |       "dependencies": {
  80 |         "@jridgewell/resolve-uri": "^3.0.3",
  81 |         "@jridgewell/sourcemap-codec": "^1.4.10"
  82 |       }
  83 |     },
  84 |     "node_modules/@pkgjs/parseargs": {
  85 |       "version": "0.11.0",
  86 |       "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
  87 |       "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
  88 |       "dev": true,
  89 |       "optional": true,
  90 |       "engines": {
  91 |         "node": ">=14"
  92 |       }
  93 |     },
  94 |     "node_modules/@tsconfig/node10": {
  95 |       "version": "1.0.9",
  96 |       "resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.9.tgz",
  97 |       "integrity": "sha512-jNsYVVxU8v5g43Erja32laIDHXeoNvFEpX33OK4d6hljo3jDhCBDhx5dhCCTMWUojscpAagGiRkBKxpdl9fxqA==",
  98 |       "dev": true
  99 |     },
 100 |     "node_modules/@tsconfig/node12": {
 101 |       "version": "1.0.11",
 102 |       "resolved": "https://registry.npmjs.org/@tsconfig/node12/-/node12-1.0.11.tgz",
 103 |       "integrity": "sha512-cqefuRsh12pWyGsIoBKJA9luFu3mRxCA+ORZvA4ktLSzIuCUtWVxGIuXigEwO5/ywWFMZ2QEGKWvkZG1zDMTag==",
 104 |       "dev": true
 105 |     },
 106 |     "node_modules/@tsconfig/node14": {
 107 |       "version": "1.0.3",
 108 |       "resolved": "https://registry.npmjs.org/@tsconfig/node14/-/node14-1.0.3.tgz",
 109 |       "integrity": "sha512-ysT8mhdixWK6Hw3i1V2AeRqZ5WfXg1G43mqoYlM2nc6388Fq5jcXyr5mRsqViLx/GJYdoL0bfXD8nmF+Zn/Iow==",
 110 |       "dev": true
 111 |     },
 112 |     "node_modules/@tsconfig/node16": {
 113 |       "version": "1.0.4",
 114 |       "resolved": "https://registry.npmjs.org/@tsconfig/node16/-/node16-1.0.4.tgz",
 115 |       "integrity": "sha512-vxhUy4J8lyeyinH7Azl1pdd43GJhZH/tP2weN8TntQblOY+A0XbT8DJk1/oCPuOOyg/Ja757rG0CgHcWC8OfMA==",
 116 |       "dev": true
 117 |     },
 118 |     "node_modules/@types/node": {
 119 |       "version": "20.5.7",
 120 |       "resolved": "https://registry.npmjs.org/@types/node/-/node-20.5.7.tgz",
 121 |       "integrity": "sha512-dP7f3LdZIysZnmvP3ANJYTSwg+wLLl8p7RqniVlV7j+oXSXAbt9h0WIBFmJy5inWZoX9wZN6eXx+YXd9Rh3RBA==",
 122 |       "dev": true
 123 |     },
 124 |     "node_modules/abbrev": {
 125 |       "version": "1.1.1",
 126 |       "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
 127 |       "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==",
 128 |       "dev": true
 129 |     },
 130 |     "node_modules/acorn": {
 131 |       "version": "8.10.0",
 132 |       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.10.0.tgz",
 133 |       "integrity": "sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==",
 134 |       "dev": true,
 135 |       "bin": {
 136 |         "acorn": "bin/acorn"
 137 |       },
 138 |       "engines": {
 139 |         "node": ">=0.4.0"
 140 |       }
 141 |     },
 142 |     "node_modules/acorn-walk": {
 143 |       "version": "8.2.0",
 144 |       "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.2.0.tgz",
 145 |       "integrity": "sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==",
 146 |       "dev": true,
 147 |       "engines": {
 148 |         "node": ">=0.4.0"
 149 |       }
 150 |     },
 151 |     "node_modules/ansi-regex": {
 152 |       "version": "6.0.1",
 153 |       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
 154 |       "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
 155 |       "dev": true,
 156 |       "engines": {
 157 |         "node": ">=12"
 158 |       },
 159 |       "funding": {
 160 |         "url": "https://github.com/chalk/ansi-regex?sponsor=1"
 161 |       }
 162 |     },
 163 |     "node_modules/ansi-styles": {
 164 |       "version": "6.2.1",
 165 |       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
 166 |       "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
 167 |       "dev": true,
 168 |       "engines": {
 169 |         "node": ">=12"
 170 |       },
 171 |       "funding": {
 172 |         "url": "https://github.com/chalk/ansi-styles?sponsor=1"
 173 |       }
 174 |     },
 175 |     "node_modules/anymatch": {
 176 |       "version": "3.1.3",
 177 |       "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
 178 |       "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
 179 |       "dev": true,
 180 |       "dependencies": {
 181 |         "normalize-path": "^3.0.0",
 182 |         "picomatch": "^2.0.4"
 183 |       },
 184 |       "engines": {
 185 |         "node": ">= 8"
 186 |       }
 187 |     },
 188 |     "node_modules/arg": {
 189 |       "version": "4.1.3",
 190 |       "resolved": "https://registry.npmjs.org/arg/-/arg-4.1.3.tgz",
 191 |       "integrity": "sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==",
 192 |       "dev": true
 193 |     },
 194 |     "node_modules/asynckit": {
 195 |       "version": "0.4.0",
 196 |       "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
 197 |       "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
 198 |     },
 199 |     "node_modules/balanced-match": {
 200 |       "version": "1.0.2",
 201 |       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
 202 |       "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
 203 |       "dev": true
 204 |     },
 205 |     "node_modules/binary-extensions": {
 206 |       "version": "2.2.0",
 207 |       "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
 208 |       "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
 209 |       "dev": true,
 210 |       "engines": {
 211 |         "node": ">=8"
 212 |       }
 213 |     },
 214 |     "node_modules/brace-expansion": {
 215 |       "version": "1.1.11",
 216 |       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
 217 |       "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
 218 |       "dev": true,
 219 |       "dependencies": {
 220 |         "balanced-match": "^1.0.0",
 221 |         "concat-map": "0.0.1"
 222 |       }
 223 |     },
 224 |     "node_modules/braces": {
 225 |       "version": "3.0.2",
 226 |       "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
 227 |       "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
 228 |       "dev": true,
 229 |       "dependencies": {
 230 |         "fill-range": "^7.0.1"
 231 |       },
 232 |       "engines": {
 233 |         "node": ">=8"
 234 |       }
 235 |     },
 236 |     "node_modules/chokidar": {
 237 |       "version": "3.5.3",
 238 |       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
 239 |       "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
 240 |       "dev": true,
 241 |       "funding": [
 242 |         {
 243 |           "type": "individual",
 244 |           "url": "https://paulmillr.com/funding/"
 245 |         }
 246 |       ],
 247 |       "dependencies": {
 248 |         "anymatch": "~3.1.2",
 249 |         "braces": "~3.0.2",
 250 |         "glob-parent": "~5.1.2",
 251 |         "is-binary-path": "~2.1.0",
 252 |         "is-glob": "~4.0.1",
 253 |         "normalize-path": "~3.0.0",
 254 |         "readdirp": "~3.6.0"
 255 |       },
 256 |       "engines": {
 257 |         "node": ">= 8.10.0"
 258 |       },
 259 |       "optionalDependencies": {
 260 |         "fsevents": "~2.3.2"
 261 |       }
 262 |     },
 263 |     "node_modules/color-convert": {
 264 |       "version": "2.0.1",
 265 |       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
 266 |       "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
 267 |       "dev": true,
 268 |       "dependencies": {
 269 |         "color-name": "~1.1.4"
 270 |       },
 271 |       "engines": {
 272 |         "node": ">=7.0.0"
 273 |       }
 274 |     },
 275 |     "node_modules/color-name": {
 276 |       "version": "1.1.4",
 277 |       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
 278 |       "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
 279 |       "dev": true
 280 |     },
 281 |     "node_modules/combined-stream": {
 282 |       "version": "1.0.8",
 283 |       "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
 284 |       "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
 285 |       "dependencies": {
 286 |         "delayed-stream": "~1.0.0"
 287 |       },
 288 |       "engines": {
 289 |         "node": ">= 0.8"
 290 |       }
 291 |     },
 292 |     "node_modules/concat-map": {
 293 |       "version": "0.0.1",
 294 |       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
 295 |       "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
 296 |       "dev": true
 297 |     },
 298 |     "node_modules/create-require": {
 299 |       "version": "1.1.1",
 300 |       "resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz",
 301 |       "integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==",
 302 |       "dev": true
 303 |     },
 304 |     "node_modules/cross-fetch": {
 305 |       "version": "3.1.8",
 306 |       "resolved": "https://registry.npmjs.org/cross-fetch/-/cross-fetch-3.1.8.tgz",
 307 |       "integrity": "sha512-cvA+JwZoU0Xq+h6WkMvAUqPEYy92Obet6UdKLfW60qn99ftItKjB5T+BkyWOFWe2pUyfQ+IJHmpOTznqk1M6Kg==",
 308 |       "dependencies": {
 309 |         "node-fetch": "^2.6.12"
 310 |       }
 311 |     },
 312 |     "node_modules/cross-spawn": {
 313 |       "version": "7.0.3",
 314 |       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
 315 |       "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
 316 |       "dev": true,
 317 |       "dependencies": {
 318 |         "path-key": "^3.1.0",
 319 |         "shebang-command": "^2.0.0",
 320 |         "which": "^2.0.1"
 321 |       },
 322 |       "engines": {
 323 |         "node": ">= 8"
 324 |       }
 325 |     },
 326 |     "node_modules/debug": {
 327 |       "version": "3.2.7",
 328 |       "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
 329 |       "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
 330 |       "dev": true,
 331 |       "dependencies": {
 332 |         "ms": "^2.1.1"
 333 |       }
 334 |     },
 335 |     "node_modules/delayed-stream": {
 336 |       "version": "1.0.0",
 337 |       "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
 338 |       "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
 339 |       "engines": {
 340 |         "node": ">=0.4.0"
 341 |       }
 342 |     },
 343 |     "node_modules/diff": {
 344 |       "version": "4.0.2",
 345 |       "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz",
 346 |       "integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==",
 347 |       "dev": true,
 348 |       "engines": {
 349 |         "node": ">=0.3.1"
 350 |       }
 351 |     },
 352 |     "node_modules/eastasianwidth": {
 353 |       "version": "0.2.0",
 354 |       "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
 355 |       "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
 356 |       "dev": true
 357 |     },
 358 |     "node_modules/emoji-regex": {
 359 |       "version": "9.2.2",
 360 |       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
 361 |       "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
 362 |       "dev": true
 363 |     },
 364 |     "node_modules/extract-files": {
 365 |       "version": "9.0.0",
 366 |       "resolved": "https://registry.npmjs.org/extract-files/-/extract-files-9.0.0.tgz",
 367 |       "integrity": "sha512-CvdFfHkC95B4bBBk36hcEmvdR2awOdhhVUYH6S/zrVj3477zven/fJMYg7121h4T1xHZC+tetUpubpAhxwI7hQ==",
 368 |       "engines": {
 369 |         "node": "^10.17.0 || ^12.0.0 || >= 13.7.0"
 370 |       },
 371 |       "funding": {
 372 |         "url": "https://github.com/sponsors/jaydenseric"
 373 |       }
 374 |     },
 375 |     "node_modules/fill-range": {
 376 |       "version": "7.0.1",
 377 |       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
 378 |       "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
 379 |       "dev": true,
 380 |       "dependencies": {
 381 |         "to-regex-range": "^5.0.1"
 382 |       },
 383 |       "engines": {
 384 |         "node": ">=8"
 385 |       }
 386 |     },
 387 |     "node_modules/foreground-child": {
 388 |       "version": "3.1.1",
 389 |       "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.1.1.tgz",
 390 |       "integrity": "sha512-TMKDUnIte6bfb5nWv7V/caI169OHgvwjb7V4WkeUvbQQdjr5rWKqHFiKWb/fcOwB+CzBT+qbWjvj+DVwRskpIg==",
 391 |       "dev": true,
 392 |       "dependencies": {
 393 |         "cross-spawn": "^7.0.0",
 394 |         "signal-exit": "^4.0.1"
 395 |       },
 396 |       "engines": {
 397 |         "node": ">=14"
 398 |       },
 399 |       "funding": {
 400 |         "url": "https://github.com/sponsors/isaacs"
 401 |       }
 402 |     },
 403 |     "node_modules/form-data": {
 404 |       "version": "3.0.1",
 405 |       "resolved": "https://registry.npmjs.org/form-data/-/form-data-3.0.1.tgz",
 406 |       "integrity": "sha512-RHkBKtLWUVwd7SqRIvCZMEvAMoGUp0XU+seQiZejj0COz3RI3hWP4sCv3gZWWLjJTd7rGwcsF5eKZGii0r/hbg==",
 407 |       "dependencies": {
 408 |         "asynckit": "^0.4.0",
 409 |         "combined-stream": "^1.0.8",
 410 |         "mime-types": "^2.1.12"
 411 |       },
 412 |       "engines": {
 413 |         "node": ">= 6"
 414 |       }
 415 |     },
 416 |     "node_modules/fsevents": {
 417 |       "version": "2.3.3",
 418 |       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
 419 |       "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
 420 |       "dev": true,
 421 |       "hasInstallScript": true,
 422 |       "optional": true,
 423 |       "os": [
 424 |         "darwin"
 425 |       ],
 426 |       "engines": {
 427 |         "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
 428 |       }
 429 |     },
 430 |     "node_modules/glob": {
 431 |       "version": "10.3.3",
 432 |       "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.3.tgz",
 433 |       "integrity": "sha512-92vPiMb/iqpmEgsOoIDvTjc50wf9CCCvMzsi6W0JLPeUKE8TWP1a73PgqSrqy7iAZxaSD1YdzU7QZR5LF51MJw==",
 434 |       "dev": true,
 435 |       "dependencies": {
 436 |         "foreground-child": "^3.1.0",
 437 |         "jackspeak": "^2.0.3",
 438 |         "minimatch": "^9.0.1",
 439 |         "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0",
 440 |         "path-scurry": "^1.10.1"
 441 |       },
 442 |       "bin": {
 443 |         "glob": "dist/cjs/src/bin.js"
 444 |       },
 445 |       "engines": {
 446 |         "node": ">=16 || 14 >=14.17"
 447 |       },
 448 |       "funding": {
 449 |         "url": "https://github.com/sponsors/isaacs"
 450 |       }
 451 |     },
 452 |     "node_modules/glob-parent": {
 453 |       "version": "5.1.2",
 454 |       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
 455 |       "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
 456 |       "dev": true,
 457 |       "dependencies": {
 458 |         "is-glob": "^4.0.1"
 459 |       },
 460 |       "engines": {
 461 |         "node": ">= 6"
 462 |       }
 463 |     },
 464 |     "node_modules/glob/node_modules/brace-expansion": {
 465 |       "version": "2.0.1",
 466 |       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
 467 |       "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
 468 |       "dev": true,
 469 |       "dependencies": {
 470 |         "balanced-match": "^1.0.0"
 471 |       }
 472 |     },
 473 |     "node_modules/glob/node_modules/minimatch": {
 474 |       "version": "9.0.3",
 475 |       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz",
 476 |       "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==",
 477 |       "dev": true,
 478 |       "dependencies": {
 479 |         "brace-expansion": "^2.0.1"
 480 |       },
 481 |       "engines": {
 482 |         "node": ">=16 || 14 >=14.17"
 483 |       },
 484 |       "funding": {
 485 |         "url": "https://github.com/sponsors/isaacs"
 486 |       }
 487 |     },
 488 |     "node_modules/graphql": {
 489 |       "version": "16.8.0",
 490 |       "resolved": "https://registry.npmjs.org/graphql/-/graphql-16.8.0.tgz",
 491 |       "integrity": "sha512-0oKGaR+y3qcS5mCu1vb7KG+a89vjn06C7Ihq/dDl3jA+A8B3TKomvi3CiEcVLJQGalbu8F52LxkOym7U5sSfbg==",
 492 |       "peer": true,
 493 |       "engines": {
 494 |         "node": "^12.22.0 || ^14.16.0 || ^16.0.0 || >=17.0.0"
 495 |       }
 496 |     },
 497 |     "node_modules/graphql-request": {
 498 |       "version": "5.2.0",
 499 |       "resolved": "https://registry.npmjs.org/graphql-request/-/graphql-request-5.2.0.tgz",
 500 |       "integrity": "sha512-pLhKIvnMyBERL0dtFI3medKqWOz/RhHdcgbZ+hMMIb32mEPa5MJSzS4AuXxfI4sRAu6JVVk5tvXuGfCWl9JYWQ==",
 501 |       "dependencies": {
 502 |         "@graphql-typed-document-node/core": "^3.1.1",
 503 |         "cross-fetch": "^3.1.5",
 504 |         "extract-files": "^9.0.0",
 505 |         "form-data": "^3.0.0"
 506 |       },
 507 |       "peerDependencies": {
 508 |         "graphql": "14 - 16"
 509 |       }
 510 |     },
 511 |     "node_modules/has-flag": {
 512 |       "version": "3.0.0",
 513 |       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
 514 |       "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
 515 |       "dev": true,
 516 |       "engines": {
 517 |         "node": ">=4"
 518 |       }
 519 |     },
 520 |     "node_modules/ignore-by-default": {
 521 |       "version": "1.0.1",
 522 |       "resolved": "https://registry.npmjs.org/ignore-by-default/-/ignore-by-default-1.0.1.tgz",
 523 |       "integrity": "sha512-Ius2VYcGNk7T90CppJqcIkS5ooHUZyIQK+ClZfMfMNFEF9VSE73Fq+906u/CWu92x4gzZMWOwfFYckPObzdEbA==",
 524 |       "dev": true
 525 |     },
 526 |     "node_modules/is-binary-path": {
 527 |       "version": "2.1.0",
 528 |       "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
 529 |       "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
 530 |       "dev": true,
 531 |       "dependencies": {
 532 |         "binary-extensions": "^2.0.0"
 533 |       },
 534 |       "engines": {
 535 |         "node": ">=8"
 536 |       }
 537 |     },
 538 |     "node_modules/is-extglob": {
 539 |       "version": "2.1.1",
 540 |       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
 541 |       "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
 542 |       "dev": true,
 543 |       "engines": {
 544 |         "node": ">=0.10.0"
 545 |       }
 546 |     },
 547 |     "node_modules/is-fullwidth-code-point": {
 548 |       "version": "3.0.0",
 549 |       "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
 550 |       "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
 551 |       "dev": true,
 552 |       "engines": {
 553 |         "node": ">=8"
 554 |       }
 555 |     },
 556 |     "node_modules/is-glob": {
 557 |       "version": "4.0.3",
 558 |       "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
 559 |       "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
 560 |       "dev": true,
 561 |       "dependencies": {
 562 |         "is-extglob": "^2.1.1"
 563 |       },
 564 |       "engines": {
 565 |         "node": ">=0.10.0"
 566 |       }
 567 |     },
 568 |     "node_modules/is-number": {
 569 |       "version": "7.0.0",
 570 |       "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
 571 |       "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
 572 |       "dev": true,
 573 |       "engines": {
 574 |         "node": ">=0.12.0"
 575 |       }
 576 |     },
 577 |     "node_modules/isexe": {
 578 |       "version": "2.0.0",
 579 |       "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
 580 |       "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
 581 |       "dev": true
 582 |     },
 583 |     "node_modules/isomorphic-fetch": {
 584 |       "version": "3.0.0",
 585 |       "resolved": "https://registry.npmjs.org/isomorphic-fetch/-/isomorphic-fetch-3.0.0.tgz",
 586 |       "integrity": "sha512-qvUtwJ3j6qwsF3jLxkZ72qCgjMysPzDfeV240JHiGZsANBYd+EEuu35v7dfrJ9Up0Ak07D7GGSkGhCHTqg/5wA==",
 587 |       "dependencies": {
 588 |         "node-fetch": "^2.6.1",
 589 |         "whatwg-fetch": "^3.4.1"
 590 |       }
 591 |     },
 592 |     "node_modules/jackspeak": {
 593 |       "version": "2.3.0",
 594 |       "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-2.3.0.tgz",
 595 |       "integrity": "sha512-uKmsITSsF4rUWQHzqaRUuyAir3fZfW3f202Ee34lz/gZCi970CPZwyQXLGNgWJvvZbvFyzeyGq0+4fcG/mBKZg==",
 596 |       "dev": true,
 597 |       "dependencies": {
 598 |         "@isaacs/cliui": "^8.0.2"
 599 |       },
 600 |       "engines": {
 601 |         "node": ">=14"
 602 |       },
 603 |       "funding": {
 604 |         "url": "https://github.com/sponsors/isaacs"
 605 |       },
 606 |       "optionalDependencies": {
 607 |         "@pkgjs/parseargs": "^0.11.0"
 608 |       }
 609 |     },
 610 |     "node_modules/lru-cache": {
 611 |       "version": "10.0.1",
 612 |       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.0.1.tgz",
 613 |       "integrity": "sha512-IJ4uwUTi2qCccrioU6g9g/5rvvVl13bsdczUUcqbciD9iLr095yj8DQKdObriEvuNSx325N1rV1O0sJFszx75g==",
 614 |       "dev": true,
 615 |       "engines": {
 616 |         "node": "14 || >=16.14"
 617 |       }
 618 |     },
 619 |     "node_modules/make-error": {
 620 |       "version": "1.3.6",
 621 |       "resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.6.tgz",
 622 |       "integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==",
 623 |       "dev": true
 624 |     },
 625 |     "node_modules/mime-db": {
 626 |       "version": "1.52.0",
 627 |       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
 628 |       "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
 629 |       "engines": {
 630 |         "node": ">= 0.6"
 631 |       }
 632 |     },
 633 |     "node_modules/mime-types": {
 634 |       "version": "2.1.35",
 635 |       "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
 636 |       "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
 637 |       "dependencies": {
 638 |         "mime-db": "1.52.0"
 639 |       },
 640 |       "engines": {
 641 |         "node": ">= 0.6"
 642 |       }
 643 |     },
 644 |     "node_modules/minimatch": {
 645 |       "version": "3.1.2",
 646 |       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
 647 |       "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
 648 |       "dev": true,
 649 |       "dependencies": {
 650 |         "brace-expansion": "^1.1.7"
 651 |       },
 652 |       "engines": {
 653 |         "node": "*"
 654 |       }
 655 |     },
 656 |     "node_modules/minipass": {
 657 |       "version": "7.0.3",
 658 |       "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.0.3.tgz",
 659 |       "integrity": "sha512-LhbbwCfz3vsb12j/WkWQPZfKTsgqIe1Nf/ti1pKjYESGLHIVjWU96G9/ljLH4F9mWNVhlQOm0VySdAWzf05dpg==",
 660 |       "dev": true,
 661 |       "engines": {
 662 |         "node": ">=16 || 14 >=14.17"
 663 |       }
 664 |     },
 665 |     "node_modules/ms": {
 666 |       "version": "2.1.3",
 667 |       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
 668 |       "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
 669 |       "dev": true
 670 |     },
 671 |     "node_modules/node-fetch": {
 672 |       "version": "2.7.0",
 673 |       "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz",
 674 |       "integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==",
 675 |       "dependencies": {
 676 |         "whatwg-url": "^5.0.0"
 677 |       },
 678 |       "engines": {
 679 |         "node": "4.x || >=6.0.0"
 680 |       },
 681 |       "peerDependencies": {
 682 |         "encoding": "^0.1.0"
 683 |       },
 684 |       "peerDependenciesMeta": {
 685 |         "encoding": {
 686 |           "optional": true
 687 |         }
 688 |       }
 689 |     },
 690 |     "node_modules/nodemon": {
 691 |       "version": "3.0.1",
 692 |       "resolved": "https://registry.npmjs.org/nodemon/-/nodemon-3.0.1.tgz",
 693 |       "integrity": "sha512-g9AZ7HmkhQkqXkRc20w+ZfQ73cHLbE8hnPbtaFbFtCumZsjyMhKk9LajQ07U5Ux28lvFjZ5X7HvWR1xzU8jHVw==",
 694 |       "dev": true,
 695 |       "dependencies": {
 696 |         "chokidar": "^3.5.2",
 697 |         "debug": "^3.2.7",
 698 |         "ignore-by-default": "^1.0.1",
 699 |         "minimatch": "^3.1.2",
 700 |         "pstree.remy": "^1.1.8",
 701 |         "semver": "^7.5.3",
 702 |         "simple-update-notifier": "^2.0.0",
 703 |         "supports-color": "^5.5.0",
 704 |         "touch": "^3.1.0",
 705 |         "undefsafe": "^2.0.5"
 706 |       },
 707 |       "bin": {
 708 |         "nodemon": "bin/nodemon.js"
 709 |       },
 710 |       "engines": {
 711 |         "node": ">=10"
 712 |       },
 713 |       "funding": {
 714 |         "type": "opencollective",
 715 |         "url": "https://opencollective.com/nodemon"
 716 |       }
 717 |     },
 718 |     "node_modules/nopt": {
 719 |       "version": "1.0.10",
 720 |       "resolved": "https://registry.npmjs.org/nopt/-/nopt-1.0.10.tgz",
 721 |       "integrity": "sha512-NWmpvLSqUrgrAC9HCuxEvb+PSloHpqVu+FqcO4eeF2h5qYRhA7ev6KvelyQAKtegUbC6RypJnlEOhd8vloNKYg==",
 722 |       "dev": true,
 723 |       "dependencies": {
 724 |         "abbrev": "1"
 725 |       },
 726 |       "bin": {
 727 |         "nopt": "bin/nopt.js"
 728 |       },
 729 |       "engines": {
 730 |         "node": "*"
 731 |       }
 732 |     },
 733 |     "node_modules/normalize-path": {
 734 |       "version": "3.0.0",
 735 |       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
 736 |       "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
 737 |       "dev": true,
 738 |       "engines": {
 739 |         "node": ">=0.10.0"
 740 |       }
 741 |     },
 742 |     "node_modules/path-key": {
 743 |       "version": "3.1.1",
 744 |       "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
 745 |       "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
 746 |       "dev": true,
 747 |       "engines": {
 748 |         "node": ">=8"
 749 |       }
 750 |     },
 751 |     "node_modules/path-scurry": {
 752 |       "version": "1.10.1",
 753 |       "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.10.1.tgz",
 754 |       "integrity": "sha512-MkhCqzzBEpPvxxQ71Md0b1Kk51W01lrYvlMzSUaIzNsODdd7mqhiimSZlr+VegAz5Z6Vzt9Xg2ttE//XBhH3EQ==",
 755 |       "dev": true,
 756 |       "dependencies": {
 757 |         "lru-cache": "^9.1.1 || ^10.0.0",
 758 |         "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
 759 |       },
 760 |       "engines": {
 761 |         "node": ">=16 || 14 >=14.17"
 762 |       },
 763 |       "funding": {
 764 |         "url": "https://github.com/sponsors/isaacs"
 765 |       }
 766 |     },
 767 |     "node_modules/picomatch": {
 768 |       "version": "2.3.1",
 769 |       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
 770 |       "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
 771 |       "dev": true,
 772 |       "engines": {
 773 |         "node": ">=8.6"
 774 |       },
 775 |       "funding": {
 776 |         "url": "https://github.com/sponsors/jonschlinkert"
 777 |       }
 778 |     },
 779 |     "node_modules/pstree.remy": {
 780 |       "version": "1.1.8",
 781 |       "resolved": "https://registry.npmjs.org/pstree.remy/-/pstree.remy-1.1.8.tgz",
 782 |       "integrity": "sha512-77DZwxQmxKnu3aR542U+X8FypNzbfJ+C5XQDk3uWjWxn6151aIMGthWYRXTqT1E5oJvg+ljaa2OJi+VfvCOQ8w==",
 783 |       "dev": true
 784 |     },
 785 |     "node_modules/readdirp": {
 786 |       "version": "3.6.0",
 787 |       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
 788 |       "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
 789 |       "dev": true,
 790 |       "dependencies": {
 791 |         "picomatch": "^2.2.1"
 792 |       },
 793 |       "engines": {
 794 |         "node": ">=8.10.0"
 795 |       }
 796 |     },
 797 |     "node_modules/rimraf": {
 798 |       "version": "5.0.1",
 799 |       "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-5.0.1.tgz",
 800 |       "integrity": "sha512-OfFZdwtd3lZ+XZzYP/6gTACubwFcHdLRqS9UX3UwpU2dnGQYkPFISRwvM3w9IiB2w7bW5qGo/uAwE4SmXXSKvg==",
 801 |       "dev": true,
 802 |       "dependencies": {
 803 |         "glob": "^10.2.5"
 804 |       },
 805 |       "bin": {
 806 |         "rimraf": "dist/cjs/src/bin.js"
 807 |       },
 808 |       "engines": {
 809 |         "node": ">=14"
 810 |       },
 811 |       "funding": {
 812 |         "url": "https://github.com/sponsors/isaacs"
 813 |       }
 814 |     },
 815 |     "node_modules/semver": {
 816 |       "version": "7.5.4",
 817 |       "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
 818 |       "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
 819 |       "dev": true,
 820 |       "dependencies": {
 821 |         "lru-cache": "^6.0.0"
 822 |       },
 823 |       "bin": {
 824 |         "semver": "bin/semver.js"
 825 |       },
 826 |       "engines": {
 827 |         "node": ">=10"
 828 |       }
 829 |     },
 830 |     "node_modules/semver/node_modules/lru-cache": {
 831 |       "version": "6.0.0",
 832 |       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
 833 |       "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
 834 |       "dev": true,
 835 |       "dependencies": {
 836 |         "yallist": "^4.0.0"
 837 |       },
 838 |       "engines": {
 839 |         "node": ">=10"
 840 |       }
 841 |     },
 842 |     "node_modules/shebang-command": {
 843 |       "version": "2.0.0",
 844 |       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
 845 |       "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
 846 |       "dev": true,
 847 |       "dependencies": {
 848 |         "shebang-regex": "^3.0.0"
 849 |       },
 850 |       "engines": {
 851 |         "node": ">=8"
 852 |       }
 853 |     },
 854 |     "node_modules/shebang-regex": {
 855 |       "version": "3.0.0",
 856 |       "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
 857 |       "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
 858 |       "dev": true,
 859 |       "engines": {
 860 |         "node": ">=8"
 861 |       }
 862 |     },
 863 |     "node_modules/signal-exit": {
 864 |       "version": "4.1.0",
 865 |       "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
 866 |       "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
 867 |       "dev": true,
 868 |       "engines": {
 869 |         "node": ">=14"
 870 |       },
 871 |       "funding": {
 872 |         "url": "https://github.com/sponsors/isaacs"
 873 |       }
 874 |     },
 875 |     "node_modules/simple-update-notifier": {
 876 |       "version": "2.0.0",
 877 |       "resolved": "https://registry.npmjs.org/simple-update-notifier/-/simple-update-notifier-2.0.0.tgz",
 878 |       "integrity": "sha512-a2B9Y0KlNXl9u/vsW6sTIu9vGEpfKu2wRV6l1H3XEas/0gUIzGzBoP/IouTcUQbm9JWZLH3COxyn03TYlFax6w==",
 879 |       "dev": true,
 880 |       "dependencies": {
 881 |         "semver": "^7.5.3"
 882 |       },
 883 |       "engines": {
 884 |         "node": ">=10"
 885 |       }
 886 |     },
 887 |     "node_modules/string-width": {
 888 |       "version": "5.1.2",
 889 |       "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
 890 |       "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
 891 |       "dev": true,
 892 |       "dependencies": {
 893 |         "eastasianwidth": "^0.2.0",
 894 |         "emoji-regex": "^9.2.2",
 895 |         "strip-ansi": "^7.0.1"
 896 |       },
 897 |       "engines": {
 898 |         "node": ">=12"
 899 |       },
 900 |       "funding": {
 901 |         "url": "https://github.com/sponsors/sindresorhus"
 902 |       }
 903 |     },
 904 |     "node_modules/string-width-cjs": {
 905 |       "name": "string-width",
 906 |       "version": "4.2.3",
 907 |       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
 908 |       "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
 909 |       "dev": true,
 910 |       "dependencies": {
 911 |         "emoji-regex": "^8.0.0",
 912 |         "is-fullwidth-code-point": "^3.0.0",
 913 |         "strip-ansi": "^6.0.1"
 914 |       },
 915 |       "engines": {
 916 |         "node": ">=8"
 917 |       }
 918 |     },
 919 |     "node_modules/string-width-cjs/node_modules/ansi-regex": {
 920 |       "version": "5.0.1",
 921 |       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
 922 |       "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
 923 |       "dev": true,
 924 |       "engines": {
 925 |         "node": ">=8"
 926 |       }
 927 |     },
 928 |     "node_modules/string-width-cjs/node_modules/emoji-regex": {
 929 |       "version": "8.0.0",
 930 |       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
 931 |       "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
 932 |       "dev": true
 933 |     },
 934 |     "node_modules/string-width-cjs/node_modules/strip-ansi": {
 935 |       "version": "6.0.1",
 936 |       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
 937 |       "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
 938 |       "dev": true,
 939 |       "dependencies": {
 940 |         "ansi-regex": "^5.0.1"
 941 |       },
 942 |       "engines": {
 943 |         "node": ">=8"
 944 |       }
 945 |     },
 946 |     "node_modules/strip-ansi": {
 947 |       "version": "7.1.0",
 948 |       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
 949 |       "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
 950 |       "dev": true,
 951 |       "dependencies": {
 952 |         "ansi-regex": "^6.0.1"
 953 |       },
 954 |       "engines": {
 955 |         "node": ">=12"
 956 |       },
 957 |       "funding": {
 958 |         "url": "https://github.com/chalk/strip-ansi?sponsor=1"
 959 |       }
 960 |     },
 961 |     "node_modules/strip-ansi-cjs": {
 962 |       "name": "strip-ansi",
 963 |       "version": "6.0.1",
 964 |       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
 965 |       "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
 966 |       "dev": true,
 967 |       "dependencies": {
 968 |         "ansi-regex": "^5.0.1"
 969 |       },
 970 |       "engines": {
 971 |         "node": ">=8"
 972 |       }
 973 |     },
 974 |     "node_modules/strip-ansi-cjs/node_modules/ansi-regex": {
 975 |       "version": "5.0.1",
 976 |       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
 977 |       "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
 978 |       "dev": true,
 979 |       "engines": {
 980 |         "node": ">=8"
 981 |       }
 982 |     },
 983 |     "node_modules/supports-color": {
 984 |       "version": "5.5.0",
 985 |       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
 986 |       "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
 987 |       "dev": true,
 988 |       "dependencies": {
 989 |         "has-flag": "^3.0.0"
 990 |       },
 991 |       "engines": {
 992 |         "node": ">=4"
 993 |       }
 994 |     },
 995 |     "node_modules/to-regex-range": {
 996 |       "version": "5.0.1",
 997 |       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
 998 |       "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
 999 |       "dev": true,
1000 |       "dependencies": {
1001 |         "is-number": "^7.0.0"
1002 |       },
1003 |       "engines": {
1004 |         "node": ">=8.0"
1005 |       }
1006 |     },
1007 |     "node_modules/touch": {
1008 |       "version": "3.1.0",
1009 |       "resolved": "https://registry.npmjs.org/touch/-/touch-3.1.0.tgz",
1010 |       "integrity": "sha512-WBx8Uy5TLtOSRtIq+M03/sKDrXCLHxwDcquSP2c43Le03/9serjQBIztjRz6FkJez9D/hleyAXTBGLwwZUw9lA==",
1011 |       "dev": true,
1012 |       "dependencies": {
1013 |         "nopt": "~1.0.10"
1014 |       },
1015 |       "bin": {
1016 |         "nodetouch": "bin/nodetouch.js"
1017 |       }
1018 |     },
1019 |     "node_modules/tr46": {
1020 |       "version": "0.0.3",
1021 |       "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
1022 |       "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw=="
1023 |     },
1024 |     "node_modules/ts-node": {
1025 |       "version": "10.9.1",
1026 |       "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-10.9.1.tgz",
1027 |       "integrity": "sha512-NtVysVPkxxrwFGUUxGYhfux8k78pQB3JqYBXlLRZgdGUqTO5wU/UyHop5p70iEbGhB7q5KmiZiU0Y3KlJrScEw==",
1028 |       "dev": true,
1029 |       "dependencies": {
1030 |         "@cspotcode/source-map-support": "^0.8.0",
1031 |         "@tsconfig/node10": "^1.0.7",
1032 |         "@tsconfig/node12": "^1.0.7",
1033 |         "@tsconfig/node14": "^1.0.0",
1034 |         "@tsconfig/node16": "^1.0.2",
1035 |         "acorn": "^8.4.1",
1036 |         "acorn-walk": "^8.1.1",
1037 |         "arg": "^4.1.0",
1038 |         "create-require": "^1.1.0",
1039 |         "diff": "^4.0.1",
1040 |         "make-error": "^1.1.1",
1041 |         "v8-compile-cache-lib": "^3.0.1",
1042 |         "yn": "3.1.1"
1043 |       },
1044 |       "bin": {
1045 |         "ts-node": "dist/bin.js",
1046 |         "ts-node-cwd": "dist/bin-cwd.js",
1047 |         "ts-node-esm": "dist/bin-esm.js",
1048 |         "ts-node-script": "dist/bin-script.js",
1049 |         "ts-node-transpile-only": "dist/bin-transpile.js",
1050 |         "ts-script": "dist/bin-script-deprecated.js"
1051 |       },
1052 |       "peerDependencies": {
1053 |         "@swc/core": ">=1.2.50",
1054 |         "@swc/wasm": ">=1.2.50",
1055 |         "@types/node": "*",
1056 |         "typescript": ">=2.7"
1057 |       },
1058 |       "peerDependenciesMeta": {
1059 |         "@swc/core": {
1060 |           "optional": true
1061 |         },
1062 |         "@swc/wasm": {
1063 |           "optional": true
1064 |         }
1065 |       }
1066 |     },
1067 |     "node_modules/typescript": {
1068 |       "version": "5.2.2",
1069 |       "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.2.2.tgz",
1070 |       "integrity": "sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==",
1071 |       "dev": true,
1072 |       "bin": {
1073 |         "tsc": "bin/tsc",
1074 |         "tsserver": "bin/tsserver"
1075 |       },
1076 |       "engines": {
1077 |         "node": ">=14.17"
1078 |       }
1079 |     },
1080 |     "node_modules/undefsafe": {
1081 |       "version": "2.0.5",
1082 |       "resolved": "https://registry.npmjs.org/undefsafe/-/undefsafe-2.0.5.tgz",
1083 |       "integrity": "sha512-WxONCrssBM8TSPRqN5EmsjVrsv4A8X12J4ArBiiayv3DyyG3ZlIg6yysuuSYdZsVz3TKcTg2fd//Ujd4CHV1iA==",
1084 |       "dev": true
1085 |     },
1086 |     "node_modules/uuid": {
1087 |       "version": "9.0.0",
1088 |       "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.0.tgz",
1089 |       "integrity": "sha512-MXcSTerfPa4uqyzStbRoTgt5XIe3x5+42+q1sDuy3R5MDk66URdLMOZe5aPX/SQd+kuYAh0FdP/pO28IkQyTeg==",
1090 |       "bin": {
1091 |         "uuid": "dist/bin/uuid"
1092 |       }
1093 |     },
1094 |     "node_modules/v8-compile-cache-lib": {
1095 |       "version": "3.0.1",
1096 |       "resolved": "https://registry.npmjs.org/v8-compile-cache-lib/-/v8-compile-cache-lib-3.0.1.tgz",
1097 |       "integrity": "sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==",
1098 |       "dev": true
1099 |     },
1100 |     "node_modules/weaviate-ts-client": {
1101 |       "version": "1.5.0",
1102 |       "resolved": "https://registry.npmjs.org/weaviate-ts-client/-/weaviate-ts-client-1.5.0.tgz",
1103 |       "integrity": "sha512-xmaW3eyV6grkZ/nZ8P41+p1bUqEJPBm93SNYTiTXBxggH9gqUPHSVo1LxMArYBuZD06YwgGi4Ujf6WCW/1MRTg==",
1104 |       "dependencies": {
1105 |         "graphql-request": "^5.1.0",
1106 |         "isomorphic-fetch": "^3.0.0",
1107 |         "uuid": "^9.0.0"
1108 |       },
1109 |       "engines": {
1110 |         "node": ">=16.0.0"
1111 |       }
1112 |     },
1113 |     "node_modules/webidl-conversions": {
1114 |       "version": "3.0.1",
1115 |       "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
1116 |       "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ=="
1117 |     },
1118 |     "node_modules/whatwg-fetch": {
1119 |       "version": "3.6.18",
1120 |       "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-3.6.18.tgz",
1121 |       "integrity": "sha512-ltN7j66EneWn5TFDO4L9inYC1D+Czsxlrw2SalgjMmEMkLfA5SIZxEFdE6QtHFiiM6Q7WL32c7AkI3w6yxM84Q=="
1122 |     },
1123 |     "node_modules/whatwg-url": {
1124 |       "version": "5.0.0",
1125 |       "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
1126 |       "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
1127 |       "dependencies": {
1128 |         "tr46": "~0.0.3",
1129 |         "webidl-conversions": "^3.0.0"
1130 |       }
1131 |     },
1132 |     "node_modules/which": {
1133 |       "version": "2.0.2",
1134 |       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
1135 |       "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
1136 |       "dev": true,
1137 |       "dependencies": {
1138 |         "isexe": "^2.0.0"
1139 |       },
1140 |       "bin": {
1141 |         "node-which": "bin/node-which"
1142 |       },
1143 |       "engines": {
1144 |         "node": ">= 8"
1145 |       }
1146 |     },
1147 |     "node_modules/wrap-ansi": {
1148 |       "version": "8.1.0",
1149 |       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
1150 |       "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
1151 |       "dev": true,
1152 |       "dependencies": {
1153 |         "ansi-styles": "^6.1.0",
1154 |         "string-width": "^5.0.1",
1155 |         "strip-ansi": "^7.0.1"
1156 |       },
1157 |       "engines": {
1158 |         "node": ">=12"
1159 |       },
1160 |       "funding": {
1161 |         "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
1162 |       }
1163 |     },
1164 |     "node_modules/wrap-ansi-cjs": {
1165 |       "name": "wrap-ansi",
1166 |       "version": "7.0.0",
1167 |       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
1168 |       "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
1169 |       "dev": true,
1170 |       "dependencies": {
1171 |         "ansi-styles": "^4.0.0",
1172 |         "string-width": "^4.1.0",
1173 |         "strip-ansi": "^6.0.0"
1174 |       },
1175 |       "engines": {
1176 |         "node": ">=10"
1177 |       },
1178 |       "funding": {
1179 |         "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
1180 |       }
1181 |     },
1182 |     "node_modules/wrap-ansi-cjs/node_modules/ansi-regex": {
1183 |       "version": "5.0.1",
1184 |       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
1185 |       "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
1186 |       "dev": true,
1187 |       "engines": {
1188 |         "node": ">=8"
1189 |       }
1190 |     },
1191 |     "node_modules/wrap-ansi-cjs/node_modules/ansi-styles": {
1192 |       "version": "4.3.0",
1193 |       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
1194 |       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
1195 |       "dev": true,
1196 |       "dependencies": {
1197 |         "color-convert": "^2.0.1"
1198 |       },
1199 |       "engines": {
1200 |         "node": ">=8"
1201 |       },
1202 |       "funding": {
1203 |         "url": "https://github.com/chalk/ansi-styles?sponsor=1"
1204 |       }
1205 |     },
1206 |     "node_modules/wrap-ansi-cjs/node_modules/emoji-regex": {
1207 |       "version": "8.0.0",
1208 |       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
1209 |       "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
1210 |       "dev": true
1211 |     },
1212 |     "node_modules/wrap-ansi-cjs/node_modules/string-width": {
1213 |       "version": "4.2.3",
1214 |       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
1215 |       "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
1216 |       "dev": true,
1217 |       "dependencies": {
1218 |         "emoji-regex": "^8.0.0",
1219 |         "is-fullwidth-code-point": "^3.0.0",
1220 |         "strip-ansi": "^6.0.1"
1221 |       },
1222 |       "engines": {
1223 |         "node": ">=8"
1224 |       }
1225 |     },
1226 |     "node_modules/wrap-ansi-cjs/node_modules/strip-ansi": {
1227 |       "version": "6.0.1",
1228 |       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
1229 |       "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
1230 |       "dev": true,
1231 |       "dependencies": {
1232 |         "ansi-regex": "^5.0.1"
1233 |       },
1234 |       "engines": {
1235 |         "node": ">=8"
1236 |       }
1237 |     },
1238 |     "node_modules/yallist": {
1239 |       "version": "4.0.0",
1240 |       "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
1241 |       "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
1242 |       "dev": true
1243 |     },
1244 |     "node_modules/yn": {
1245 |       "version": "3.1.1",
1246 |       "resolved": "https://registry.npmjs.org/yn/-/yn-3.1.1.tgz",
1247 |       "integrity": "sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==",
1248 |       "dev": true,
1249 |       "engines": {
1250 |         "node": ">=6"
1251 |       }
1252 |     }
1253 |   }
1254 | }
1255 | 


--------------------------------------------------------------------------------
/node-app/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "multi2vec-node",
 3 |   "version": "1.0.0",
 4 |   "description": "",
 5 |   "main": "index.js",
 6 |   "scripts": {
 7 |     "test": "echo \"Error: no test specified\" && exit 1",
 8 |     "compile-ts": "npx tsc",
 9 |     "build": "rimraf ./build && tsc",
10 |     "start:dev": "npx nodemon",
11 |     "start": "npm run build && node build/index.js"
12 |   },
13 |   "keywords": [],
14 |   "author": "",
15 |   "license": "ISC",
16 |   "devDependencies": {
17 |     "@types/node": "^20.5.7",
18 |     "nodemon": "^3.0.1",
19 |     "rimraf": "^5.0.1",
20 |     "ts-node": "^10.9.1",
21 |     "typescript": "^5.2.2"
22 |   },
23 |   "dependencies": {
24 |     "weaviate-ts-client": "^1.5.0"
25 |   }
26 | }
27 | 


--------------------------------------------------------------------------------
/node-app/src/client.ts:
--------------------------------------------------------------------------------
 1 | import weaviate, { WeaviateClient } from 'weaviate-ts-client';
 2 | 
 3 | let client: WeaviateClient;
 4 | 
 5 | export const getWeaviateClient = () => {
 6 |   if (!client) {
 7 |     client = weaviate.client({
 8 |       scheme: 'http',
 9 |       host: 'localhost:8080',
10 |     });
11 |   };
12 |   
13 |   // client.misc.readyChecker().do().then(console.log)
14 |   return client;
15 | }


--------------------------------------------------------------------------------
/node-app/src/collection.ts:
--------------------------------------------------------------------------------
 1 | import { WeaviateClient } from 'weaviate-ts-client';
 2 | import { getWeaviateClient } from './client';
 3 | 
 4 | const client: WeaviateClient = getWeaviateClient();
 5 | 
 6 | const collectionExists = async (name: string) => {
 7 |   return client.schema.exists(name);
 8 | }
 9 | 
10 | export const createBindCollection = async (name: string) => {
11 |   if(await collectionExists(name)) {
12 |     console.log(`The collection [${name}] already exists. No need to create it.`);
13 |     return;
14 |   }
15 |   
16 |   console.log(`Creating collection [${name}].`);
17 | 
18 |   const bindSchema = {
19 |     class: name,
20 |     moduleConfig: {
21 |       'multi2vec-bind': {
22 |         // textFields: ['name'],
23 |         imageFields: ['image'],
24 |         audioFields: ['audio'],
25 |         videoFields: ['video'],
26 |       }
27 |     },
28 |     properties: [
29 |       {
30 |         name: 'name',
31 |         dataType: ['text'],
32 |         moduleConfig: {
33 |           'multi2vec-bind': { skip: true },
34 |         },
35 |       },
36 |       {
37 |         name: 'media',
38 |         dataType: ['text'],
39 |         moduleConfig: {
40 |           'multi2vec-bind': { skip: true },
41 |         },
42 |       },
43 |       {
44 |         name: 'image',
45 |         dataType: ['blob'],
46 |       },
47 |       {
48 |         name: 'audio',
49 |         dataType: ['blob'],
50 |       },
51 |       {
52 |         name: 'video',
53 |         dataType: ['blob'],
54 |       }
55 |     ],
56 |     vectorIndexType: 'hnsw',
57 |     vectorizer: 'multi2vec-bind'
58 |   }
59 |   
60 |   const res = await client
61 |     .schema.classCreator()
62 |     .withClass(bindSchema)
63 |     .do();
64 | 
65 |   console.log(JSON.stringify(res, null, 2));
66 | }
67 | 
68 | export const deleteCollection = async (name: string) => {
69 |   console.log(`Deleting collection ${name}...`);
70 |   await client.schema
71 |   .classDeleter()
72 |   .withClassName(name)
73 |   .do();
74 | 
75 |   console.log(`Deleted collection ${name}.`);
76 | }


--------------------------------------------------------------------------------
/node-app/src/import-simple.ts:
--------------------------------------------------------------------------------
 1 | import { ObjectsBatcher, WeaviateClient, generateUuid5 } from 'weaviate-ts-client';
 2 | import { getWeaviateClient } from './client';
 3 | import { FileInfo, getBase64, listFiles } from './util';
 4 | 
 5 | const client: WeaviateClient = getWeaviateClient();
 6 | 
 7 | const sourceBase = '../web-app/src/assets';
 8 | const sourceImages = sourceBase + '/image/'
 9 | const sourceAudio = sourceBase + '/audio/';
10 | const sourceVideo = sourceBase + '/video/';
11 | 
12 | export const importFiles = async (collectionName: string) => {
13 |     await insertImages(collectionName);
14 |     await insertAudio(collectionName);
15 |     await insertVideo(collectionName);
16 | }
17 | 
18 | const insertImages = async (collectionName: string) => {
19 |     const files = listFiles(sourceImages);
20 |     console.log(`Importing ${files.length} images.`)
21 | 
22 |     for (const file of files) {
23 |         const item = {
24 |             name: file.name,
25 |             image: getBase64(file.path),
26 |             type: 'image'
27 |         };
28 |         
29 |         console.log(`Adding [${item.type}]: ${item.name}`);
30 | 
31 |         let result = await client.data
32 |             .creator()
33 |             .withClassName(collectionName)
34 |             .withProperties(item)
35 |             .withId(generateUuid5(file.name))
36 |             .do();
37 | 
38 |         // console.log(result);  // the returned value is the object        
39 |     }
40 | }
41 | 
42 | const insertAudio = async (collectionName: string) => {
43 |     const files = listFiles(sourceAudio);
44 |     console.log(`Importing ${files.length} audio files.`)
45 | 
46 |     for (const file of files) {
47 |         const item = {
48 |             name: file.name,
49 |             audio: getBase64(file.path),
50 |             type: 'audio'
51 |         };
52 | 
53 |         console.log(`Adding [${item.type}]: ${item.name}`);
54 |         
55 |         let result = await client.data
56 |             .creator()
57 |             .withClassName(collectionName)
58 |             .withProperties(item)
59 |             .withId(generateUuid5(file.name))
60 |             .do();
61 |     }
62 | }
63 | 
64 | const insertVideo = async (collectionName: string) => {
65 |     const files = listFiles(sourceVideo);
66 |     console.log(`Importing ${files.length} video files.`)
67 | 
68 |     for (const file of files) {
69 |         const item = {
70 |             name: file.name,
71 |             video: getBase64(file.path),
72 |             type: 'video'
73 |         };
74 | 
75 |         console.log(`Adding [${item.type}]: ${item.name}`);
76 |         
77 |         let result = await client.data
78 |             .creator()
79 |             .withClassName(collectionName)
80 |             .withProperties(item)
81 |             .withId(generateUuid5(file.name))
82 |             .do();
83 | 
84 |         // console.log(JSON.stringify(result, null, 2));  // the returned value is the object        
85 |     }
86 | }
87 | 


--------------------------------------------------------------------------------
/node-app/src/import.ts:
--------------------------------------------------------------------------------
  1 | import { ObjectsBatcher, WeaviateClient, generateUuid5 } from 'weaviate-ts-client';
  2 | import { getWeaviateClient } from './client';
  3 | import { FileInfo, getBase64, listFiles } from './util';
  4 | 
  5 | 
  6 | 
  7 | // const sourceImages = 'source/input_images/';
  8 | // const sourceAudio = 'source/audio/';
  9 | // const sourceVideo = 'source/video/';
 10 | const sourceBase = '../web-app/src/assets';
 11 | const sourceImages = sourceBase + '/image/'
 12 | const sourceAudio = sourceBase + '/audio/';
 13 | const sourceVideo = sourceBase + '/video/';
 14 | 
 15 | const client: WeaviateClient = getWeaviateClient();
 16 | 
 17 | export const importMediaFiles = async (collectionName: string) => {
 18 |     await insertImages(collectionName);
 19 |     await insertAudio(collectionName);
 20 |     await insertVideo(collectionName);
 21 | }
 22 | 
 23 | const insertImages = async (collectionName: string) => {
 24 |     let batcher: ObjectsBatcher = client.batch.objectsBatcher();
 25 |     let counter = 0;
 26 |     const batchSize = 5;
 27 | 
 28 |     const files = listFiles(sourceImages);
 29 |     console.log(`Importing ${files.length} images.`)
 30 | 
 31 |     for (const file of files) {
 32 |         const item = {
 33 |             name: file.name,
 34 |             image: getBase64(file.path),
 35 |             media: 'image'
 36 |         };
 37 |         
 38 |         console.log(`Adding [${item.media}]: ${item.name}`);
 39 | 
 40 |         batcher = batcher.withObject({
 41 |             class: collectionName,
 42 |             properties: item,
 43 |             id: generateUuid5(file.name)
 44 |         });
 45 | 
 46 |         if (++counter == batchSize) {
 47 |             console.log(`Flushing ${counter} items.`)
 48 | 
 49 |             // flush the batch queue
 50 |             await batcher.do();
 51 |       
 52 |             // restart the batch queue
 53 |             counter = 0;
 54 |             batcher = client.batch.objectsBatcher();
 55 |         }
 56 |     }
 57 | 
 58 |     if (counter > 0) {
 59 |         console.log(`Flushing remaining ${counter} item(s).`)
 60 |         await batcher.do();
 61 |         // const res = await batcher.do();
 62 |         // console.log(res);
 63 |     }
 64 | }
 65 | 
 66 | 
 67 | const insertAudio = async (collectionName: string) => {
 68 |     let batcher: ObjectsBatcher = client.batch.objectsBatcher();
 69 |     let counter = 0;
 70 |     const batchSize = 3;
 71 | 
 72 |     const files = listFiles(sourceAudio);
 73 |     console.log(`Importing ${files.length} audio files.`)
 74 | 
 75 |     for (const file of files) {
 76 |         const item = {
 77 |             name: file.name,
 78 |             audio: getBase64(file.path),
 79 |             media: 'audio'
 80 |         };
 81 | 
 82 |         console.log(`Adding [${item.media}]: ${item.name}`);
 83 |         
 84 |         batcher = batcher.withObject({
 85 |             class: collectionName,
 86 |             properties: item,
 87 |             id: generateUuid5(file.name)
 88 |         });
 89 | 
 90 |         if (++counter == batchSize) {
 91 |             console.log(`Flushing ${counter} items.`)
 92 |             // flush the batch queue
 93 |             await batcher.do();
 94 |       
 95 |             // restart the batch queue
 96 |             counter = 0;
 97 |             batcher = client.batch.objectsBatcher();
 98 |         }
 99 |     }
100 | 
101 |     if (counter > 0) {
102 |         console.log(`Flushing remaining ${counter} item(s).`)
103 |         await batcher.do();
104 |     }
105 | }
106 | 
107 | const insertVideo = async (collectionName: string) => {
108 |     let batcher: ObjectsBatcher = client.batch.objectsBatcher();
109 |     let counter = 0;
110 |     const batchSize = 1;
111 | 
112 |     const files = listFiles(sourceVideo);
113 |     console.log(`Importing ${files.length} video files.`)
114 | 
115 |     for (const file of files) {
116 |         const item = {
117 |             name: file.name,
118 |             video: getBase64(file.path),
119 |             media: 'video'
120 |         };
121 | 
122 |         console.log(`Adding [${item.media}]: ${item.name}`);
123 |         
124 |         batcher = batcher.withObject({
125 |             class: collectionName,
126 |             properties: item,
127 |             id: generateUuid5(file.name)
128 |         });
129 | 
130 |         if (++counter == batchSize) {
131 |             console.log(`Flushing ${counter} items.`)
132 |             // flush the batch queue
133 |             await batcher.do();
134 |       
135 |             // restart the batch queue
136 |             counter = 0;
137 |             batcher = client.batch.objectsBatcher();
138 |         }
139 |     }
140 | 
141 |     if (counter > 0) {
142 |         console.log(`Flushing remaining ${counter} item(s).`)
143 |         await batcher.do();
144 |     }
145 | }
146 | 


--------------------------------------------------------------------------------
/node-app/src/index.ts:
--------------------------------------------------------------------------------
 1 | import { createBindCollection, deleteCollection } from './collection';
 2 | import { importMediaFiles } from './import';
 3 | 
 4 | const collectionName = 'BindExample';
 5 | 
 6 | const run = async () => {
 7 |   // await deleteCollection(collectionName);
 8 |   await createBindCollection(collectionName);
 9 |   await importMediaFiles(collectionName);
10 | }
11 | 
12 | run();
13 | 
14 | 
15 | 


--------------------------------------------------------------------------------
/node-app/src/util.ts:
--------------------------------------------------------------------------------
 1 | import {readdirSync, readFileSync, } from 'fs'
 2 | 
 3 | export interface FileInfo {
 4 |     name: string;
 5 |     path: string;
 6 | }
 7 | 
 8 | export const listFiles = (path: string): FileInfo[] => {
 9 |     return readdirSync(path).map((name) => {
10 |         return {
11 |             name: name,
12 |             path: `${path}${name}`,
13 |         }
14 |     });
15 | }
16 | 
17 | export const getBase64 = (file: string) => {
18 |     return readFileSync(file, { encoding: 'base64' });
19 | }


--------------------------------------------------------------------------------
/node-app/tsconfig.json:
--------------------------------------------------------------------------------
  1 | {
  2 |   "compilerOptions": {
  3 |     /* Visit https://aka.ms/tsconfig to read more about this file */
  4 | 
  5 |     /* Projects */
  6 |     // "incremental": true,                              /* Save .tsbuildinfo files to allow for incremental compilation of projects. */
  7 |     // "composite": true,                                /* Enable constraints that allow a TypeScript project to be used with project references. */
  8 |     // "tsBuildInfoFile": "./.tsbuildinfo",              /* Specify the path to .tsbuildinfo incremental compilation file. */
  9 |     // "disableSourceOfProjectReferenceRedirect": true,  /* Disable preferring source files instead of declaration files when referencing composite projects. */
 10 |     // "disableSolutionSearching": true,                 /* Opt a project out of multi-project reference checking when editing. */
 11 |     // "disableReferencedProjectLoad": true,             /* Reduce the number of projects loaded automatically by TypeScript. */
 12 | 
 13 |     /* Language and Environment */
 14 |     "target": "es2016",                                  /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */
 15 |     "lib": ["es6"],                                      /* Specify a set of bundled library declaration files that describe the target runtime environment. */
 16 |     // "jsx": "preserve",                                /* Specify what JSX code is generated. */
 17 |     // "experimentalDecorators": true,                   /* Enable experimental support for legacy experimental decorators. */
 18 |     // "emitDecoratorMetadata": true,                    /* Emit design-type metadata for decorated declarations in source files. */
 19 |     // "jsxFactory": "",                                 /* Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h'. */
 20 |     // "jsxFragmentFactory": "",                         /* Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'. */
 21 |     // "jsxImportSource": "",                            /* Specify module specifier used to import the JSX factory functions when using 'jsx: react-jsx*'. */
 22 |     // "reactNamespace": "",                             /* Specify the object invoked for 'createElement'. This only applies when targeting 'react' JSX emit. */
 23 |     // "noLib": true,                                    /* Disable including any library files, including the default lib.d.ts. */
 24 |     // "useDefineForClassFields": true,                  /* Emit ECMAScript-standard-compliant class fields. */
 25 |     // "moduleDetection": "auto",                        /* Control what method is used to detect module-format JS files. */
 26 | 
 27 |     /* Modules */
 28 |     "module": "commonjs",                                /* Specify what module code is generated. */
 29 |     "rootDir": "src",                                    /* Specify the root folder within your source files. */
 30 |     // "moduleResolution": "node10",                     /* Specify how TypeScript looks up a file from a given module specifier. */
 31 |     // "baseUrl": "./",                                  /* Specify the base directory to resolve non-relative module names. */
 32 |     // "paths": {},                                      /* Specify a set of entries that re-map imports to additional lookup locations. */
 33 |     // "rootDirs": [],                                   /* Allow multiple folders to be treated as one when resolving modules. */
 34 |     // "typeRoots": [],                                  /* Specify multiple folders that act like './node_modules/@types'. */
 35 |     // "types": [],                                      /* Specify type package names to be included without being referenced in a source file. */
 36 |     // "allowUmdGlobalAccess": true,                     /* Allow accessing UMD globals from modules. */
 37 |     // "moduleSuffixes": [],                             /* List of file name suffixes to search when resolving a module. */
 38 |     // "allowImportingTsExtensions": true,               /* Allow imports to include TypeScript file extensions. Requires '--moduleResolution bundler' and either '--noEmit' or '--emitDeclarationOnly' to be set. */
 39 |     // "resolvePackageJsonExports": true,                /* Use the package.json 'exports' field when resolving package imports. */
 40 |     // "resolvePackageJsonImports": true,                /* Use the package.json 'imports' field when resolving imports. */
 41 |     // "customConditions": [],                           /* Conditions to set in addition to the resolver-specific defaults when resolving imports. */
 42 |     "resolveJsonModule": true,                           /* Enable importing .json files. */
 43 |     // "allowArbitraryExtensions": true,                 /* Enable importing files with any extension, provided a declaration file is present. */
 44 |     // "noResolve": true,                                /* Disallow 'import's, 'require's or '<reference>'s from expanding the number of files TypeScript should add to a project. */
 45 | 
 46 |     /* JavaScript Support */
 47 |     "allowJs": true,                                     /* Allow JavaScript files to be a part of your program. Use the 'checkJS' option to get errors from these files. */
 48 |     // "checkJs": true,                                  /* Enable error reporting in type-checked JavaScript files. */
 49 |     // "maxNodeModuleJsDepth": 1,                        /* Specify the maximum folder depth used for checking JavaScript files from 'node_modules'. Only applicable with 'allowJs'. */
 50 | 
 51 |     /* Emit */
 52 |     // "declaration": true,                              /* Generate .d.ts files from TypeScript and JavaScript files in your project. */
 53 |     // "declarationMap": true,                           /* Create sourcemaps for d.ts files. */
 54 |     // "emitDeclarationOnly": true,                      /* Only output d.ts files and not JavaScript files. */
 55 |     // "sourceMap": true,                                /* Create source map files for emitted JavaScript files. */
 56 |     // "inlineSourceMap": true,                          /* Include sourcemap files inside the emitted JavaScript. */
 57 |     // "outFile": "./",                                  /* Specify a file that bundles all outputs into one JavaScript file. If 'declaration' is true, also designates a file that bundles all .d.ts output. */
 58 |     "outDir": "build",                                   /* Specify an output folder for all emitted files. */
 59 |     // "removeComments": true,                           /* Disable emitting comments. */
 60 |     // "noEmit": true,                                   /* Disable emitting files from a compilation. */
 61 |     // "importHelpers": true,                            /* Allow importing helper functions from tslib once per project, instead of including them per-file. */
 62 |     // "importsNotUsedAsValues": "remove",               /* Specify emit/checking behavior for imports that are only used for types. */
 63 |     // "downlevelIteration": true,                       /* Emit more compliant, but verbose and less performant JavaScript for iteration. */
 64 |     // "sourceRoot": "",                                 /* Specify the root path for debuggers to find the reference source code. */
 65 |     // "mapRoot": "",                                    /* Specify the location where debugger should locate map files instead of generated locations. */
 66 |     // "inlineSources": true,                            /* Include source code in the sourcemaps inside the emitted JavaScript. */
 67 |     // "emitBOM": true,                                  /* Emit a UTF-8 Byte Order Mark (BOM) in the beginning of output files. */
 68 |     // "newLine": "crlf",                                /* Set the newline character for emitting files. */
 69 |     // "stripInternal": true,                            /* Disable emitting declarations that have '@internal' in their JSDoc comments. */
 70 |     // "noEmitHelpers": true,                            /* Disable generating custom helper functions like '__extends' in compiled output. */
 71 |     // "noEmitOnError": true,                            /* Disable emitting files if any type checking errors are reported. */
 72 |     // "preserveConstEnums": true,                       /* Disable erasing 'const enum' declarations in generated code. */
 73 |     // "declarationDir": "./",                           /* Specify the output directory for generated declaration files. */
 74 |     // "preserveValueImports": true,                     /* Preserve unused imported values in the JavaScript output that would otherwise be removed. */
 75 | 
 76 |     /* Interop Constraints */
 77 |     // "isolatedModules": true,                          /* Ensure that each file can be safely transpiled without relying on other imports. */
 78 |     // "verbatimModuleSyntax": true,                     /* Do not transform or elide any imports or exports not marked as type-only, ensuring they are written in the output file's format based on the 'module' setting. */
 79 |     // "allowSyntheticDefaultImports": true,             /* Allow 'import x from y' when a module doesn't have a default export. */
 80 |     "esModuleInterop": true,                             /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables 'allowSyntheticDefaultImports' for type compatibility. */
 81 |     // "preserveSymlinks": true,                         /* Disable resolving symlinks to their realpath. This correlates to the same flag in node. */
 82 |     "forceConsistentCasingInFileNames": true,            /* Ensure that casing is correct in imports. */
 83 | 
 84 |     /* Type Checking */
 85 |     "strict": true,                                      /* Enable all strict type-checking options. */
 86 |     "noImplicitAny": true,                               /* Enable error reporting for expressions and declarations with an implied 'any' type. */
 87 |     // "strictNullChecks": true,                         /* When type checking, take into account 'null' and 'undefined'. */
 88 |     // "strictFunctionTypes": true,                      /* When assigning functions, check to ensure parameters and the return values are subtype-compatible. */
 89 |     // "strictBindCallApply": true,                      /* Check that the arguments for 'bind', 'call', and 'apply' methods match the original function. */
 90 |     // "strictPropertyInitialization": true,             /* Check for class properties that are declared but not set in the constructor. */
 91 |     // "noImplicitThis": true,                           /* Enable error reporting when 'this' is given the type 'any'. */
 92 |     // "useUnknownInCatchVariables": true,               /* Default catch clause variables as 'unknown' instead of 'any'. */
 93 |     // "alwaysStrict": true,                             /* Ensure 'use strict' is always emitted. */
 94 |     // "noUnusedLocals": true,                           /* Enable error reporting when local variables aren't read. */
 95 |     // "noUnusedParameters": true,                       /* Raise an error when a function parameter isn't read. */
 96 |     // "exactOptionalPropertyTypes": true,               /* Interpret optional property types as written, rather than adding 'undefined'. */
 97 |     // "noImplicitReturns": true,                        /* Enable error reporting for codepaths that do not explicitly return in a function. */
 98 |     // "noFallthroughCasesInSwitch": true,               /* Enable error reporting for fallthrough cases in switch statements. */
 99 |     // "noUncheckedIndexedAccess": true,                 /* Add 'undefined' to a type when accessed using an index. */
100 |     // "noImplicitOverride": true,                       /* Ensure overriding members in derived classes are marked with an override modifier. */
101 |     // "noPropertyAccessFromIndexSignature": true,       /* Enforces using indexed accessors for keys declared using an indexed type. */
102 |     // "allowUnusedLabels": true,                        /* Disable error reporting for unused labels. */
103 |     // "allowUnreachableCode": true,                     /* Disable error reporting for unreachable code. */
104 | 
105 |     /* Completeness */
106 |     // "skipDefaultLibCheck": true,                      /* Skip type checking .d.ts files that are included with TypeScript. */
107 |     "skipLibCheck": true                                 /* Skip type checking all .d.ts files. */
108 |   }
109 | }
110 | 


--------------------------------------------------------------------------------
/readme.md:
--------------------------------------------------------------------------------
 1 | 
 2 | ## Docker – Setting up a Weaviate instance
 3 | 
 4 | In this step, we need to run Weaviate in a Docker container.
 5 | 
 6 | > Note that the first time you run it, Docker will download ~4.8GB `multi2vec-bind` Weaviate module, which contains the `ImageBind` model.
 7 | 
 8 | ### Start Weaviate container with `docker-compose.yml`.
 9 | 
10 | To start the Weaviate instance, run the following command, which will use the `docker-compose.yml` file.
11 | 
12 | ```
13 | docker compose up
14 | ```
15 | 
16 | > To stop the container, press `CTRL` + `c` (or the relevant kill command in your terminal).
17 | 
18 | ## Node – Loading data into Weaviate
19 | 
20 | In this step, we will use the node application to populate Weaviate with data (image, audio and video).
21 | 
22 | > The image, audio and video files are located in the [web-app/src/assets/](./web-app/src/assets/) folder.
23 | 
24 | > You only need to run the import process once!
25 | 
26 | ### Node Setup
27 | 
28 | 1. Go to the node folder:
29 | 
30 | ```
31 | cd node-app
32 | ```
33 | 
34 | 2. Install packages
35 | 
36 | ```
37 | npm install
38 | ```
39 | 
40 | ### Run node app
41 | 
42 | To import the data, run the following command:
43 | 
44 | ```
45 | npm run start
46 | ```
47 | 
48 | ## Angular – Search in a web app
49 | 
50 | In this step, we will run an Angular app, which allows us to search through our data.
51 | 
52 | ### Angular Setup
53 | 
54 | 1. Go to the web project
55 | 
56 | ```
57 | cd web-app
58 | ```
59 | 
60 | 2. Install packages
61 | 
62 | ```
63 | npm install
64 | ```
65 | 
66 | 3. Install Angular CLI:
67 | 
68 | ```
69 | npm install -g @angular/cli
70 | ```
71 | 
72 | ### Run the web app
73 | 
74 | Run the app with the Angular CLI, which will automatically open the app in your browser.
75 | 
76 | ```
77 | ng serve -o
78 | ```
79 | 


--------------------------------------------------------------------------------
/web-app/.editorconfig:
--------------------------------------------------------------------------------
 1 | # Editor configuration, see https://editorconfig.org
 2 | root = true
 3 | 
 4 | [*]
 5 | charset = utf-8
 6 | indent_style = space
 7 | indent_size = 2
 8 | insert_final_newline = true
 9 | trim_trailing_whitespace = true
10 | 
11 | [*.ts]
12 | quote_type = single
13 | 
14 | [*.md]
15 | max_line_length = off
16 | trim_trailing_whitespace = false
17 | 


--------------------------------------------------------------------------------
/web-app/.gitignore:
--------------------------------------------------------------------------------
 1 | # See http://help.github.com/ignore-files/ for more about ignoring files.
 2 | 
 3 | # Compiled output
 4 | /dist
 5 | /tmp
 6 | /out-tsc
 7 | /bazel-out
 8 | 
 9 | # Node
10 | /node_modules
11 | npm-debug.log
12 | yarn-error.log
13 | 
14 | # IDEs and editors
15 | .idea/
16 | .project
17 | .classpath
18 | .c9/
19 | *.launch
20 | .settings/
21 | *.sublime-workspace
22 | 
23 | # Visual Studio Code
24 | .vscode/*
25 | !.vscode/settings.json
26 | !.vscode/tasks.json
27 | !.vscode/launch.json
28 | !.vscode/extensions.json
29 | .history/*
30 | 
31 | # Miscellaneous
32 | /.angular/cache
33 | .sass-cache/
34 | /connect.lock
35 | /coverage
36 | /libpeerconnection.log
37 | testem.log
38 | /typings
39 | 
40 | # System files
41 | .DS_Store
42 | Thumbs.db
43 | 


--------------------------------------------------------------------------------
/web-app/.vscode/extensions.json:
--------------------------------------------------------------------------------
1 | {
2 |   // For more information, visit: https://go.microsoft.com/fwlink/?linkid=827846
3 |   "recommendations": ["angular.ng-template"]
4 | }
5 | 


--------------------------------------------------------------------------------
/web-app/.vscode/launch.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
 3 |   "version": "0.2.0",
 4 |   "configurations": [
 5 |     {
 6 |       "name": "ng serve",
 7 |       "type": "chrome",
 8 |       "request": "launch",
 9 |       "preLaunchTask": "npm: start",
10 |       "url": "http://localhost:4200/"
11 |     }
12 |   ]
13 | }
14 | 


--------------------------------------------------------------------------------
/web-app/.vscode/tasks.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   // For more information, visit: https://go.microsoft.com/fwlink/?LinkId=733558
 3 |   "version": "2.0.0",
 4 |   "tasks": [
 5 |     {
 6 |       "type": "npm",
 7 |       "script": "start",
 8 |       "isBackground": true,
 9 |       "problemMatcher": {
10 |         "owner": "typescript",
11 |         "pattern": "$tsc",
12 |         "background": {
13 |           "activeOnStart": true,
14 |           "beginsPattern": {
15 |             "regexp": "(.*?)"
16 |           },
17 |           "endsPattern": {
18 |             "regexp": "bundle generation complete"
19 |           }
20 |         }
21 |       }
22 |     }
23 |   ]
24 | }
25 | 


--------------------------------------------------------------------------------
/web-app/angular.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
 3 |   "version": 1,
 4 |   "newProjectRoot": "projects",
 5 |   "projects": {
 6 |     "multi2vec-app": {
 7 |       "projectType": "application",
 8 |       "schematics": {
 9 |         "@schematics/angular:component": {
10 |           "style": "scss"
11 |         }
12 |       },
13 |       "root": "",
14 |       "sourceRoot": "src",
15 |       "prefix": "app",
16 |       "architect": {
17 |         "build": {
18 |           "builder": "@angular-devkit/build-angular:browser",
19 |           "options": {
20 |             "outputPath": "dist/multi2vec-app",
21 |             "index": "src/index.html",
22 |             "main": "src/main.ts",
23 |             "polyfills": [
24 |               "zone.js"
25 |             ],
26 |             "tsConfig": "tsconfig.app.json",
27 |             "inlineStyleLanguage": "scss",
28 |             "assets": [
29 |               "src/favicon.ico",
30 |               "src/assets"
31 |             ],
32 |             "styles": [
33 |               "src/styles.scss"
34 |             ],
35 |             "scripts": []
36 |           },
37 |           "configurations": {
38 |             "production": {
39 |               "budgets": [
40 |                 {
41 |                   "type": "initial",
42 |                   "maximumWarning": "500kb",
43 |                   "maximumError": "1mb"
44 |                 },
45 |                 {
46 |                   "type": "anyComponentStyle",
47 |                   "maximumWarning": "2kb",
48 |                   "maximumError": "4kb"
49 |                 }
50 |               ],
51 |               "outputHashing": "all"
52 |             },
53 |             "development": {
54 |               "buildOptimizer": false,
55 |               "optimization": false,
56 |               "vendorChunk": true,
57 |               "extractLicenses": false,
58 |               "sourceMap": true,
59 |               "namedChunks": true
60 |             }
61 |           },
62 |           "defaultConfiguration": "production"
63 |         },
64 |         "serve": {
65 |           "builder": "@angular-devkit/build-angular:dev-server",
66 |           "configurations": {
67 |             "production": {
68 |               "browserTarget": "multi2vec-app:build:production"
69 |             },
70 |             "development": {
71 |               "browserTarget": "multi2vec-app:build:development"
72 |             }
73 |           },
74 |           "defaultConfiguration": "development",
75 |           "options": {
76 |             "disableHostCheck": true
77 |           }
78 |         },
79 |         "extract-i18n": {
80 |           "builder": "@angular-devkit/build-angular:extract-i18n",
81 |           "options": {
82 |             "browserTarget": "multi2vec-app:build"
83 |           }
84 |         }
85 |       }
86 |     }
87 |   },
88 |   "cli": {
89 |     "analytics": false
90 |   }
91 | }
92 | 


--------------------------------------------------------------------------------
/web-app/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "multi2vec-app",
 3 |   "version": "0.0.0",
 4 |   "scripts": {
 5 |     "ng": "ng",
 6 |     "start": "ng serve",
 7 |     "build": "ng build",
 8 |     "watch": "ng build --watch --configuration development",
 9 |     "ngrok": "ngrok http --host-header=rewrite 4200"
10 |   },
11 |   "private": true,
12 |   "dependencies": {
13 |     "@angular/animations": "^16.0.0",
14 |     "@angular/common": "^16.0.0",
15 |     "@angular/compiler": "^16.0.0",
16 |     "@angular/core": "^16.0.0",
17 |     "@angular/forms": "^16.0.0",
18 |     "@angular/platform-browser": "^16.0.0",
19 |     "@angular/platform-browser-dynamic": "^16.0.0",
20 |     "@angular/router": "^16.0.0",
21 |     "rxjs": "~7.8.0",
22 |     "tslib": "^2.3.0",
23 |     "weaviate-ts-client": "~1.5.0",
24 |     "zone.js": "~0.13.0"
25 |   },
26 |   "devDependencies": {
27 |     "@angular-devkit/build-angular": "^16.0.3",
28 |     "@angular/cli": "~16.0.3",
29 |     "@angular/compiler-cli": "^16.0.0",
30 |     "@types/jasmine": "~4.3.0",
31 |     "jasmine-core": "~4.6.0",
32 |     "karma": "~6.4.0",
33 |     "karma-chrome-launcher": "~3.2.0",
34 |     "karma-coverage": "~2.2.0",
35 |     "karma-jasmine": "~5.1.0",
36 |     "karma-jasmine-html-reporter": "~2.0.0",
37 |     "typescript": "~5.0.2"
38 |   }
39 | }
40 | 


--------------------------------------------------------------------------------
/web-app/src/app/app-routing.module.ts:
--------------------------------------------------------------------------------
 1 | import { NgModule } from '@angular/core';
 2 | import { RouterModule, Routes } from '@angular/router';
 3 | import { SearchComponent } from './search/search.component';
 4 | 
 5 | const routes: Routes = [
 6 |   // { path: 'search', component: SearchComponent}
 7 |   { path: '', component: SearchComponent },
 8 | ];
 9 | 
10 | @NgModule({
11 |   imports: [RouterModule.forRoot(routes)],
12 |   exports: [RouterModule]
13 | })
14 | export class AppRoutingModule { }
15 | 


--------------------------------------------------------------------------------
/web-app/src/app/app.component copy.html.bak:
--------------------------------------------------------------------------------
  1 | <style>
  2 |   :host {
  3 |     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  4 |     font-size: 14px;
  5 |     color: #333;
  6 |     box-sizing: border-box;
  7 |     -webkit-font-smoothing: antialiased;
  8 |     -moz-osx-font-smoothing: grayscale;
  9 |   }
 10 | 
 11 |   h1,
 12 |   h2,
 13 |   h3,
 14 |   h4,
 15 |   h5,
 16 |   h6 {
 17 |     margin: 8px 0;
 18 |   }
 19 | 
 20 |   p {
 21 |     margin: 0;
 22 |   }
 23 | 
 24 |   .spacer {
 25 |     flex: 1;
 26 |   }
 27 | 
 28 |   .toolbar {
 29 |     position: absolute;
 30 |     top: 0;
 31 |     left: 0;
 32 |     right: 0;
 33 |     height: 60px;
 34 |     display: flex;
 35 |     align-items: center;
 36 |     background-color: #1976d2;
 37 |     color: white;
 38 |     font-weight: 600;
 39 |   }
 40 | 
 41 |   .toolbar img {
 42 |     margin: 0 16px;
 43 |   }
 44 | 
 45 |   .toolbar #twitter-logo {
 46 |     height: 40px;
 47 |     margin: 0 8px;
 48 |   }
 49 | 
 50 |   .toolbar #youtube-logo {
 51 |     height: 40px;
 52 |     margin: 0 16px;
 53 |   }
 54 | 
 55 |   .toolbar #twitter-logo:hover,
 56 |   .toolbar #youtube-logo:hover {
 57 |     opacity: 0.8;
 58 |   }
 59 | 
 60 |   .content {
 61 |     display: flex;
 62 |     margin: 82px auto 32px;
 63 |     padding: 0 16px;
 64 |     max-width: 960px;
 65 |     flex-direction: column;
 66 |     align-items: center;
 67 |   }
 68 | 
 69 |   svg.material-icons {
 70 |     height: 24px;
 71 |     width: auto;
 72 |   }
 73 | 
 74 |   svg.material-icons:not(:last-child) {
 75 |     margin-right: 8px;
 76 |   }
 77 | 
 78 |   .card svg.material-icons path {
 79 |     fill: #888;
 80 |   }
 81 | 
 82 |   .card-container {
 83 |     display: flex;
 84 |     flex-wrap: wrap;
 85 |     justify-content: center;
 86 |     margin-top: 16px;
 87 |   }
 88 | 
 89 |   .card {
 90 |     all: unset;
 91 |     border-radius: 4px;
 92 |     border: 1px solid #eee;
 93 |     background-color: #fafafa;
 94 |     height: 40px;
 95 |     width: 200px;
 96 |     margin: 0 8px 16px;
 97 |     padding: 16px;
 98 |     display: flex;
 99 |     flex-direction: row;
100 |     justify-content: center;
101 |     align-items: center;
102 |     transition: all 0.2s ease-in-out;
103 |     line-height: 24px;
104 |   }
105 | 
106 |   .card-container .card:not(:last-child) {
107 |     margin-right: 0;
108 |   }
109 | 
110 |   .card.card-small {
111 |     height: 16px;
112 |     width: 168px;
113 |   }
114 | 
115 |   .card-container .card:not(.highlight-card) {
116 |     cursor: pointer;
117 |   }
118 | 
119 |   .card-container .card:not(.highlight-card):hover {
120 |     transform: translateY(-3px);
121 |     box-shadow: 0 4px 17px rgba(0, 0, 0, 0.35);
122 |   }
123 | 
124 |   .card-container .card:not(.highlight-card):hover .material-icons path {
125 |     fill: rgb(105, 103, 103);
126 |   }
127 | 
128 |   .card.highlight-card {
129 |     background-color: #1976d2;
130 |     color: white;
131 |     font-weight: 600;
132 |     border: none;
133 |     width: auto;
134 |     min-width: 30%;
135 |     position: relative;
136 |   }
137 | 
138 |   .card.card.highlight-card span {
139 |     margin-left: 60px;
140 |   }
141 | 
142 |   a,
143 |   a:visited,
144 |   a:hover {
145 |     color: #1976d2;
146 |     text-decoration: none;
147 |   }
148 | 
149 |   a:hover {
150 |     color: #125699;
151 |   }
152 | 
153 |   footer {
154 |     margin-top: 8px;
155 |     display: flex;
156 |     align-items: center;
157 |     line-height: 20px;
158 |   }
159 | 
160 |   footer a {
161 |     display: flex;
162 |     align-items: center;
163 |   }
164 | 
165 |   /* Responsive Styles */
166 |   @media screen and (max-width: 767px) {
167 |     .card-container > *:not(.circle-link) {
168 |       width: 100%;
169 |     }
170 | 
171 |     .card:not(.highlight-card) {
172 |       height: 16px;
173 |       margin: 8px 0;
174 |     }
175 | 
176 |     .card.highlight-card span {
177 |       margin-left: 72px;
178 |     }
179 | 
180 |   }
181 | </style>
182 | 
183 | <!-- Toolbar -->
184 | <div class="toolbar" role="banner">
185 |   <img
186 |     width="40"
187 |     alt="Angular Logo"
188 |     src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj4KICAgIDxwYXRoIGZpbGw9IiNERDAwMzEiIGQ9Ik0xMjUgMzBMMzEuOSA2My4ybDE0LjIgMTIzLjFMMTI1IDIzMGw3OC45LTQzLjcgMTQuMi0xMjMuMXoiIC8+CiAgICA8cGF0aCBmaWxsPSIjQzMwMDJGIiBkPSJNMTI1IDMwdjIyLjItLjFWMjMwbDc4LjktNDMuNyAxNC4yLTEyMy4xTDEyNSAzMHoiIC8+CiAgICA8cGF0aCAgZmlsbD0iI0ZGRkZGRiIgZD0iTTEyNSA1Mi4xTDY2LjggMTgyLjZoMjEuN2wxMS43LTI5LjJoNDkuNGwxMS43IDI5LjJIMTgzTDEyNSA1Mi4xem0xNyA4My4zaC0zNGwxNy00MC45IDE3IDQwLjl6IiAvPgogIDwvc3ZnPg=="
189 |   />
190 |   <span>Welcome</span>
191 |     <div class="spacer"></div>
192 |     <a aria-label="Angular on twitter" target="_blank" rel="noopener" href="https://twitter.com/angular" title="Twitter">
193 |       <svg id="twitter-logo" height="24" data-name="Logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400">
194 |         <rect width="400" height="400" fill="none"/>
195 |         <path d="M153.62,301.59c94.34,0,145.94-78.16,145.94-145.94,0-2.22,0-4.43-.15-6.63A104.36,104.36,0,0,0,325,122.47a102.38,102.38,0,0,1-29.46,8.07,51.47,51.47,0,0,0,22.55-28.37,102.79,102.79,0,0,1-32.57,12.45,51.34,51.34,0,0,0-87.41,46.78A145.62,145.62,0,0,1,92.4,107.81a51.33,51.33,0,0,0,15.88,68.47A50.91,50.91,0,0,1,85,169.86c0,.21,0,.43,0,.65a51.31,51.31,0,0,0,41.15,50.28,51.21,51.21,0,0,1-23.16.88,51.35,51.35,0,0,0,47.92,35.62,102.92,102.92,0,0,1-63.7,22A104.41,104.41,0,0,1,75,278.55a145.21,145.21,0,0,0,78.62,23" fill="#fff"/>
196 |       </svg>
197 |     </a>
198 |     <a aria-label="Angular on YouTube" target="_blank" rel="noopener" href="https://youtube.com/angular" title="YouTube">
199 |       <svg id="youtube-logo" height="24" width="24" data-name="Logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#fff">
200 |         <path d="M0 0h24v24H0V0z" fill="none"/>
201 |         <path d="M21.58 7.19c-.23-.86-.91-1.54-1.77-1.77C18.25 5 12 5 12 5s-6.25 0-7.81.42c-.86.23-1.54.91-1.77 1.77C2 8.75 2 12 2 12s0 3.25.42 4.81c.23.86.91 1.54 1.77 1.77C5.75 19 12 19 12 19s6.25 0 7.81-.42c.86-.23 1.54-.91 1.77-1.77C22 15.25 22 12 22 12s0-3.25-.42-4.81zM10 15V9l5.2 3-5.2 3z"/>
202 |       </svg>
203 |     </a>
204 | </div>
205 | 
206 | <div class="content" role="main">
207 | 
208 |   <!-- Highlight Card -->
209 |   <div class="card highlight-card card-small">
210 | 
211 |     <svg id="rocket" xmlns="http://www.w3.org/2000/svg" width="101.678" height="101.678" viewBox="0 0 101.678 101.678">
212 |       <title>Rocket Ship</title>
213 |       <g id="Group_83" data-name="Group 83" transform="translate(-141 -696)">
214 |         <circle id="Ellipse_8" data-name="Ellipse 8" cx="50.839" cy="50.839" r="50.839" transform="translate(141 696)" fill="#dd0031"/>
215 |         <g id="Group_47" data-name="Group 47" transform="translate(165.185 720.185)">
216 |           <path id="Path_33" data-name="Path 33" d="M3.4,42.615a3.084,3.084,0,0,0,3.553,3.553,21.419,21.419,0,0,0,12.215-6.107L9.511,30.4A21.419,21.419,0,0,0,3.4,42.615Z" transform="translate(0.371 3.363)" fill="#fff"/>
217 |           <path id="Path_34" data-name="Path 34" d="M53.3,3.221A3.09,3.09,0,0,0,50.081,0,48.227,48.227,0,0,0,18.322,13.437c-6-1.666-14.991-1.221-18.322,7.218A33.892,33.892,0,0,1,9.439,25.1l-.333.666a3.013,3.013,0,0,0,.555,3.553L23.985,43.641a2.9,2.9,0,0,0,3.553.555l.666-.333A33.892,33.892,0,0,1,32.647,53.3c8.55-3.664,8.884-12.326,7.218-18.322A48.227,48.227,0,0,0,53.3,3.221ZM34.424,9.772a6.439,6.439,0,1,1,9.106,9.106,6.368,6.368,0,0,1-9.106,0A6.467,6.467,0,0,1,34.424,9.772Z" transform="translate(0 0.005)" fill="#fff"/>
218 |         </g>
219 |       </g>
220 |     </svg>
221 | 
222 |     <span>{{ title }} app is running!</span>
223 | 
224 |     <svg id="rocket-smoke" xmlns="http://www.w3.org/2000/svg" width="516.119" height="1083.632" viewBox="0 0 516.119 1083.632">
225 |       <title>Rocket Ship Smoke</title>
226 |       <path id="Path_40" data-name="Path 40" d="M644.6,141S143.02,215.537,147.049,870.207s342.774,201.755,342.774,201.755S404.659,847.213,388.815,762.2c-27.116-145.51-11.551-384.124,271.9-609.1C671.15,139.365,644.6,141,644.6,141Z" transform="translate(-147.025 -140.939)" fill="#f5f5f5"/>
227 |     </svg>
228 | 
229 |   </div>
230 | 
231 |   <!-- Resources -->
232 |   <h2>Resources</h2>
233 |   <p>Here are some links to help you get started:</p>
234 | 
235 |   <div class="card-container">
236 |     <a class="card" target="_blank" rel="noopener" href="https://angular.io/tutorial">
237 |       <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M5 13.18v4L12 21l7-3.82v-4L12 17l-7-3.82zM12 3L1 9l11 6 9-4.91V17h2V9L12 3z"/></svg>
238 |       <span>Learn Angular</span>
239 |       <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>    </a>
240 | 
241 |     <a class="card" target="_blank" rel="noopener" href="https://angular.io/cli">
242 |       <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z"/></svg>
243 |       <span>CLI Documentation</span>
244 |       <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
245 |     </a>
246 | 
247 |     <a class="card" target="_blank" rel="noopener" href="https://material.angular.io">
248 |       <svg xmlns="http://www.w3.org/2000/svg" style="margin-right: 8px" width="21.813" height="23.453" viewBox="0 0 179.2 192.7"><path fill="#ffa726" d="M89.4 0 0 32l13.5 118.4 75.9 42.3 76-42.3L179.2 32 89.4 0z"/><path fill="#fb8c00" d="M89.4 0v192.7l76-42.3L179.2 32 89.4 0z"/><path fill="#ffe0b2" d="m102.9 146.3-63.3-30.5 36.3-22.4 63.7 30.6-36.7 22.3z"/><path fill="#fff3e0" d="M102.9 122.8 39.6 92.2l36.3-22.3 63.7 30.6-36.7 22.3z"/><path fill="#fff" d="M102.9 99.3 39.6 68.7l36.3-22.4 63.7 30.6-36.7 22.4z"/></svg>
249 |       <span>Angular Material</span>
250 |       <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
251 |     </a>
252 | 
253 |     <a class="card" target="_blank" rel="noopener" href="https://blog.angular.io/">
254 |       <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M13.5.67s.74 2.65.74 4.8c0 2.06-1.35 3.73-3.41 3.73-2.07 0-3.63-1.67-3.63-3.73l.03-.36C5.21 7.51 4 10.62 4 14c0 4.42 3.58 8 8 8s8-3.58 8-8C20 8.61 17.41 3.8 13.5.67zM11.71 19c-1.78 0-3.22-1.4-3.22-3.14 0-1.62 1.05-2.76 2.81-3.12 1.77-.36 3.6-1.21 4.62-2.58.39 1.29.59 2.65.59 4.04 0 2.65-2.15 4.8-4.8 4.8z"/></svg>
255 |       <span>Angular Blog</span>
256 |       <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
257 |     </a>
258 | 
259 |     <a class="card" target="_blank" rel="noopener" href="https://angular.io/devtools/">
260 |       <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><g><rect fill="none" height="24" width="24"/></g><g><g><path d="M14.73,13.31C15.52,12.24,16,10.93,16,9.5C16,5.91,13.09,3,9.5,3S3,5.91,3,9.5C3,13.09,5.91,16,9.5,16 c1.43,0,2.74-0.48,3.81-1.27L19.59,21L21,19.59L14.73,13.31z M9.5,14C7.01,14,5,11.99,5,9.5S7.01,5,9.5,5S14,7.01,14,9.5 S11.99,14,9.5,14z"/><polygon points="10.29,8.44 9.5,6 8.71,8.44 6.25,8.44 8.26,10.03 7.49,12.5 9.5,10.97 11.51,12.5 10.74,10.03 12.75,8.44"/></g></g></svg>
261 |       <span>Angular DevTools</span>
262 |       <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
263 |     </a>
264 | 
265 |   </div>
266 | 
267 |   <!-- Next Steps -->
268 |   <h2>Next Steps</h2>
269 |   <p>What do you want to do next with your app?</p>
270 | 
271 |   <input type="hidden" #selection>
272 | 
273 |   <div class="card-container">
274 |     <button class="card card-small" (click)="selection.value = 'component'" tabindex="0">
275 |       <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
276 |       <span>New Component</span>
277 |     </button>
278 | 
279 |     <button class="card card-small" (click)="selection.value = 'material'" tabindex="0">
280 |       <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
281 |       <span>Angular Material</span>
282 |     </button>
283 | 
284 |     <button class="card card-small" (click)="selection.value = 'pwa'" tabindex="0">
285 |       <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
286 |       <span>Add PWA Support</span>
287 |     </button>
288 | 
289 |     <button class="card card-small" (click)="selection.value = 'dependency'" tabindex="0">
290 |       <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
291 |       <span>Add Dependency</span>
292 |     </button>
293 | 
294 |     <button class="card card-small" (click)="selection.value = 'test'" tabindex="0">
295 |       <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
296 |       <span>Run and Watch Tests</span>
297 |     </button>
298 | 
299 |     <button class="card card-small" (click)="selection.value = 'build'" tabindex="0">
300 |       <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
301 |       <span>Build for Production</span>
302 |     </button>
303 |   </div>
304 | 
305 |   <!-- Terminal -->
306 |   <div class="terminal" [ngSwitch]="selection.value">
307 |       <pre *ngSwitchDefault>ng generate component xyz</pre>
308 |       <pre *ngSwitchCase="'material'">ng add @angular/material</pre>
309 |       <pre *ngSwitchCase="'pwa'">ng add @angular/pwa</pre>
310 |       <pre *ngSwitchCase="'dependency'">ng add _____</pre>
311 |       <pre *ngSwitchCase="'test'">ng test</pre>
312 |       <pre *ngSwitchCase="'build'">ng build</pre>
313 |   </div>
314 | 
315 |   <!-- Links -->
316 |   <div class="card-container">
317 |     <a class="circle-link" title="Find a Local Meetup" href="https://www.meetup.com/find/?keywords=angular" target="_blank" rel="noopener">
318 |       <svg xmlns="http://www.w3.org/2000/svg" width="24.607" height="23.447" viewBox="0 0 24.607 23.447">
319 |         <title>Meetup Logo</title>
320 |         <path id="logo--mSwarm" d="M21.221,14.95A4.393,4.393,0,0,1,17.6,19.281a4.452,4.452,0,0,1-.8.069c-.09,0-.125.035-.154.117a2.939,2.939,0,0,1-2.506,2.091,2.868,2.868,0,0,1-2.248-.624.168.168,0,0,0-.245-.005,3.926,3.926,0,0,1-2.589.741,4.015,4.015,0,0,1-3.7-3.347,2.7,2.7,0,0,1-.043-.38c0-.106-.042-.146-.143-.166a3.524,3.524,0,0,1-1.516-.69A3.623,3.623,0,0,1,2.23,14.557a3.66,3.66,0,0,1,1.077-3.085.138.138,0,0,0,.026-.2,3.348,3.348,0,0,1-.451-1.821,3.46,3.46,0,0,1,2.749-3.28.44.44,0,0,0,.355-.281,5.072,5.072,0,0,1,3.863-3,5.028,5.028,0,0,1,3.555.666.31.31,0,0,0,.271.03A4.5,4.5,0,0,1,18.3,4.7a4.4,4.4,0,0,1,1.334,2.751,3.658,3.658,0,0,1,.022.706.131.131,0,0,0,.1.157,2.432,2.432,0,0,1,1.574,1.645,2.464,2.464,0,0,1-.7,2.616c-.065.064-.051.1-.014.166A4.321,4.321,0,0,1,21.221,14.95ZM13.4,14.607a2.09,2.09,0,0,0,1.409,1.982,4.7,4.7,0,0,0,1.275.221,1.807,1.807,0,0,0,.9-.151.542.542,0,0,0,.321-.545.558.558,0,0,0-.359-.534,1.2,1.2,0,0,0-.254-.078c-.262-.047-.526-.086-.787-.138a.674.674,0,0,1-.617-.75,3.394,3.394,0,0,1,.218-1.109c.217-.658.509-1.286.79-1.918a15.609,15.609,0,0,0,.745-1.86,1.95,1.95,0,0,0,.06-1.073,1.286,1.286,0,0,0-1.051-1.033,1.977,1.977,0,0,0-1.521.2.339.339,0,0,1-.446-.042c-.1-.092-.2-.189-.307-.284a1.214,1.214,0,0,0-1.643-.061,7.563,7.563,0,0,1-.614.512A.588.588,0,0,1,10.883,8c-.215-.115-.437-.215-.659-.316a2.153,2.153,0,0,0-.695-.248A2.091,2.091,0,0,0,7.541,8.562a9.915,9.915,0,0,0-.405.986c-.559,1.545-1.015,3.123-1.487,4.7a1.528,1.528,0,0,0,.634,1.777,1.755,1.755,0,0,0,1.5.211,1.35,1.35,0,0,0,.824-.858c.543-1.281,1.032-2.584,1.55-3.875.142-.355.28-.712.432-1.064a.548.548,0,0,1,.851-.24.622.622,0,0,1,.185.539,2.161,2.161,0,0,1-.181.621c-.337.852-.68,1.7-1.018,2.552a2.564,2.564,0,0,0-.173.528.624.624,0,0,0,.333.71,1.073,1.073,0,0,0,.814.034,1.22,1.22,0,0,0,.657-.655q.758-1.488,1.511-2.978.35-.687.709-1.37a1.073,1.073,0,0,1,.357-.434.43.43,0,0,1,.463-.016.373.373,0,0,1,.153.387.7.7,0,0,1-.057.236c-.065.157-.127.316-.2.469-.42.883-.846,1.763-1.262,2.648A2.463,2.463,0,0,0,13.4,14.607Zm5.888,6.508a1.09,1.09,0,0,0-2.179.006,1.09,1.09,0,0,0,2.179-.006ZM1.028,12.139a1.038,1.038,0,1,0,.01-2.075,1.038,1.038,0,0,0-.01,2.075ZM13.782.528a1.027,1.027,0,1,0-.011,2.055A1.027,1.027,0,0,0,13.782.528ZM22.21,6.95a.882.882,0,0,0-1.763.011A.882.882,0,0,0,22.21,6.95ZM4.153,4.439a.785.785,0,1,0,.787-.78A.766.766,0,0,0,4.153,4.439Zm8.221,18.22a.676.676,0,1,0-.677.666A.671.671,0,0,0,12.374,22.658ZM22.872,12.2a.674.674,0,0,0-.665.665.656.656,0,0,0,.655.643.634.634,0,0,0,.655-.644A.654.654,0,0,0,22.872,12.2ZM7.171-.123A.546.546,0,0,0,6.613.43a.553.553,0,1,0,1.106,0A.539.539,0,0,0,7.171-.123ZM24.119,9.234a.507.507,0,0,0-.493.488.494.494,0,0,0,.494.494.48.48,0,0,0,.487-.483A.491.491,0,0,0,24.119,9.234Zm-19.454,9.7a.5.5,0,0,0-.488-.488.491.491,0,0,0-.487.5.483.483,0,0,0,.491.479A.49.49,0,0,0,4.665,18.936Z" transform="translate(0 0.123)" fill="#f64060"/>
321 |       </svg>
322 |     </a>
323 | 
324 |     <a class="circle-link" title="Join the Conversation on Discord" href="https://discord.gg/angular" target="_blank" rel="noopener">
325 |       <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 245 240">
326 |         <title>Discord Logo</title>
327 |         <path d="M104.4 103.9c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1.1-6.1-4.5-11.1-10.2-11.1zM140.9 103.9c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1s-4.5-11.1-10.2-11.1z"/>
328 |         <path d="M189.5 20h-134C44.2 20 35 29.2 35 40.6v135.2c0 11.4 9.2 20.6 20.5 20.6h113.4l-5.3-18.5 12.8 11.9 12.1 11.2 21.5 19V40.6c0-11.4-9.2-20.6-20.5-20.6zm-38.6 130.6s-3.6-4.3-6.6-8.1c13.1-3.7 18.1-11.9 18.1-11.9-4.1 2.7-8 4.6-11.5 5.9-5 2.1-9.8 3.5-14.5 4.3-9.6 1.8-18.4 1.3-25.9-.1-5.7-1.1-10.6-2.7-14.7-4.3-2.3-.9-4.8-2-7.3-3.4-.3-.2-.6-.3-.9-.5-.2-.1-.3-.2-.4-.3-1.8-1-2.8-1.7-2.8-1.7s4.8 8 17.5 11.8c-3 3.8-6.7 8.3-6.7 8.3-22.1-.7-30.5-15.2-30.5-15.2 0-32.2 14.4-58.3 14.4-58.3 14.4-10.8 28.1-10.5 28.1-10.5l1 1.2c-18 5.2-26.3 13.1-26.3 13.1s2.2-1.2 5.9-2.9c10.7-4.7 19.2-6 22.7-6.3.6-.1 1.1-.2 1.7-.2 6.1-.8 13-1 20.2-.2 9.5 1.1 19.7 3.9 30.1 9.6 0 0-7.9-7.5-24.9-12.7l1.4-1.6s13.7-.3 28.1 10.5c0 0 14.4 26.1 14.4 58.3 0 0-8.5 14.5-30.6 15.2z"/>
329 |       </svg>
330 |     </a>
331 |   </div>
332 | 
333 |   <!-- Footer -->
334 |   <footer>
335 |       Love Angular?&nbsp;
336 |       <a href="https://github.com/angular/angular" target="_blank" rel="noopener"> Give our repo a star.
337 |         <div class="github-star-badge">
338 |             <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>
339 |           Star
340 |         </div>
341 |       </a>
342 |       <a href="https://github.com/angular/angular" target="_blank" rel="noopener">
343 |         <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" fill="#1976d2"/><path d="M0 0h24v24H0z" fill="none"/></svg>
344 |       </a>
345 |   </footer>
346 | 
347 |   <svg id="clouds" xmlns="http://www.w3.org/2000/svg" width="2611.084" height="485.677" viewBox="0 0 2611.084 485.677">
348 |     <title>Gray Clouds Background</title>
349 |     <path id="Path_39" data-name="Path 39" d="M2379.709,863.793c10-93-77-171-168-149-52-114-225-105-264,15-75,3-140,59-152,133-30,2.83-66.725,9.829-93.5,26.25-26.771-16.421-63.5-23.42-93.5-26.25-12-74-77-130-152-133-39-120-212-129-264-15-54.084-13.075-106.753,9.173-138.488,48.9-31.734-39.726-84.4-61.974-138.487-48.9-52-114-225-105-264,15a162.027,162.027,0,0,0-103.147,43.044c-30.633-45.365-87.1-72.091-145.206-58.044-52-114-225-105-264,15-75,3-140,59-152,133-53,5-127,23-130,83-2,42,35,72,70,86,49,20,106,18,157,5a165.625,165.625,0,0,0,120,0c47,94,178,113,251,33,61.112,8.015,113.854-5.72,150.492-29.764a165.62,165.62,0,0,0,110.861-3.236c47,94,178,113,251,33,31.385,4.116,60.563,2.495,86.487-3.311,25.924,5.806,55.1,7.427,86.488,3.311,73,80,204,61,251-33a165.625,165.625,0,0,0,120,0c51,13,108,15,157-5a147.188,147.188,0,0,0,33.5-18.694,147.217,147.217,0,0,0,33.5,18.694c49,20,106,18,157,5a165.625,165.625,0,0,0,120,0c47,94,178,113,251,33C2446.709,1093.793,2554.709,922.793,2379.709,863.793Z" transform="translate(142.69 -634.312)" fill="#eee"/>
350 |   </svg>
351 | 
352 | </div>
353 | 
354 | 
355 | <router-outlet></router-outlet>
356 | 


--------------------------------------------------------------------------------
/web-app/src/app/app.component.html:
--------------------------------------------------------------------------------
1 | <router-outlet></router-outlet>
2 | 


--------------------------------------------------------------------------------
/web-app/src/app/app.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/app/app.component.scss


--------------------------------------------------------------------------------
/web-app/src/app/app.component.ts:
--------------------------------------------------------------------------------
 1 | import { Component } from '@angular/core';
 2 | 
 3 | @Component({
 4 |   selector: 'app-root',
 5 |   templateUrl: './app.component.html',
 6 |   styleUrls: ['./app.component.scss']
 7 | })
 8 | export class AppComponent {
 9 |   title = 'multi2vec-app';
10 | }
11 | 


--------------------------------------------------------------------------------
/web-app/src/app/app.module.ts:
--------------------------------------------------------------------------------
 1 | import { NgModule } from '@angular/core';
 2 | import { BrowserModule } from '@angular/platform-browser';
 3 | import { FormsModule } from '@angular/forms';
 4 | 
 5 | import { AppRoutingModule } from './app-routing.module';
 6 | import { AppComponent } from './app.component';
 7 | import { SearchComponent } from './search/search.component';
 8 | 
 9 | @NgModule({
10 |   declarations: [
11 |     AppComponent,
12 |     SearchComponent,
13 |   ],
14 |   imports: [
15 |     BrowserModule,
16 |     FormsModule,
17 |     AppRoutingModule,
18 |   ],
19 |   providers: [],
20 |   bootstrap: [AppComponent]
21 | })
22 | export class AppModule { }
23 | 


--------------------------------------------------------------------------------
/web-app/src/app/base64.service.ts:
--------------------------------------------------------------------------------
 1 | import { Injectable } from '@angular/core';
 2 | 
 3 | @Injectable({
 4 |   providedIn: 'root'
 5 | })
 6 | export class Base64Service {
 7 | 
 8 |   constructor() { }
 9 | 
10 |   async toBase64FromUrl(url: string) {
11 |     const response = await fetch(url);
12 |     const blob = await response.blob();
13 | 
14 |     return this.toBase64(blob);
15 |   }
16 | 
17 |   async toBase64FromFile(file: File) {
18 |     return this.toBase64(file);
19 |   }
20 | 
21 |   private async toBase64(blob: File | Blob): Promise<string> {
22 |     const reader = new FileReader();
23 |     await new Promise((resolve, reject) => {
24 |       reader.onload = resolve;
25 |       reader.onerror = reject;
26 |       reader.readAsDataURL(blob);
27 |     });
28 | 
29 |     return (reader.result as string);
30 |   }
31 | }
32 | 


--------------------------------------------------------------------------------
/web-app/src/app/search/search.component.html:
--------------------------------------------------------------------------------
  1 | 
  2 | <div class = "navbar">
  3 |   <div class = "innerNav">
  4 | <img class ="navImage" src ="/assets/weaviate-nav-logo.svg">
  5 | <div class = "scrollText">
  6 |   <p>This project aims to leverage AI-powered techniques for efficient vector database search. By employing advanced algorithms and machine learning models, the project seeks to enhance the speed and accuracy of searching within large-scale vector databases. This technology has the potential to revolutionize information retrieval in various fields, from image and audio recognition to recommendation systems and genomic analysis.</p>
  7 |   <div class ="shadow"></div>
  8 | </div>
  9 |   </div>
 10 | </div>
 11 | <div class="container">
 12 |   <div class = "header">
 13 | 
 14 |     <h1>Weaviate Semantic Search</h1>
 15 |     
 16 |   </div>
 17 | <div class="text-search">
 18 |   <input class = "search-input" type="text" [(ngModel)]="query" (keyup)="onKeydown($event)">
 19 |   <button (click)="textSearch()">Text Search</button>
 20 | </div>
 21 | 
 22 | <div class="media-search">
 23 |   <div>
 24 |     <button class="card" (click)="imageFileInput.click()">Image Search</button>
 25 |     <input hidden #imageFileInput
 26 |       type="file" accept="image/*"
 27 |       (change)="imageSearch($event)">
 28 |   </div>
 29 | 
 30 |   <div>
 31 |     <button class="card" (click)="audioFileInput.click()">Audio Search</button>
 32 |     <input hidden #audioFileInput 
 33 |       type="file" accept="audio/wav,audio/mp3"
 34 |       (change)="audioSearch($event)">
 35 |   </div>
 36 | 
 37 |   <div>
 38 |     <button class="card" (click)="videoFileInput.click()">Video Search</button>
 39 |     <input hidden #videoFileInput 
 40 |       type="file" accept="video/*"
 41 |       (change)="videoSearch($event)">
 42 |   </div>
 43 | </div>
 44 | 
 45 | <div *ngIf="queryType != 'text'" class="display-query">
 46 |   
 47 | 
 48 |   <h3>Input Query </h3>
 49 |   <!-- <div *ngIf="queryType === 'text'" class="text-container">
 50 |     <span>{{query}}</span>
 51 |   </div> -->
 52 | 
 53 |   <div *ngIf="queryType === 'image'" class="image-container">
 54 |     <img [src]="fileSrc" height="400">
 55 |   </div>
 56 | 
 57 |   <div *ngIf="queryType === 'audio'" class="audio-container">
 58 |     <audio controls [src]="fileSrc">
 59 |       <a [href]="fileSrc"> Download audio </a>
 60 |     </audio>
 61 |   </div>
 62 | 
 63 |   <div *ngIf="queryType === 'video'" class="video-container">
 64 |     <video controls>
 65 |       <!-- <source [src]="item.url" type="video/mp4"> -->
 66 |       <source [src]="fileSrc">
 67 |       Your browser does not support the video tag.
 68 |     </video>
 69 |   </div>
 70 |   
 71 | </div>
 72 | <hr class="whr" id="whiteBar">
 73 | <div class="results-container">
 74 |   <div *ngIf="queryInProgress" class="loader"></div>
 75 | 
 76 |   <div *ngFor="let item of result" class="media-container">
 77 |     <h3>{{item.name}}</h3>
 78 |     <div *ngIf="item.media === 'image'" class="image-container">
 79 |       <img [src]="item.url" height="400">
 80 |     </div>
 81 | 
 82 |     <div *ngIf="item.media === 'audio'" class="audio-container">
 83 |       <audio controls [src]="item.url">
 84 |         <a [href]="item.url"> Download audio </a>
 85 |       </audio>
 86 |     </div>
 87 | 
 88 |     <div *ngIf="item.media === 'video'" class="video-container">
 89 |       <video controls>
 90 |         <!-- <source [src]="item.url" type="video/mp4"> -->
 91 |         <source [src]="item.url">
 92 |         Your browser does not support the video tag.
 93 |       </video>
 94 |     </div>
 95 |   </div>
 96 | </div>
 97 | 
 98 | </div>
 99 | <div id ="scrollDown">
100 |   <a href="#bottom">Go To bottom</a>
101 | </div>


--------------------------------------------------------------------------------
/web-app/src/app/search/search.component.scss:
--------------------------------------------------------------------------------
  1 | @import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;400&display=swap");
  2 | @import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400&display=swap");
  3 | 
  4 | h1,
  5 | h2,
  6 | h3 {
  7 |   font-family: "Plus Jakarta Sans", sans-serif;
  8 | 
  9 |   color: #2c3854;
 10 |   font-weight: 400;
 11 | }
 12 | .text-search {
 13 |   width: 100%;
 14 |   margin: auto;
 15 |   display: flex;
 16 |   gap: 6px;
 17 |   align-content: flex-end;
 18 |   justify-content: center;
 19 |   flex-wrap: nowrap;
 20 |   align-items: stretch;
 21 | 
 22 |   input {
 23 |     width: 600px;
 24 |     transition: all 0.5s ease-out;
 25 |   }
 26 | 
 27 |   input:focus-visible {
 28 |     outline: 1px solid black;
 29 |   }
 30 | }
 31 | .media-search {
 32 |   width: 541px;
 33 |   display: flex;
 34 |   gap: 17px;
 35 |   align-items: stretch;
 36 |   flex-direction: row;
 37 |   text-align: center;
 38 |   padding: 38px 30px;
 39 |   margin: auto;
 40 |   justify-content: center;
 41 |   input {
 42 |     width: 300px;
 43 |   }
 44 | 
 45 |   @media only screen and (max-width: 600px) {
 46 |     width: 25%;
 47 |   }
 48 | }
 49 | 
 50 | .results-container {
 51 |   display: flex;
 52 |   gap: 20px;
 53 |   align-items: first baseline;
 54 |   margin-top: 40px;
 55 | 
 56 |   @media only screen and (max-width: 800px) {
 57 |     align-items: center;
 58 |     flex-direction: column;
 59 |     align-content: flex-start;
 60 |     justify-content: space-between;
 61 |   }
 62 | }
 63 | 
 64 | .display-query {
 65 |   width: 320px;
 66 |   margin: auto;
 67 |   border: 1px solid black;
 68 |   border-radius: 9px;
 69 |   padding: 10px;
 70 |   background: white;
 71 |   box-shadow: 0 0 10px 10px #c3ccb7ab;
 72 | }
 73 | 
 74 | .media-container {
 75 |   width: 320px;
 76 |   height: 100%;
 77 |   border: 1px solid black;
 78 |   border-radius: 9px;
 79 |   padding: 10px;
 80 |   background: white;
 81 |   box-shadow: 0 0 10px 10px #c3ccb7ab;
 82 |   transition: all 0.5s ease-out;
 83 | 
 84 |   h3 {
 85 |     color: rgb(0, 0, 0);
 86 |   }
 87 | }
 88 | 
 89 | .media-container:hover {
 90 |   background: #423a69;
 91 |   color: white;
 92 |   box-shadow: -7px 9px black;
 93 | 
 94 |   h3 {
 95 |     color: white;
 96 |   }
 97 | }
 98 | 
 99 | .image-container {
100 |   img {
101 |     width: 100%;
102 |     max-height: 300px;
103 |   }
104 | }
105 | 
106 | .audio-container {
107 |   audio {
108 |     width: 100%;
109 |   }
110 | }
111 | 
112 | .video-container {
113 |   video {
114 |     width: 100%;
115 |     max-height: 240px;
116 |   }
117 | }
118 | 
119 | .loader {
120 |   margin: auto;
121 |   border: 16px solid #f3f3f3; /* Light grey */
122 |   border-top: 16px solid #3498db; /* Blue */
123 |   border-radius: 50%;
124 |   width: 60px;
125 |   height: 60px;
126 |   animation: spin 0.75s linear infinite;
127 | }
128 | 
129 | @keyframes spin {
130 |   0% {
131 |     transform: rotate(0deg);
132 |   }
133 |   100% {
134 |     transform: rotate(360deg);
135 |   }
136 | }
137 | 
138 | .container {
139 |   display: flex;
140 |   flex-direction: column;
141 |   flex-wrap: nowrap;
142 |   justify-content: normal;
143 |   align-items: normal;
144 |   align-content: normal;
145 |   margin: 5rem 2rem;
146 |   p,
147 |   button {
148 |     font-family: "Inter", sans-serif;
149 |   }
150 | }
151 | 
152 | .header {
153 |   margin: auto;
154 |   text-align: center;
155 | }
156 | 
157 | .search-input {
158 |   border: 1px solid;
159 |   border-radius: 7px;
160 |   height: 44px;
161 | }
162 | 
163 | button {
164 |   border: 1px solid #000;
165 |   border-radius: 7px;
166 |   width: 100px;
167 |   background: white;
168 |   color: #000;
169 |   transition: all 0.5s ease-out;
170 |   height: 47px;
171 | }
172 | button:hover {
173 |   background: #423a69;
174 |   color: white;
175 |   box-shadow: -4px 3px black;
176 | }
177 | 
178 | .scrollText {
179 |   height: 50px;
180 |   overflow: hidden;
181 |   position: relative;
182 |   width: 100%;
183 | 
184 |   p {
185 |     font-family: "Inter", sans-serif;
186 | 
187 |     position: absolute;
188 |     width: 100%;
189 |     height: 100%;
190 |     margin: 0;
191 |     line-height: 50px;
192 |     text-align: center;
193 |     white-space: nowrap;
194 |     -moz-transform: translateX(100%);
195 |     -webkit-transform: translateX(100%);
196 |     transform: translateX(100%);
197 |     -moz-animation: scroll-left 55s linear infinite;
198 |     -webkit-animation: scroll-left 55s linear infinite;
199 |     animation: scroll-left 55s linear infinite;
200 |   }
201 | }
202 | 
203 | @-moz-keyframes scroll-left {
204 |   0% {
205 |     -moz-transform: translateX(100%);
206 |   }
207 |   100% {
208 |     -moz-transform: translateX(-3200px);
209 |   }
210 | }
211 | @-webkit-keyframes scroll-left {
212 |   0% {
213 |     -webkit-transform: translateX(100%);
214 |   }
215 |   100% {
216 |     -webkit-transform: translateX(-3200px);
217 |   }
218 | }
219 | @keyframes scroll-left {
220 |   0% {
221 |     -moz-transform: translateX(100%);
222 |     -webkit-transform: translateX(100%);
223 |     transform: translateX(100%);
224 |   }
225 |   100% {
226 |     -moz-transform: translateX(-3200px);
227 |     -webkit-transform: translateX(-3200px);
228 |     transform: translateX(-3200px);
229 |   }
230 | }
231 | 
232 | .shadow {
233 |   z-index: 11;
234 |   position: absolute;
235 |   top: 0%;
236 |   bottom: 0%;
237 |   left: 0%;
238 |   right: 0%;
239 |   box-shadow: inset 0 0 20px 14px #ededed;
240 | }
241 | 
242 | .navbar {
243 |   background: #ededed;
244 |   box-shadow: 0px 9px 8px 1px #3d37373b;
245 |   height: 4.5rem;
246 | }
247 | 
248 | .innerNav {
249 |   display: flex;
250 |   flex-direction: row;
251 |   align-items: center;
252 | }
253 | 
254 | .navImage {
255 |   background-position: 50%;
256 |   background-repeat: no-repeat;
257 |   background-size: contain;
258 |   height: 4.5rem;
259 |   width: 125px;
260 |   margin: 0px 20px;
261 | }
262 | 
263 | #scrollDown {
264 |   opacity: 0;
265 |   position: relative;
266 |   margin: auto;
267 |   width: 10%;
268 |   bottom: -250px;
269 | }
270 | 
271 | .whr {
272 |   color: white;
273 |   background: white;
274 |   height: 2px;
275 |   width: 50%;
276 |   border: 1px solid black;
277 |   border-radius: 4px;
278 |   margin-top: 40px;
279 |   transition: all 0.5s ease-out;
280 |   opacity: 0;
281 | }
282 | 


--------------------------------------------------------------------------------
/web-app/src/app/search/search.component.ts:
--------------------------------------------------------------------------------
  1 | import { Component, Renderer2} from '@angular/core';
  2 | import { Item, WeaviateService } from '../weaviate.service';
  3 | 
  4 | enum SearchState {
  5 |   None,
  6 |   Searching,
  7 |   ResultsReturned
  8 | }
  9 | 
 10 | enum Media {
 11 |   None,
 12 |   Text,
 13 |   Image,
 14 |   Audio,
 15 |   Video
 16 | }
 17 | 
 18 | @Component({
 19 |   selector: 'app-search',
 20 |   templateUrl: './search.component.html',
 21 |   styleUrls: ['./search.component.scss']
 22 | })
 23 | export class SearchComponent {
 24 |   
 25 |   public result: Item[] = [];
 26 |   public query: string = "City car";
 27 |   public fileSrc: any = '';
 28 |   public queryType: string = 'text';
 29 |   public queryInProgress: boolean = false;
 30 | 
 31 |   constructor(private weaviate:WeaviateService,private renderer: Renderer2 ) {}
 32 |   
 33 | 
 34 |   onKeydown(event: any) {
 35 |     if (event.key === "Enter")
 36 |       this.textSearch();
 37 |   }
 38 | 
 39 |   async textSearch() {
 40 |     this.queryType = 'text',
 41 | 
 42 |     this.queryInProgress = true;
 43 |     this.result = [];
 44 |     this.result = await this.weaviate.textSearch(this.query);
 45 |     this.queryInProgress = false;
 46 |     // console.log(JSON.stringify(this.result, null, 2));
 47 |    
 48 |     const hrEl = document.querySelector("#whiteBar"); 
 49 |     if (hrEl) {
 50 |       this.renderer.setStyle(hrEl, 'width', '100%');
 51 |       this.renderer.setStyle(hrEl, 'opacity', '1');
 52 |     }
 53 | 
 54 |     
 55 |   }
 56 | 
 57 |   async imageSearch($event: any) {    
 58 |     const file: File = $event.target.files[0];
 59 |     this.displayMedia(file, 'image');
 60 | 
 61 |     this.queryInProgress = true;
 62 |     this.result = [];
 63 |     this.result = await this.weaviate.imageSearch(file);
 64 |     this.queryInProgress = false;
 65 |    
 66 |     
 67 |      const lastElement = document.querySelector("#scrollDown"); 
 68 |      
 69 |      if (lastElement) {
 70 |        lastElement.scrollIntoView({ behavior: "smooth", block: "end" });
 71 |        
 72 |      }
 73 |      const hrEl = document.querySelector("#whiteBar"); 
 74 |      if (hrEl) {
 75 |        this.renderer.setStyle(hrEl, 'width', '50%');
 76 |        this.renderer.setStyle(hrEl, 'opacity', '1');
 77 |      }
 78 |   }
 79 | 
 80 |   async audioSearch($event: any) {
 81 |     const file: File = $event.target.files[0];
 82 |     this.displayMedia(file, 'audio');
 83 |     
 84 |     this.queryInProgress = true;
 85 |     this.result = [];
 86 |     this.result = await this.weaviate.audioSearch(file);
 87 |     this.queryInProgress = false;
 88 |     const lastElement = document.querySelector("#scrollDown"); 
 89 |     if (lastElement) {
 90 |       lastElement.scrollIntoView({ behavior: "smooth", block: "end" });
 91 |     }
 92 |     const hrEl = document.querySelector("#whiteBar"); 
 93 |     if (hrEl) {
 94 |       this.renderer.setStyle(hrEl, 'width', '50%');
 95 |       this.renderer.setStyle(hrEl, 'opacity', '1');
 96 |     }
 97 |   }
 98 | 
 99 |   async videoSearch($event: any) {
100 |     const file: File = $event.target.files[0];
101 |     this.displayMedia(file, 'video');
102 | 
103 |     this.queryInProgress = true;
104 |     this.result = [];
105 |     this.result = await this.weaviate.videoSearch(file);
106 |     this.queryInProgress = false;
107 |     const lastElement = document.querySelector("#scrollDown"); 
108 |     if (lastElement) {
109 |       lastElement.scrollIntoView({ behavior: "smooth", block: "end" });
110 |     }
111 |     const hrEl = document.querySelector("#whiteBar"); 
112 |     if (hrEl) {
113 |       this.renderer.setStyle(hrEl, 'width', '50%');
114 |       this.renderer.setStyle(hrEl, 'opacity', '1');
115 |     }
116 |   }
117 | 
118 |   displayMedia (file: File, media: string) {
119 |     const reader  = new FileReader();
120 |     reader.onload = (e: any) => {
121 |       this.queryType = media;
122 |       this.fileSrc = e.target.result;
123 |     }
124 |     reader.readAsDataURL(file);
125 |   }
126 | }
127 | 


--------------------------------------------------------------------------------
/web-app/src/app/weaviate.service.ts:
--------------------------------------------------------------------------------
 1 | import { Injectable } from '@angular/core';
 2 | // import weaviate, { WeaviateClient } from 'weaviate-ts-client';
 3 | import weaviate, { WeaviateClient } from 'weaviate-ts-client';
 4 | import { Base64Service } from './base64.service';
 5 | 
 6 | export interface Item {
 7 |   name: string;
 8 |   url: string;
 9 |   media: string;
10 |   certainty: number;
11 | }
12 | 
13 | @Injectable({
14 |   providedIn: 'root'
15 | })
16 | export class WeaviateService {
17 |   private client: WeaviateClient;
18 | 
19 |   constructor(private base64: Base64Service) {
20 |     this.client = weaviate.client({
21 |       scheme: 'http',
22 |       host: 'localhost:8080',
23 |     });
24 |   }
25 | 
26 |   async textSearch(query: string): Promise<Item[]> {
27 |     const response = await this.client.graphql
28 |     .get()
29 |     .withClassName('BindExample')
30 |     .withFields('name media, _additional {certainty} ')
31 |     .withNearText({concepts: [query]})
32 |     .withLimit(4)
33 |     .do();
34 | 
35 |     return this.parseResponse(response);
36 |   }
37 | 
38 |   async imageSearch(file: File): Promise<Item[]> {
39 |     const base64 = await this.base64.toBase64FromFile(file);
40 | 
41 |     const response = await this.client.graphql
42 |       .get()
43 |       .withClassName('BindExample')
44 |       .withFields('name, media, _additional {certainty} ')
45 |       .withNearImage({image: base64})
46 |       .withLimit(4)
47 |       .do()
48 |       
49 |     return this.parseResponse(response);
50 |   }
51 | 
52 |   async audioSearch(file: File): Promise<Item[]> {
53 |     const base64 = await this.base64.toBase64FromFile(file);
54 | 
55 |     const response = await this.client.graphql
56 |       .get()
57 |       .withClassName('BindExample')
58 |       .withFields('name, media, _additional {certainty} ')
59 |       .withNearAudio({audio: base64})
60 |       .withLimit(4)
61 |       .do()
62 | 
63 |     return this.parseResponse(response);
64 |   }
65 | 
66 |   async videoSearch(file: File): Promise<Item[]> {
67 |     const base64 = await this.base64.toBase64FromFile(file);
68 | 
69 |     const response = await this.client.graphql
70 |       .get()
71 |       .withClassName('BindExample')
72 |       .withFields('name, media, _additional {certainty} ')
73 |       .withNearVideo({video: base64})
74 |       .withLimit(4)
75 |       .do()
76 | 
77 |     return this.parseResponse(response);
78 |   }
79 | 
80 |   private parseResponse(response: any): Promise<Item[]> {
81 |     return response.data.Get.BindExample.map((item: any) => {
82 |       return {
83 |         name: item.name,
84 |         url: `assets/${item.media}/${item.name}`,
85 |         media: item.media,
86 |         certainty: item._additional.certainty,
87 |       }
88 |     })
89 |   }
90 | }
91 | 


--------------------------------------------------------------------------------
/web-app/src/assets/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/.gitkeep


--------------------------------------------------------------------------------
/web-app/src/assets/audio/badminton.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/audio/badminton.wav


--------------------------------------------------------------------------------
/web-app/src/assets/audio/bird_audio.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/audio/bird_audio.wav


--------------------------------------------------------------------------------
/web-app/src/assets/audio/car_audio.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/audio/car_audio.wav


--------------------------------------------------------------------------------
/web-app/src/assets/audio/dog_audio.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/audio/dog_audio.wav


--------------------------------------------------------------------------------
/web-app/src/assets/audio/lion_roar.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/audio/lion_roar.wav


--------------------------------------------------------------------------------
/web-app/src/assets/audio/schoolbell.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/audio/schoolbell.wav


--------------------------------------------------------------------------------
/web-app/src/assets/background-light.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/background-light.jpeg


--------------------------------------------------------------------------------
/web-app/src/assets/image/Christian_wedding1.jfif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/Christian_wedding1.jfif


--------------------------------------------------------------------------------
/web-app/src/assets/image/Christian_wedding2.jfif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/Christian_wedding2.jfif


--------------------------------------------------------------------------------
/web-app/src/assets/image/Indian_wedding1.jfif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/Indian_wedding1.jfif


--------------------------------------------------------------------------------
/web-app/src/assets/image/Indian_wedding2.jfif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/Indian_wedding2.jfif


--------------------------------------------------------------------------------
/web-app/src/assets/image/Lion_pride1.jfif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/Lion_pride1.jfif


--------------------------------------------------------------------------------
/web-app/src/assets/image/Lion_pride2.jfif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/Lion_pride2.jfif


--------------------------------------------------------------------------------
/web-app/src/assets/image/Lion_pride3.jfif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/Lion_pride3.jfif


--------------------------------------------------------------------------------
/web-app/src/assets/image/badminton_players1.jfif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/badminton_players1.jfif


--------------------------------------------------------------------------------
/web-app/src/assets/image/bird-blue-diamond.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/bird-blue-diamond.jpeg


--------------------------------------------------------------------------------
/web-app/src/assets/image/bird-warbler.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/bird-warbler.jpeg


--------------------------------------------------------------------------------
/web-app/src/assets/image/bird_image.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/bird_image.jpg


--------------------------------------------------------------------------------
/web-app/src/assets/image/building1.jfif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/building1.jfif


--------------------------------------------------------------------------------
/web-app/src/assets/image/businesswoman1.jfif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/businesswoman1.jfif


--------------------------------------------------------------------------------
/web-app/src/assets/image/businesswoman2.jfif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/businesswoman2.jfif


--------------------------------------------------------------------------------
/web-app/src/assets/image/car_image.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/car_image.jpg


--------------------------------------------------------------------------------
/web-app/src/assets/image/city1.jfif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/city1.jfif


--------------------------------------------------------------------------------
/web-app/src/assets/image/city2.jfif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/city2.jfif


--------------------------------------------------------------------------------
/web-app/src/assets/image/college1.jfif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/college1.jfif


--------------------------------------------------------------------------------
/web-app/src/assets/image/college2.jfif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/college2.jfif


--------------------------------------------------------------------------------
/web-app/src/assets/image/college3.jfif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/college3.jfif


--------------------------------------------------------------------------------
/web-app/src/assets/image/crowded_market1.jfif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/crowded_market1.jfif


--------------------------------------------------------------------------------
/web-app/src/assets/image/crowded_market2.jfif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/crowded_market2.jfif


--------------------------------------------------------------------------------
/web-app/src/assets/image/crowded_market3.jfif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/crowded_market3.jfif


--------------------------------------------------------------------------------
/web-app/src/assets/image/crowded_market4.jfif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/crowded_market4.jfif


--------------------------------------------------------------------------------
/web-app/src/assets/image/dog1.jfif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/dog1.jfif


--------------------------------------------------------------------------------
/web-app/src/assets/image/dog2.jfif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/dog2.jfif


--------------------------------------------------------------------------------
/web-app/src/assets/image/dog_image.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/dog_image.jpg


--------------------------------------------------------------------------------
/web-app/src/assets/image/forest1.jfif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/forest1.jfif


--------------------------------------------------------------------------------
/web-app/src/assets/image/forest2.jfif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/forest2.jfif


--------------------------------------------------------------------------------
/web-app/src/assets/image/fox-hidden.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/fox-hidden.jpeg


--------------------------------------------------------------------------------
/web-app/src/assets/image/fox-snow.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/fox-snow.jpeg


--------------------------------------------------------------------------------
/web-app/src/assets/image/fox.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/fox.jpeg


--------------------------------------------------------------------------------
/web-app/src/assets/image/foxes.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/foxes.jpeg


--------------------------------------------------------------------------------
/web-app/src/assets/image/graduation1.jfif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/graduation1.jfif


--------------------------------------------------------------------------------
/web-app/src/assets/image/lion1.jfif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/lion1.jfif


--------------------------------------------------------------------------------
/web-app/src/assets/image/lion2.jfif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/lion2.jfif


--------------------------------------------------------------------------------
/web-app/src/assets/image/market_less_people1.jfif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/market_less_people1.jfif


--------------------------------------------------------------------------------
/web-app/src/assets/image/market_less_people2.jfif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/market_less_people2.jfif


--------------------------------------------------------------------------------
/web-app/src/assets/image/meerkat-hello.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/meerkat-hello.jpeg


--------------------------------------------------------------------------------
/web-app/src/assets/image/meerkats-2.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/meerkats-2.jpeg


--------------------------------------------------------------------------------
/web-app/src/assets/image/meerkats-3.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/meerkats-3.jpeg


--------------------------------------------------------------------------------
/web-app/src/assets/image/meerkats-huddled.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/meerkats-huddled.jpeg


--------------------------------------------------------------------------------
/web-app/src/assets/image/person1.jfif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/person1.jfif


--------------------------------------------------------------------------------
/web-app/src/assets/image/school1.jfif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/school1.jfif


--------------------------------------------------------------------------------
/web-app/src/assets/image/school2.jfif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/school2.jfif


--------------------------------------------------------------------------------
/web-app/src/assets/image/school3.jfif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/school3.jfif


--------------------------------------------------------------------------------
/web-app/src/assets/image/universe1.jfif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/universe1.jfif


--------------------------------------------------------------------------------
/web-app/src/assets/image/universe2.jfif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/universe2.jfif


--------------------------------------------------------------------------------
/web-app/src/assets/image/woman1.jfif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/woman1.jfif


--------------------------------------------------------------------------------
/web-app/src/assets/image/women1.jfif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/women1.jfif


--------------------------------------------------------------------------------
/web-app/src/assets/image/women2.jfif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/image/women2.jfif


--------------------------------------------------------------------------------
/web-app/src/assets/test/Timon.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/test/Timon.webp


--------------------------------------------------------------------------------
/web-app/src/assets/test/fox-test.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/test/fox-test.jpeg


--------------------------------------------------------------------------------
/web-app/src/assets/test/lion-king.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/test/lion-king.jpeg


--------------------------------------------------------------------------------
/web-app/src/assets/test/lion.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/test/lion.jpeg


--------------------------------------------------------------------------------
/web-app/src/assets/test/meerkat.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/test/meerkat.jpeg


--------------------------------------------------------------------------------
/web-app/src/assets/test/munich-crew.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/test/munich-crew.jpg


--------------------------------------------------------------------------------
/web-app/src/assets/video/bird.mp4:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/video/bird.mp4


--------------------------------------------------------------------------------
/web-app/src/assets/video/car.mp4:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/video/car.mp4


--------------------------------------------------------------------------------
/web-app/src/assets/video/classroom.mp4:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/video/classroom.mp4


--------------------------------------------------------------------------------
/web-app/src/assets/video/dog.mp4:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/video/dog.mp4


--------------------------------------------------------------------------------
/web-app/src/assets/video/lion.mp4:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/assets/video/lion.mp4


--------------------------------------------------------------------------------
/web-app/src/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/weaviate-tutorials/multi2vec-bind-js/88b3d78730177c0095529e5313e313ae7a855327/web-app/src/favicon.ico


--------------------------------------------------------------------------------
/web-app/src/index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html lang="en">
 3 | <head>
 4 |   <meta charset="utf-8">
 5 |   <title>Multi2vecApp</title>
 6 |   <base href="/">
 7 |   <meta name="viewport" content="width=device-width, initial-scale=1">
 8 |   <link rel="icon" type="image/x-icon" href="favicon.ico">
 9 | </head>
10 | <body>
11 |   <app-root></app-root>
12 | </body>
13 | </html>
14 | 


--------------------------------------------------------------------------------
/web-app/src/main.ts:
--------------------------------------------------------------------------------
1 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
2 | 
3 | import { AppModule } from './app/app.module';
4 | 
5 | 
6 | platformBrowserDynamic().bootstrapModule(AppModule)
7 |   .catch(err => console.error(err));
8 | 


--------------------------------------------------------------------------------
/web-app/src/styles.scss:
--------------------------------------------------------------------------------
1 | /* You can add global styles to this file, and also import other style files */
2 | body {
3 |   background-image: url("assets/background-light.jpeg");
4 |   background-position: 50%;
5 |   background-size: cover;
6 |   margin: auto;
7 | }
8 | 


--------------------------------------------------------------------------------
/web-app/tsconfig.app.json:
--------------------------------------------------------------------------------
 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */
 2 | {
 3 |   "extends": "./tsconfig.json",
 4 |   "compilerOptions": {
 5 |     "outDir": "./out-tsc/app",
 6 |     "types": []
 7 |   },
 8 |   "files": [
 9 |     "src/main.ts"
10 |   ],
11 |   "include": [
12 |     "src/**/*.d.ts"
13 |   ]
14 | }
15 | 


--------------------------------------------------------------------------------
/web-app/tsconfig.json:
--------------------------------------------------------------------------------
 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */
 2 | {
 3 |   "compileOnSave": false,
 4 |   "compilerOptions": {
 5 |     "baseUrl": "./",
 6 |     "outDir": "./dist/out-tsc",
 7 |     "forceConsistentCasingInFileNames": true,
 8 |     "strict": true,
 9 |     "noImplicitOverride": true,
10 |     "noPropertyAccessFromIndexSignature": true,
11 |     "noImplicitReturns": true,
12 |     "noFallthroughCasesInSwitch": true,
13 |     "sourceMap": true,
14 |     "declaration": false,
15 |     "downlevelIteration": true,
16 |     "experimentalDecorators": true,
17 |     "moduleResolution": "node",
18 |     "importHelpers": true,
19 |     "target": "ES2022",
20 |     "module": "ES2022",
21 |     "useDefineForClassFields": false,
22 |     "lib": [
23 |       "ES2022",
24 |       "dom"
25 |     ]
26 |   },
27 |   "angularCompilerOptions": {
28 |     "enableI18nLegacyMessageIdFormat": false,
29 |     "strictInjectionParameters": true,
30 |     "strictInputAccessModifiers": true,
31 |     "strictTemplates": true
32 |   }
33 | }
34 | 


--------------------------------------------------------------------------------