├── .gitignore
├── controllers
    └── openaiController.js
├── example.env
├── index.js
├── package-lock.json
├── package.json
├── public
    ├── css
    │   ├── spinner.css
    │   └── style.css
    ├── img
    │   └── screen.png
    ├── index.html
    └── js
    │   └── main.js
├── readme.md
└── routes
    └── openaiRoutes.js


/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules/
2 | .env
3 | 


--------------------------------------------------------------------------------
/controllers/openaiController.js:
--------------------------------------------------------------------------------
 1 | const { Configuration, OpenAIApi } = require('openai');
 2 | 
 3 | const configuration = new Configuration({
 4 |   apiKey: process.env.OPENAI_API_KEY,
 5 | });
 6 | const openai = new OpenAIApi(configuration);
 7 | 
 8 | const generateImage = async (req, res) => {
 9 |   const { prompt, size } = req.body;
10 | 
11 |   const imageSize =
12 |     size === 'small' ? '256x256' : size === 'medium' ? '512x512' : '1024x1024';
13 | 
14 |   try {
15 |     const response = await openai.createImage({
16 |       prompt,
17 |       n: 1,
18 |       size: imageSize,
19 |     });
20 | 
21 |     const imageUrl = response.data.data[0].url;
22 | 
23 |     res.status(200).json({
24 |       success: true,
25 |       data: imageUrl,
26 |     });
27 |   } catch (error) {
28 |     if (error.response) {
29 |       console.log(error.response.status);
30 |       console.log(error.response.data);
31 |     } else {
32 |       console.log(error.message);
33 |     }
34 | 
35 |     res.status(400).json({
36 |       success: false,
37 |       error: 'The image could not be generated',
38 |     });
39 |   }
40 | };
41 | 
42 | module.exports = { generateImage };
43 | 


--------------------------------------------------------------------------------
/example.env:
--------------------------------------------------------------------------------
1 | PORT=5000
2 | OPENAI_API_KEY=''


--------------------------------------------------------------------------------
/index.js:
--------------------------------------------------------------------------------
 1 | const path = require('path');
 2 | const express = require('express');
 3 | const dotenv = require('dotenv').config();
 4 | const port = process.env.PORT || 5000;
 5 | 
 6 | const app = express();
 7 | 
 8 | // Enable body parser
 9 | app.use(express.json());
10 | app.use(express.urlencoded({ extended: false }));
11 | 
12 | // Set static folder
13 | app.use(express.static(path.join(__dirname, 'public')));
14 | 
15 | app.use('/openai', require('./routes/openaiRoutes'));
16 | 
17 | app.listen(port, () => console.log(`Server started on port ${port}`));
18 | 


--------------------------------------------------------------------------------
/package-lock.json:
--------------------------------------------------------------------------------
   1 | {
   2 |   "name": "ai-image-gen",
   3 |   "version": "1.0.0",
   4 |   "lockfileVersion": 3,
   5 |   "requires": true,
   6 |   "packages": {
   7 |     "": {
   8 |       "name": "ai-image-gen",
   9 |       "version": "1.0.0",
  10 |       "license": "ISC",
  11 |       "dependencies": {
  12 |         "dotenv": "^16.0.3",
  13 |         "express": "^4.18.2",
  14 |         "openai": "^3.1.0"
  15 |       },
  16 |       "devDependencies": {
  17 |         "nodemon": "^2.0.20"
  18 |       }
  19 |     },
  20 |     "node_modules/abbrev": {
  21 |       "version": "1.1.1",
  22 |       "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
  23 |       "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==",
  24 |       "dev": true
  25 |     },
  26 |     "node_modules/accepts": {
  27 |       "version": "1.3.8",
  28 |       "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
  29 |       "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
  30 |       "dependencies": {
  31 |         "mime-types": "~2.1.34",
  32 |         "negotiator": "0.6.3"
  33 |       },
  34 |       "engines": {
  35 |         "node": ">= 0.6"
  36 |       }
  37 |     },
  38 |     "node_modules/anymatch": {
  39 |       "version": "3.1.3",
  40 |       "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
  41 |       "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
  42 |       "dev": true,
  43 |       "dependencies": {
  44 |         "normalize-path": "^3.0.0",
  45 |         "picomatch": "^2.0.4"
  46 |       },
  47 |       "engines": {
  48 |         "node": ">= 8"
  49 |       }
  50 |     },
  51 |     "node_modules/array-flatten": {
  52 |       "version": "1.1.1",
  53 |       "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
  54 |       "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg=="
  55 |     },
  56 |     "node_modules/asynckit": {
  57 |       "version": "0.4.0",
  58 |       "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
  59 |       "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
  60 |     },
  61 |     "node_modules/axios": {
  62 |       "version": "0.26.1",
  63 |       "resolved": "https://registry.npmjs.org/axios/-/axios-0.26.1.tgz",
  64 |       "integrity": "sha512-fPwcX4EvnSHuInCMItEhAGnaSEXRBjtzh9fOtsE6E1G6p7vl7edEeZe11QHf18+6+9gR5PbKV/sGKNaD8YaMeA==",
  65 |       "dependencies": {
  66 |         "follow-redirects": "^1.14.8"
  67 |       }
  68 |     },
  69 |     "node_modules/balanced-match": {
  70 |       "version": "1.0.2",
  71 |       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
  72 |       "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
  73 |       "dev": true
  74 |     },
  75 |     "node_modules/binary-extensions": {
  76 |       "version": "2.2.0",
  77 |       "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
  78 |       "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
  79 |       "dev": true,
  80 |       "engines": {
  81 |         "node": ">=8"
  82 |       }
  83 |     },
  84 |     "node_modules/body-parser": {
  85 |       "version": "1.20.1",
  86 |       "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.1.tgz",
  87 |       "integrity": "sha512-jWi7abTbYwajOytWCQc37VulmWiRae5RyTpaCyDcS5/lMdtwSz5lOpDE67srw/HYe35f1z3fDQw+3txg7gNtWw==",
  88 |       "dependencies": {
  89 |         "bytes": "3.1.2",
  90 |         "content-type": "~1.0.4",
  91 |         "debug": "2.6.9",
  92 |         "depd": "2.0.0",
  93 |         "destroy": "1.2.0",
  94 |         "http-errors": "2.0.0",
  95 |         "iconv-lite": "0.4.24",
  96 |         "on-finished": "2.4.1",
  97 |         "qs": "6.11.0",
  98 |         "raw-body": "2.5.1",
  99 |         "type-is": "~1.6.18",
 100 |         "unpipe": "1.0.0"
 101 |       },
 102 |       "engines": {
 103 |         "node": ">= 0.8",
 104 |         "npm": "1.2.8000 || >= 1.4.16"
 105 |       }
 106 |     },
 107 |     "node_modules/brace-expansion": {
 108 |       "version": "1.1.11",
 109 |       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
 110 |       "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
 111 |       "dev": true,
 112 |       "dependencies": {
 113 |         "balanced-match": "^1.0.0",
 114 |         "concat-map": "0.0.1"
 115 |       }
 116 |     },
 117 |     "node_modules/braces": {
 118 |       "version": "3.0.2",
 119 |       "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
 120 |       "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
 121 |       "dev": true,
 122 |       "dependencies": {
 123 |         "fill-range": "^7.0.1"
 124 |       },
 125 |       "engines": {
 126 |         "node": ">=8"
 127 |       }
 128 |     },
 129 |     "node_modules/bytes": {
 130 |       "version": "3.1.2",
 131 |       "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
 132 |       "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
 133 |       "engines": {
 134 |         "node": ">= 0.8"
 135 |       }
 136 |     },
 137 |     "node_modules/call-bind": {
 138 |       "version": "1.0.2",
 139 |       "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
 140 |       "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
 141 |       "dependencies": {
 142 |         "function-bind": "^1.1.1",
 143 |         "get-intrinsic": "^1.0.2"
 144 |       },
 145 |       "funding": {
 146 |         "url": "https://github.com/sponsors/ljharb"
 147 |       }
 148 |     },
 149 |     "node_modules/chokidar": {
 150 |       "version": "3.5.3",
 151 |       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
 152 |       "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
 153 |       "dev": true,
 154 |       "funding": [
 155 |         {
 156 |           "type": "individual",
 157 |           "url": "https://paulmillr.com/funding/"
 158 |         }
 159 |       ],
 160 |       "dependencies": {
 161 |         "anymatch": "~3.1.2",
 162 |         "braces": "~3.0.2",
 163 |         "glob-parent": "~5.1.2",
 164 |         "is-binary-path": "~2.1.0",
 165 |         "is-glob": "~4.0.1",
 166 |         "normalize-path": "~3.0.0",
 167 |         "readdirp": "~3.6.0"
 168 |       },
 169 |       "engines": {
 170 |         "node": ">= 8.10.0"
 171 |       },
 172 |       "optionalDependencies": {
 173 |         "fsevents": "~2.3.2"
 174 |       }
 175 |     },
 176 |     "node_modules/combined-stream": {
 177 |       "version": "1.0.8",
 178 |       "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
 179 |       "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
 180 |       "dependencies": {
 181 |         "delayed-stream": "~1.0.0"
 182 |       },
 183 |       "engines": {
 184 |         "node": ">= 0.8"
 185 |       }
 186 |     },
 187 |     "node_modules/concat-map": {
 188 |       "version": "0.0.1",
 189 |       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
 190 |       "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
 191 |       "dev": true
 192 |     },
 193 |     "node_modules/content-disposition": {
 194 |       "version": "0.5.4",
 195 |       "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
 196 |       "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
 197 |       "dependencies": {
 198 |         "safe-buffer": "5.2.1"
 199 |       },
 200 |       "engines": {
 201 |         "node": ">= 0.6"
 202 |       }
 203 |     },
 204 |     "node_modules/content-type": {
 205 |       "version": "1.0.4",
 206 |       "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.4.tgz",
 207 |       "integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==",
 208 |       "engines": {
 209 |         "node": ">= 0.6"
 210 |       }
 211 |     },
 212 |     "node_modules/cookie": {
 213 |       "version": "0.5.0",
 214 |       "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.5.0.tgz",
 215 |       "integrity": "sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==",
 216 |       "engines": {
 217 |         "node": ">= 0.6"
 218 |       }
 219 |     },
 220 |     "node_modules/cookie-signature": {
 221 |       "version": "1.0.6",
 222 |       "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
 223 |       "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ=="
 224 |     },
 225 |     "node_modules/debug": {
 226 |       "version": "2.6.9",
 227 |       "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
 228 |       "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
 229 |       "dependencies": {
 230 |         "ms": "2.0.0"
 231 |       }
 232 |     },
 233 |     "node_modules/delayed-stream": {
 234 |       "version": "1.0.0",
 235 |       "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
 236 |       "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
 237 |       "engines": {
 238 |         "node": ">=0.4.0"
 239 |       }
 240 |     },
 241 |     "node_modules/depd": {
 242 |       "version": "2.0.0",
 243 |       "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
 244 |       "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
 245 |       "engines": {
 246 |         "node": ">= 0.8"
 247 |       }
 248 |     },
 249 |     "node_modules/destroy": {
 250 |       "version": "1.2.0",
 251 |       "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
 252 |       "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
 253 |       "engines": {
 254 |         "node": ">= 0.8",
 255 |         "npm": "1.2.8000 || >= 1.4.16"
 256 |       }
 257 |     },
 258 |     "node_modules/dotenv": {
 259 |       "version": "16.0.3",
 260 |       "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.0.3.tgz",
 261 |       "integrity": "sha512-7GO6HghkA5fYG9TYnNxi14/7K9f5occMlp3zXAuSxn7CKCxt9xbNWG7yF8hTCSUchlfWSe3uLmlPfigevRItzQ==",
 262 |       "engines": {
 263 |         "node": ">=12"
 264 |       }
 265 |     },
 266 |     "node_modules/ee-first": {
 267 |       "version": "1.1.1",
 268 |       "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
 269 |       "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="
 270 |     },
 271 |     "node_modules/encodeurl": {
 272 |       "version": "1.0.2",
 273 |       "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
 274 |       "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
 275 |       "engines": {
 276 |         "node": ">= 0.8"
 277 |       }
 278 |     },
 279 |     "node_modules/escape-html": {
 280 |       "version": "1.0.3",
 281 |       "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
 282 |       "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow=="
 283 |     },
 284 |     "node_modules/etag": {
 285 |       "version": "1.8.1",
 286 |       "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
 287 |       "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
 288 |       "engines": {
 289 |         "node": ">= 0.6"
 290 |       }
 291 |     },
 292 |     "node_modules/express": {
 293 |       "version": "4.18.2",
 294 |       "resolved": "https://registry.npmjs.org/express/-/express-4.18.2.tgz",
 295 |       "integrity": "sha512-5/PsL6iGPdfQ/lKM1UuielYgv3BUoJfz1aUwU9vHZ+J7gyvwdQXFEBIEIaxeGf0GIcreATNyBExtalisDbuMqQ==",
 296 |       "dependencies": {
 297 |         "accepts": "~1.3.8",
 298 |         "array-flatten": "1.1.1",
 299 |         "body-parser": "1.20.1",
 300 |         "content-disposition": "0.5.4",
 301 |         "content-type": "~1.0.4",
 302 |         "cookie": "0.5.0",
 303 |         "cookie-signature": "1.0.6",
 304 |         "debug": "2.6.9",
 305 |         "depd": "2.0.0",
 306 |         "encodeurl": "~1.0.2",
 307 |         "escape-html": "~1.0.3",
 308 |         "etag": "~1.8.1",
 309 |         "finalhandler": "1.2.0",
 310 |         "fresh": "0.5.2",
 311 |         "http-errors": "2.0.0",
 312 |         "merge-descriptors": "1.0.1",
 313 |         "methods": "~1.1.2",
 314 |         "on-finished": "2.4.1",
 315 |         "parseurl": "~1.3.3",
 316 |         "path-to-regexp": "0.1.7",
 317 |         "proxy-addr": "~2.0.7",
 318 |         "qs": "6.11.0",
 319 |         "range-parser": "~1.2.1",
 320 |         "safe-buffer": "5.2.1",
 321 |         "send": "0.18.0",
 322 |         "serve-static": "1.15.0",
 323 |         "setprototypeof": "1.2.0",
 324 |         "statuses": "2.0.1",
 325 |         "type-is": "~1.6.18",
 326 |         "utils-merge": "1.0.1",
 327 |         "vary": "~1.1.2"
 328 |       },
 329 |       "engines": {
 330 |         "node": ">= 0.10.0"
 331 |       }
 332 |     },
 333 |     "node_modules/fill-range": {
 334 |       "version": "7.0.1",
 335 |       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
 336 |       "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
 337 |       "dev": true,
 338 |       "dependencies": {
 339 |         "to-regex-range": "^5.0.1"
 340 |       },
 341 |       "engines": {
 342 |         "node": ">=8"
 343 |       }
 344 |     },
 345 |     "node_modules/finalhandler": {
 346 |       "version": "1.2.0",
 347 |       "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.2.0.tgz",
 348 |       "integrity": "sha512-5uXcUVftlQMFnWC9qu/svkWv3GTd2PfUhK/3PLkYNAe7FbqJMt3515HaxE6eRL74GdsriiwujiawdaB1BpEISg==",
 349 |       "dependencies": {
 350 |         "debug": "2.6.9",
 351 |         "encodeurl": "~1.0.2",
 352 |         "escape-html": "~1.0.3",
 353 |         "on-finished": "2.4.1",
 354 |         "parseurl": "~1.3.3",
 355 |         "statuses": "2.0.1",
 356 |         "unpipe": "~1.0.0"
 357 |       },
 358 |       "engines": {
 359 |         "node": ">= 0.8"
 360 |       }
 361 |     },
 362 |     "node_modules/follow-redirects": {
 363 |       "version": "1.15.2",
 364 |       "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz",
 365 |       "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==",
 366 |       "funding": [
 367 |         {
 368 |           "type": "individual",
 369 |           "url": "https://github.com/sponsors/RubenVerborgh"
 370 |         }
 371 |       ],
 372 |       "engines": {
 373 |         "node": ">=4.0"
 374 |       },
 375 |       "peerDependenciesMeta": {
 376 |         "debug": {
 377 |           "optional": true
 378 |         }
 379 |       }
 380 |     },
 381 |     "node_modules/form-data": {
 382 |       "version": "4.0.0",
 383 |       "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
 384 |       "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
 385 |       "dependencies": {
 386 |         "asynckit": "^0.4.0",
 387 |         "combined-stream": "^1.0.8",
 388 |         "mime-types": "^2.1.12"
 389 |       },
 390 |       "engines": {
 391 |         "node": ">= 6"
 392 |       }
 393 |     },
 394 |     "node_modules/forwarded": {
 395 |       "version": "0.2.0",
 396 |       "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
 397 |       "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
 398 |       "engines": {
 399 |         "node": ">= 0.6"
 400 |       }
 401 |     },
 402 |     "node_modules/fresh": {
 403 |       "version": "0.5.2",
 404 |       "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
 405 |       "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
 406 |       "engines": {
 407 |         "node": ">= 0.6"
 408 |       }
 409 |     },
 410 |     "node_modules/fsevents": {
 411 |       "version": "2.3.2",
 412 |       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
 413 |       "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
 414 |       "dev": true,
 415 |       "hasInstallScript": true,
 416 |       "optional": true,
 417 |       "os": [
 418 |         "darwin"
 419 |       ],
 420 |       "engines": {
 421 |         "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
 422 |       }
 423 |     },
 424 |     "node_modules/function-bind": {
 425 |       "version": "1.1.1",
 426 |       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
 427 |       "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
 428 |     },
 429 |     "node_modules/get-intrinsic": {
 430 |       "version": "1.1.3",
 431 |       "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.1.3.tgz",
 432 |       "integrity": "sha512-QJVz1Tj7MS099PevUG5jvnt9tSkXN8K14dxQlikJuPt4uD9hHAHjLyLBiLR5zELelBdD9QNRAXZzsJx0WaDL9A==",
 433 |       "dependencies": {
 434 |         "function-bind": "^1.1.1",
 435 |         "has": "^1.0.3",
 436 |         "has-symbols": "^1.0.3"
 437 |       },
 438 |       "funding": {
 439 |         "url": "https://github.com/sponsors/ljharb"
 440 |       }
 441 |     },
 442 |     "node_modules/glob-parent": {
 443 |       "version": "5.1.2",
 444 |       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
 445 |       "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
 446 |       "dev": true,
 447 |       "dependencies": {
 448 |         "is-glob": "^4.0.1"
 449 |       },
 450 |       "engines": {
 451 |         "node": ">= 6"
 452 |       }
 453 |     },
 454 |     "node_modules/has": {
 455 |       "version": "1.0.3",
 456 |       "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
 457 |       "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
 458 |       "dependencies": {
 459 |         "function-bind": "^1.1.1"
 460 |       },
 461 |       "engines": {
 462 |         "node": ">= 0.4.0"
 463 |       }
 464 |     },
 465 |     "node_modules/has-flag": {
 466 |       "version": "3.0.0",
 467 |       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
 468 |       "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
 469 |       "dev": true,
 470 |       "engines": {
 471 |         "node": ">=4"
 472 |       }
 473 |     },
 474 |     "node_modules/has-symbols": {
 475 |       "version": "1.0.3",
 476 |       "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
 477 |       "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
 478 |       "engines": {
 479 |         "node": ">= 0.4"
 480 |       },
 481 |       "funding": {
 482 |         "url": "https://github.com/sponsors/ljharb"
 483 |       }
 484 |     },
 485 |     "node_modules/http-errors": {
 486 |       "version": "2.0.0",
 487 |       "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
 488 |       "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
 489 |       "dependencies": {
 490 |         "depd": "2.0.0",
 491 |         "inherits": "2.0.4",
 492 |         "setprototypeof": "1.2.0",
 493 |         "statuses": "2.0.1",
 494 |         "toidentifier": "1.0.1"
 495 |       },
 496 |       "engines": {
 497 |         "node": ">= 0.8"
 498 |       }
 499 |     },
 500 |     "node_modules/iconv-lite": {
 501 |       "version": "0.4.24",
 502 |       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
 503 |       "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
 504 |       "dependencies": {
 505 |         "safer-buffer": ">= 2.1.2 < 3"
 506 |       },
 507 |       "engines": {
 508 |         "node": ">=0.10.0"
 509 |       }
 510 |     },
 511 |     "node_modules/ignore-by-default": {
 512 |       "version": "1.0.1",
 513 |       "resolved": "https://registry.npmjs.org/ignore-by-default/-/ignore-by-default-1.0.1.tgz",
 514 |       "integrity": "sha512-Ius2VYcGNk7T90CppJqcIkS5ooHUZyIQK+ClZfMfMNFEF9VSE73Fq+906u/CWu92x4gzZMWOwfFYckPObzdEbA==",
 515 |       "dev": true
 516 |     },
 517 |     "node_modules/inherits": {
 518 |       "version": "2.0.4",
 519 |       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
 520 |       "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
 521 |     },
 522 |     "node_modules/ipaddr.js": {
 523 |       "version": "1.9.1",
 524 |       "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
 525 |       "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
 526 |       "engines": {
 527 |         "node": ">= 0.10"
 528 |       }
 529 |     },
 530 |     "node_modules/is-binary-path": {
 531 |       "version": "2.1.0",
 532 |       "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
 533 |       "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
 534 |       "dev": true,
 535 |       "dependencies": {
 536 |         "binary-extensions": "^2.0.0"
 537 |       },
 538 |       "engines": {
 539 |         "node": ">=8"
 540 |       }
 541 |     },
 542 |     "node_modules/is-extglob": {
 543 |       "version": "2.1.1",
 544 |       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
 545 |       "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
 546 |       "dev": true,
 547 |       "engines": {
 548 |         "node": ">=0.10.0"
 549 |       }
 550 |     },
 551 |     "node_modules/is-glob": {
 552 |       "version": "4.0.3",
 553 |       "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
 554 |       "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
 555 |       "dev": true,
 556 |       "dependencies": {
 557 |         "is-extglob": "^2.1.1"
 558 |       },
 559 |       "engines": {
 560 |         "node": ">=0.10.0"
 561 |       }
 562 |     },
 563 |     "node_modules/is-number": {
 564 |       "version": "7.0.0",
 565 |       "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
 566 |       "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
 567 |       "dev": true,
 568 |       "engines": {
 569 |         "node": ">=0.12.0"
 570 |       }
 571 |     },
 572 |     "node_modules/media-typer": {
 573 |       "version": "0.3.0",
 574 |       "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
 575 |       "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
 576 |       "engines": {
 577 |         "node": ">= 0.6"
 578 |       }
 579 |     },
 580 |     "node_modules/merge-descriptors": {
 581 |       "version": "1.0.1",
 582 |       "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
 583 |       "integrity": "sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w=="
 584 |     },
 585 |     "node_modules/methods": {
 586 |       "version": "1.1.2",
 587 |       "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
 588 |       "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==",
 589 |       "engines": {
 590 |         "node": ">= 0.6"
 591 |       }
 592 |     },
 593 |     "node_modules/mime": {
 594 |       "version": "1.6.0",
 595 |       "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
 596 |       "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
 597 |       "bin": {
 598 |         "mime": "cli.js"
 599 |       },
 600 |       "engines": {
 601 |         "node": ">=4"
 602 |       }
 603 |     },
 604 |     "node_modules/mime-db": {
 605 |       "version": "1.52.0",
 606 |       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
 607 |       "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
 608 |       "engines": {
 609 |         "node": ">= 0.6"
 610 |       }
 611 |     },
 612 |     "node_modules/mime-types": {
 613 |       "version": "2.1.35",
 614 |       "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
 615 |       "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
 616 |       "dependencies": {
 617 |         "mime-db": "1.52.0"
 618 |       },
 619 |       "engines": {
 620 |         "node": ">= 0.6"
 621 |       }
 622 |     },
 623 |     "node_modules/minimatch": {
 624 |       "version": "3.1.2",
 625 |       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
 626 |       "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
 627 |       "dev": true,
 628 |       "dependencies": {
 629 |         "brace-expansion": "^1.1.7"
 630 |       },
 631 |       "engines": {
 632 |         "node": "*"
 633 |       }
 634 |     },
 635 |     "node_modules/ms": {
 636 |       "version": "2.0.0",
 637 |       "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
 638 |       "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
 639 |     },
 640 |     "node_modules/negotiator": {
 641 |       "version": "0.6.3",
 642 |       "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
 643 |       "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
 644 |       "engines": {
 645 |         "node": ">= 0.6"
 646 |       }
 647 |     },
 648 |     "node_modules/nodemon": {
 649 |       "version": "2.0.20",
 650 |       "resolved": "https://registry.npmjs.org/nodemon/-/nodemon-2.0.20.tgz",
 651 |       "integrity": "sha512-Km2mWHKKY5GzRg6i1j5OxOHQtuvVsgskLfigG25yTtbyfRGn/GNvIbRyOf1PSCKJ2aT/58TiuUsuOU5UToVViw==",
 652 |       "dev": true,
 653 |       "dependencies": {
 654 |         "chokidar": "^3.5.2",
 655 |         "debug": "^3.2.7",
 656 |         "ignore-by-default": "^1.0.1",
 657 |         "minimatch": "^3.1.2",
 658 |         "pstree.remy": "^1.1.8",
 659 |         "semver": "^5.7.1",
 660 |         "simple-update-notifier": "^1.0.7",
 661 |         "supports-color": "^5.5.0",
 662 |         "touch": "^3.1.0",
 663 |         "undefsafe": "^2.0.5"
 664 |       },
 665 |       "bin": {
 666 |         "nodemon": "bin/nodemon.js"
 667 |       },
 668 |       "engines": {
 669 |         "node": ">=8.10.0"
 670 |       },
 671 |       "funding": {
 672 |         "type": "opencollective",
 673 |         "url": "https://opencollective.com/nodemon"
 674 |       }
 675 |     },
 676 |     "node_modules/nodemon/node_modules/debug": {
 677 |       "version": "3.2.7",
 678 |       "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
 679 |       "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
 680 |       "dev": true,
 681 |       "dependencies": {
 682 |         "ms": "^2.1.1"
 683 |       }
 684 |     },
 685 |     "node_modules/nodemon/node_modules/ms": {
 686 |       "version": "2.1.3",
 687 |       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
 688 |       "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
 689 |       "dev": true
 690 |     },
 691 |     "node_modules/nopt": {
 692 |       "version": "1.0.10",
 693 |       "resolved": "https://registry.npmjs.org/nopt/-/nopt-1.0.10.tgz",
 694 |       "integrity": "sha512-NWmpvLSqUrgrAC9HCuxEvb+PSloHpqVu+FqcO4eeF2h5qYRhA7ev6KvelyQAKtegUbC6RypJnlEOhd8vloNKYg==",
 695 |       "dev": true,
 696 |       "dependencies": {
 697 |         "abbrev": "1"
 698 |       },
 699 |       "bin": {
 700 |         "nopt": "bin/nopt.js"
 701 |       },
 702 |       "engines": {
 703 |         "node": "*"
 704 |       }
 705 |     },
 706 |     "node_modules/normalize-path": {
 707 |       "version": "3.0.0",
 708 |       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
 709 |       "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
 710 |       "dev": true,
 711 |       "engines": {
 712 |         "node": ">=0.10.0"
 713 |       }
 714 |     },
 715 |     "node_modules/object-inspect": {
 716 |       "version": "1.12.2",
 717 |       "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.2.tgz",
 718 |       "integrity": "sha512-z+cPxW0QGUp0mcqcsgQyLVRDoXFQbXOwBaqyF7VIgI4TWNQsDHrBpUQslRmIfAoYWdYzs6UlKJtB2XJpTaNSpQ==",
 719 |       "funding": {
 720 |         "url": "https://github.com/sponsors/ljharb"
 721 |       }
 722 |     },
 723 |     "node_modules/on-finished": {
 724 |       "version": "2.4.1",
 725 |       "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
 726 |       "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
 727 |       "dependencies": {
 728 |         "ee-first": "1.1.1"
 729 |       },
 730 |       "engines": {
 731 |         "node": ">= 0.8"
 732 |       }
 733 |     },
 734 |     "node_modules/openai": {
 735 |       "version": "3.1.0",
 736 |       "resolved": "https://registry.npmjs.org/openai/-/openai-3.1.0.tgz",
 737 |       "integrity": "sha512-v5kKFH5o+8ld+t0arudj833Mgm3GcgBnbyN9946bj6u7bvel4Yg6YFz2A4HLIYDzmMjIo0s6vSG9x73kOwvdCg==",
 738 |       "dependencies": {
 739 |         "axios": "^0.26.0",
 740 |         "form-data": "^4.0.0"
 741 |       }
 742 |     },
 743 |     "node_modules/parseurl": {
 744 |       "version": "1.3.3",
 745 |       "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
 746 |       "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
 747 |       "engines": {
 748 |         "node": ">= 0.8"
 749 |       }
 750 |     },
 751 |     "node_modules/path-to-regexp": {
 752 |       "version": "0.1.7",
 753 |       "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz",
 754 |       "integrity": "sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ=="
 755 |     },
 756 |     "node_modules/picomatch": {
 757 |       "version": "2.3.1",
 758 |       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
 759 |       "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
 760 |       "dev": true,
 761 |       "engines": {
 762 |         "node": ">=8.6"
 763 |       },
 764 |       "funding": {
 765 |         "url": "https://github.com/sponsors/jonschlinkert"
 766 |       }
 767 |     },
 768 |     "node_modules/proxy-addr": {
 769 |       "version": "2.0.7",
 770 |       "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
 771 |       "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
 772 |       "dependencies": {
 773 |         "forwarded": "0.2.0",
 774 |         "ipaddr.js": "1.9.1"
 775 |       },
 776 |       "engines": {
 777 |         "node": ">= 0.10"
 778 |       }
 779 |     },
 780 |     "node_modules/pstree.remy": {
 781 |       "version": "1.1.8",
 782 |       "resolved": "https://registry.npmjs.org/pstree.remy/-/pstree.remy-1.1.8.tgz",
 783 |       "integrity": "sha512-77DZwxQmxKnu3aR542U+X8FypNzbfJ+C5XQDk3uWjWxn6151aIMGthWYRXTqT1E5oJvg+ljaa2OJi+VfvCOQ8w==",
 784 |       "dev": true
 785 |     },
 786 |     "node_modules/qs": {
 787 |       "version": "6.11.0",
 788 |       "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.0.tgz",
 789 |       "integrity": "sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==",
 790 |       "dependencies": {
 791 |         "side-channel": "^1.0.4"
 792 |       },
 793 |       "engines": {
 794 |         "node": ">=0.6"
 795 |       },
 796 |       "funding": {
 797 |         "url": "https://github.com/sponsors/ljharb"
 798 |       }
 799 |     },
 800 |     "node_modules/range-parser": {
 801 |       "version": "1.2.1",
 802 |       "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
 803 |       "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
 804 |       "engines": {
 805 |         "node": ">= 0.6"
 806 |       }
 807 |     },
 808 |     "node_modules/raw-body": {
 809 |       "version": "2.5.1",
 810 |       "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.1.tgz",
 811 |       "integrity": "sha512-qqJBtEyVgS0ZmPGdCFPWJ3FreoqvG4MVQln/kCgF7Olq95IbOp0/BWyMwbdtn4VTvkM8Y7khCQ2Xgk/tcrCXig==",
 812 |       "dependencies": {
 813 |         "bytes": "3.1.2",
 814 |         "http-errors": "2.0.0",
 815 |         "iconv-lite": "0.4.24",
 816 |         "unpipe": "1.0.0"
 817 |       },
 818 |       "engines": {
 819 |         "node": ">= 0.8"
 820 |       }
 821 |     },
 822 |     "node_modules/readdirp": {
 823 |       "version": "3.6.0",
 824 |       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
 825 |       "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
 826 |       "dev": true,
 827 |       "dependencies": {
 828 |         "picomatch": "^2.2.1"
 829 |       },
 830 |       "engines": {
 831 |         "node": ">=8.10.0"
 832 |       }
 833 |     },
 834 |     "node_modules/safe-buffer": {
 835 |       "version": "5.2.1",
 836 |       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
 837 |       "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
 838 |       "funding": [
 839 |         {
 840 |           "type": "github",
 841 |           "url": "https://github.com/sponsors/feross"
 842 |         },
 843 |         {
 844 |           "type": "patreon",
 845 |           "url": "https://www.patreon.com/feross"
 846 |         },
 847 |         {
 848 |           "type": "consulting",
 849 |           "url": "https://feross.org/support"
 850 |         }
 851 |       ]
 852 |     },
 853 |     "node_modules/safer-buffer": {
 854 |       "version": "2.1.2",
 855 |       "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
 856 |       "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
 857 |     },
 858 |     "node_modules/semver": {
 859 |       "version": "5.7.1",
 860 |       "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
 861 |       "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
 862 |       "dev": true,
 863 |       "bin": {
 864 |         "semver": "bin/semver"
 865 |       }
 866 |     },
 867 |     "node_modules/send": {
 868 |       "version": "0.18.0",
 869 |       "resolved": "https://registry.npmjs.org/send/-/send-0.18.0.tgz",
 870 |       "integrity": "sha512-qqWzuOjSFOuqPjFe4NOsMLafToQQwBSOEpS+FwEt3A2V3vKubTquT3vmLTQpFgMXp8AlFWFuP1qKaJZOtPpVXg==",
 871 |       "dependencies": {
 872 |         "debug": "2.6.9",
 873 |         "depd": "2.0.0",
 874 |         "destroy": "1.2.0",
 875 |         "encodeurl": "~1.0.2",
 876 |         "escape-html": "~1.0.3",
 877 |         "etag": "~1.8.1",
 878 |         "fresh": "0.5.2",
 879 |         "http-errors": "2.0.0",
 880 |         "mime": "1.6.0",
 881 |         "ms": "2.1.3",
 882 |         "on-finished": "2.4.1",
 883 |         "range-parser": "~1.2.1",
 884 |         "statuses": "2.0.1"
 885 |       },
 886 |       "engines": {
 887 |         "node": ">= 0.8.0"
 888 |       }
 889 |     },
 890 |     "node_modules/send/node_modules/ms": {
 891 |       "version": "2.1.3",
 892 |       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
 893 |       "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
 894 |     },
 895 |     "node_modules/serve-static": {
 896 |       "version": "1.15.0",
 897 |       "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.15.0.tgz",
 898 |       "integrity": "sha512-XGuRDNjXUijsUL0vl6nSD7cwURuzEgglbOaFuZM9g3kwDXOWVTck0jLzjPzGD+TazWbboZYu52/9/XPdUgne9g==",
 899 |       "dependencies": {
 900 |         "encodeurl": "~1.0.2",
 901 |         "escape-html": "~1.0.3",
 902 |         "parseurl": "~1.3.3",
 903 |         "send": "0.18.0"
 904 |       },
 905 |       "engines": {
 906 |         "node": ">= 0.8.0"
 907 |       }
 908 |     },
 909 |     "node_modules/setprototypeof": {
 910 |       "version": "1.2.0",
 911 |       "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
 912 |       "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw=="
 913 |     },
 914 |     "node_modules/side-channel": {
 915 |       "version": "1.0.4",
 916 |       "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
 917 |       "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
 918 |       "dependencies": {
 919 |         "call-bind": "^1.0.0",
 920 |         "get-intrinsic": "^1.0.2",
 921 |         "object-inspect": "^1.9.0"
 922 |       },
 923 |       "funding": {
 924 |         "url": "https://github.com/sponsors/ljharb"
 925 |       }
 926 |     },
 927 |     "node_modules/simple-update-notifier": {
 928 |       "version": "1.1.0",
 929 |       "resolved": "https://registry.npmjs.org/simple-update-notifier/-/simple-update-notifier-1.1.0.tgz",
 930 |       "integrity": "sha512-VpsrsJSUcJEseSbMHkrsrAVSdvVS5I96Qo1QAQ4FxQ9wXFcB+pjj7FB7/us9+GcgfW4ziHtYMc1J0PLczb55mg==",
 931 |       "dev": true,
 932 |       "dependencies": {
 933 |         "semver": "~7.0.0"
 934 |       },
 935 |       "engines": {
 936 |         "node": ">=8.10.0"
 937 |       }
 938 |     },
 939 |     "node_modules/simple-update-notifier/node_modules/semver": {
 940 |       "version": "7.0.0",
 941 |       "resolved": "https://registry.npmjs.org/semver/-/semver-7.0.0.tgz",
 942 |       "integrity": "sha512-+GB6zVA9LWh6zovYQLALHwv5rb2PHGlJi3lfiqIHxR0uuwCgefcOJc59v9fv1w8GbStwxuuqqAjI9NMAOOgq1A==",
 943 |       "dev": true,
 944 |       "bin": {
 945 |         "semver": "bin/semver.js"
 946 |       }
 947 |     },
 948 |     "node_modules/statuses": {
 949 |       "version": "2.0.1",
 950 |       "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
 951 |       "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
 952 |       "engines": {
 953 |         "node": ">= 0.8"
 954 |       }
 955 |     },
 956 |     "node_modules/supports-color": {
 957 |       "version": "5.5.0",
 958 |       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
 959 |       "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
 960 |       "dev": true,
 961 |       "dependencies": {
 962 |         "has-flag": "^3.0.0"
 963 |       },
 964 |       "engines": {
 965 |         "node": ">=4"
 966 |       }
 967 |     },
 968 |     "node_modules/to-regex-range": {
 969 |       "version": "5.0.1",
 970 |       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
 971 |       "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
 972 |       "dev": true,
 973 |       "dependencies": {
 974 |         "is-number": "^7.0.0"
 975 |       },
 976 |       "engines": {
 977 |         "node": ">=8.0"
 978 |       }
 979 |     },
 980 |     "node_modules/toidentifier": {
 981 |       "version": "1.0.1",
 982 |       "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
 983 |       "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
 984 |       "engines": {
 985 |         "node": ">=0.6"
 986 |       }
 987 |     },
 988 |     "node_modules/touch": {
 989 |       "version": "3.1.0",
 990 |       "resolved": "https://registry.npmjs.org/touch/-/touch-3.1.0.tgz",
 991 |       "integrity": "sha512-WBx8Uy5TLtOSRtIq+M03/sKDrXCLHxwDcquSP2c43Le03/9serjQBIztjRz6FkJez9D/hleyAXTBGLwwZUw9lA==",
 992 |       "dev": true,
 993 |       "dependencies": {
 994 |         "nopt": "~1.0.10"
 995 |       },
 996 |       "bin": {
 997 |         "nodetouch": "bin/nodetouch.js"
 998 |       }
 999 |     },
1000 |     "node_modules/type-is": {
1001 |       "version": "1.6.18",
1002 |       "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
1003 |       "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
1004 |       "dependencies": {
1005 |         "media-typer": "0.3.0",
1006 |         "mime-types": "~2.1.24"
1007 |       },
1008 |       "engines": {
1009 |         "node": ">= 0.6"
1010 |       }
1011 |     },
1012 |     "node_modules/undefsafe": {
1013 |       "version": "2.0.5",
1014 |       "resolved": "https://registry.npmjs.org/undefsafe/-/undefsafe-2.0.5.tgz",
1015 |       "integrity": "sha512-WxONCrssBM8TSPRqN5EmsjVrsv4A8X12J4ArBiiayv3DyyG3ZlIg6yysuuSYdZsVz3TKcTg2fd//Ujd4CHV1iA==",
1016 |       "dev": true
1017 |     },
1018 |     "node_modules/unpipe": {
1019 |       "version": "1.0.0",
1020 |       "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
1021 |       "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
1022 |       "engines": {
1023 |         "node": ">= 0.8"
1024 |       }
1025 |     },
1026 |     "node_modules/utils-merge": {
1027 |       "version": "1.0.1",
1028 |       "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
1029 |       "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==",
1030 |       "engines": {
1031 |         "node": ">= 0.4.0"
1032 |       }
1033 |     },
1034 |     "node_modules/vary": {
1035 |       "version": "1.1.2",
1036 |       "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
1037 |       "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
1038 |       "engines": {
1039 |         "node": ">= 0.8"
1040 |       }
1041 |     }
1042 |   }
1043 | }
1044 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "nodejs-openapi-image",
 3 |   "version": "1.0.0",
 4 |   "description": "Generate images using OpenAI",
 5 |   "main": "index.js",
 6 |   "scripts": {
 7 |     "start": "node index",
 8 |     "dev": "nodemon index"
 9 |   },
10 |   "keywords": [],
11 |   "author": "Brad Traversy",
12 |   "license": "MIT",
13 |   "dependencies": {
14 |     "dotenv": "^16.0.3",
15 |     "express": "^4.18.2",
16 |     "openai": "^3.1.0"
17 |   },
18 |   "devDependencies": {
19 |     "nodemon": "^2.0.20"
20 |   }
21 | }
22 | 


--------------------------------------------------------------------------------
/public/css/spinner.css:
--------------------------------------------------------------------------------
  1 | /* Spinner From: https://codepen.io/tbrownvisuals/pen/edGYvx */
  2 | .spinner {
  3 |   position: fixed;
  4 |   z-index: 999;
  5 |   height: 2em;
  6 |   width: 2em;
  7 |   overflow: show;
  8 |   margin: auto;
  9 |   top: 0;
 10 |   left: 0;
 11 |   bottom: 0;
 12 |   right: 0;
 13 |   display: none;
 14 | }
 15 | 
 16 | .show {
 17 |   display: block;
 18 | }
 19 | 
 20 | /* Transparent Overlay */
 21 | .spinner:before {
 22 |   content: '';
 23 |   display: block;
 24 |   position: fixed;
 25 |   top: 0;
 26 |   left: 0;
 27 |   width: 100%;
 28 |   height: 100%;
 29 |   background: radial-gradient(rgba(20, 20, 20, 0.8), rgba(0, 0, 0, 0.8));
 30 | 
 31 |   background: -webkit-radial-gradient(
 32 |     rgba(20, 20, 20, 0.8),
 33 |     rgba(0, 0, 0, 0.8)
 34 |   );
 35 | }
 36 | 
 37 | /* :not(:required) hides these rules from IE9 and below */
 38 | .spinner:not(:required) {
 39 |   /* hide "loading..." text */
 40 |   font: 0/0 a;
 41 |   color: transparent;
 42 |   text-shadow: none;
 43 |   background-color: transparent;
 44 |   border: 0;
 45 | }
 46 | 
 47 | .spinner:not(:required):after {
 48 |   content: '';
 49 |   display: block;
 50 |   font-size: 10px;
 51 |   width: 1em;
 52 |   height: 1em;
 53 |   margin-top: -0.5em;
 54 |   -webkit-animation: spinner 150ms infinite linear;
 55 |   -moz-animation: spinner 150ms infinite linear;
 56 |   -ms-animation: spinner 150ms infinite linear;
 57 |   -o-animation: spinner 150ms infinite linear;
 58 |   animation: spinner 150ms infinite linear;
 59 |   border-radius: 0.5em;
 60 |   -webkit-box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0,
 61 |     rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0,
 62 |     rgba(255, 255, 255, 0.75) 0 1.5em 0 0,
 63 |     rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0,
 64 |     rgba(255, 255, 255, 0.75) -1.5em 0 0 0,
 65 |     rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0,
 66 |     rgba(255, 255, 255, 0.75) 0 -1.5em 0 0,
 67 |     rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
 68 |   box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0,
 69 |     rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0,
 70 |     rgba(255, 255, 255, 0.75) 0 1.5em 0 0,
 71 |     rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0,
 72 |     rgba(255, 255, 255, 0.75) -1.5em 0 0 0,
 73 |     rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0,
 74 |     rgba(255, 255, 255, 0.75) 0 -1.5em 0 0,
 75 |     rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
 76 | }
 77 | 
 78 | /* Animation */
 79 | 
 80 | @-webkit-keyframes spinner {
 81 |   0% {
 82 |     -webkit-transform: rotate(0deg);
 83 |     -moz-transform: rotate(0deg);
 84 |     -ms-transform: rotate(0deg);
 85 |     -o-transform: rotate(0deg);
 86 |     transform: rotate(0deg);
 87 |   }
 88 |   100% {
 89 |     -webkit-transform: rotate(360deg);
 90 |     -moz-transform: rotate(360deg);
 91 |     -ms-transform: rotate(360deg);
 92 |     -o-transform: rotate(360deg);
 93 |     transform: rotate(360deg);
 94 |   }
 95 | }
 96 | @-moz-keyframes spinner {
 97 |   0% {
 98 |     -webkit-transform: rotate(0deg);
 99 |     -moz-transform: rotate(0deg);
100 |     -ms-transform: rotate(0deg);
101 |     -o-transform: rotate(0deg);
102 |     transform: rotate(0deg);
103 |   }
104 |   100% {
105 |     -webkit-transform: rotate(360deg);
106 |     -moz-transform: rotate(360deg);
107 |     -ms-transform: rotate(360deg);
108 |     -o-transform: rotate(360deg);
109 |     transform: rotate(360deg);
110 |   }
111 | }
112 | @-o-keyframes spinner {
113 |   0% {
114 |     -webkit-transform: rotate(0deg);
115 |     -moz-transform: rotate(0deg);
116 |     -ms-transform: rotate(0deg);
117 |     -o-transform: rotate(0deg);
118 |     transform: rotate(0deg);
119 |   }
120 |   100% {
121 |     -webkit-transform: rotate(360deg);
122 |     -moz-transform: rotate(360deg);
123 |     -ms-transform: rotate(360deg);
124 |     -o-transform: rotate(360deg);
125 |     transform: rotate(360deg);
126 |   }
127 | }
128 | @keyframes spinner {
129 |   0% {
130 |     -webkit-transform: rotate(0deg);
131 |     -moz-transform: rotate(0deg);
132 |     -ms-transform: rotate(0deg);
133 |     -o-transform: rotate(0deg);
134 |     transform: rotate(0deg);
135 |   }
136 |   100% {
137 |     -webkit-transform: rotate(360deg);
138 |     -moz-transform: rotate(360deg);
139 |     -ms-transform: rotate(360deg);
140 |     -o-transform: rotate(360deg);
141 |     transform: rotate(360deg);
142 |   }
143 | }
144 | 


--------------------------------------------------------------------------------
/public/css/style.css:
--------------------------------------------------------------------------------
  1 | @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;700&display=swap');
  2 | 
  3 | *,
  4 | *:before,
  5 | *:after {
  6 |   box-sizing: border-box;
  7 |   margin: 0;
  8 |   padding: 0;
  9 | }
 10 | 
 11 | :root {
 12 |   --primary-color: #f9b64d;
 13 | }
 14 | 
 15 | body {
 16 |   font-family: 'Poppins', sans-serif;
 17 |   font-size: 16px;
 18 |   line-height: 1.5;
 19 |   color: #333;
 20 |   background: #f4f4f4;
 21 | }
 22 | 
 23 | /* Navbar */
 24 | .navbar {
 25 |   background: #333;
 26 |   color: #fff;
 27 |   padding: 1rem;
 28 |   display: flex;
 29 |   justify-content: space-between;
 30 |   align-items: center;
 31 | }
 32 | 
 33 | .navbar ul {
 34 |   list-style: none;
 35 |   display: flex;
 36 | }
 37 | 
 38 | .navbar ul li {
 39 |   margin-left: 1rem;
 40 | }
 41 | 
 42 | .navbar a {
 43 |   color: #fff;
 44 |   text-decoration: none;
 45 |   font-size: 1.2rem;
 46 | }
 47 | 
 48 | .navbar a:hover {
 49 |   color: var(--primary-color);
 50 | }
 51 | 
 52 | /* Showcase */
 53 | .showcase {
 54 |   height: 450px;
 55 |   width: 100%;
 56 |   background: var(--primary-color);
 57 | }
 58 | 
 59 | .showcase h1 {
 60 |   font-size: 2.5rem;
 61 |   color: #333;
 62 |   text-align: center;
 63 |   padding: 1rem 0;
 64 | }
 65 | 
 66 | .showcase form {
 67 |   display: flex;
 68 |   align-items: center;
 69 |   justify-content: center;
 70 |   flex-direction: column;
 71 |   height: 100%;
 72 |   width: 100%;
 73 | }
 74 | 
 75 | .showcase form input,
 76 | form select {
 77 |   font-size: 20px;
 78 |   width: 500px;
 79 |   max-width: 500px;
 80 |   padding: 1rem;
 81 |   border: 1px solid #ccc;
 82 |   border-radius: 5px;
 83 |   margin-bottom: 1rem;
 84 | }
 85 | 
 86 | form button {
 87 |   font-size: 20px;
 88 |   padding: 1rem 2rem;
 89 |   border: none;
 90 |   border-radius: 5px;
 91 |   background: #333;
 92 |   color: #fff;
 93 |   cursor: pointer;
 94 |   margin-top: 20px;
 95 | }
 96 | 
 97 | form button:hover {
 98 |   transform: scale(1.1);
 99 | }
100 | 
101 | /* Image */
102 | 
103 | .image {
104 |   width: 100%;
105 |   margin-top: 2rem;
106 | }
107 | 
108 | img {
109 |   display: block;
110 |   margin: auto;
111 | }
112 | 
113 | .msg {
114 |   font-size: 1.6rem;
115 |   text-align: center;
116 |   margin-top: 1rem;
117 | }
118 | 


--------------------------------------------------------------------------------
/public/img/screen.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bradtraversy/nodejs-openai-image/41e1bf0862f00e5004b2538337b647247d2b676b/public/img/screen.png


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="UTF-8" />
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 7 |     <link rel="stylesheet" href="css/style.css" />
 8 |     <link rel="stylesheet" href="css/spinner.css" />
 9 | 
10 |     <script src="js/main.js" defer></script>
11 |     <title>OpenAI Image Genrator</title>
12 |   </head>
13 |   <body>
14 |     <header>
15 |       <div class="navbar">
16 |         <div class="logo">
17 |           <h2>OpenAI Image Genrator</h2>
18 |         </div>
19 |         <div class="nav-links">
20 |           <ul>
21 |             <li>
22 |               <a href="https://beta.openai.com/docs" target="_blank"
23 |                 >OpenAI API Docs</a
24 |               >
25 |             </li>
26 |           </ul>
27 |         </div>
28 |       </div>
29 |     </header>
30 | 
31 |     <main>
32 |       <section class="showcase">
33 |         <form id="image-form">
34 |           <h1>Describe An Image</h1>
35 |           <div class="form-control">
36 |             <input type="text" id="prompt" placeholder="Enter Text" />
37 |           </div>
38 |           <!-- size -->
39 |           <div class="form-control">
40 |             <select name="size" id="size">
41 |               <option value="small">Small</option>
42 |               <option value="medium" selected>Medium</option>
43 |               <option value="large">Large</option>
44 |             </select>
45 |           </div>
46 |           <button type="submit" class="btn">Generate</button>
47 |         </form>
48 |       </section>
49 | 
50 |       <section class="image">
51 |         <div class="image-container">
52 |           <h2 class="msg"></h2>
53 |           <img src="" alt="" id="image" />
54 |         </div>
55 |       </section>
56 |     </main>
57 | 
58 |     <div class="spinner"></div>
59 |   </body>
60 | </html>
61 | 


--------------------------------------------------------------------------------
/public/js/main.js:
--------------------------------------------------------------------------------
 1 | function onSubmit(e) {
 2 |   e.preventDefault();
 3 | 
 4 |   document.querySelector('.msg').textContent = '';
 5 |   document.querySelector('#image').src = '';
 6 | 
 7 |   const prompt = document.querySelector('#prompt').value;
 8 |   const size = document.querySelector('#size').value;
 9 | 
10 |   if (prompt === '') {
11 |     alert('Please add some text');
12 |     return;
13 |   }
14 | 
15 |   generateImageRequest(prompt, size);
16 | }
17 | 
18 | async function generateImageRequest(prompt, size) {
19 |   try {
20 |     showSpinner();
21 | 
22 |     const response = await fetch('/openai/generateimage', {
23 |       method: 'POST',
24 |       headers: {
25 |         'Content-Type': 'application/json',
26 |       },
27 |       body: JSON.stringify({
28 |         prompt,
29 |         size,
30 |       }),
31 |     });
32 | 
33 |     if (!response.ok) {
34 |       removeSpinner();
35 |       throw new Error('That image could not be generated');
36 |     }
37 | 
38 |     const data = await response.json();
39 |     // console.log(data);
40 | 
41 |     const imageUrl = data.data;
42 | 
43 |     document.querySelector('#image').src = imageUrl;
44 | 
45 |     removeSpinner();
46 |   } catch (error) {
47 |     document.querySelector('.msg').textContent = error;
48 |   }
49 | }
50 | 
51 | function showSpinner() {
52 |   document.querySelector('.spinner').classList.add('show');
53 | }
54 | 
55 | function removeSpinner() {
56 |   document.querySelector('.spinner').classList.remove('show');
57 | }
58 | 
59 | document.querySelector('#image-form').addEventListener('submit', onSubmit);
60 | 


--------------------------------------------------------------------------------
/readme.md:
--------------------------------------------------------------------------------
 1 | # OpenAI Image Generator
 2 | 
 3 | This is a simple image generator built with Node.js and Express that uses [OpenAI's Dall-E models](https://beta.openai.com/docs/guides/images) to generate images.
 4 | 
 5 | <img src="public/img/screen.png" width="500">
 6 | 
 7 | ## Usage
 8 | 
 9 | Rename the `example.env` file to `.env`.
10 | 
11 | Generate an API KEY at [OpenAI](https://beta.openai.com/) and add it to the `.env` file.
12 | 
13 | Install the dependencies
14 | 
15 | ```bash
16 | npm install
17 | ```
18 | 
19 | Run server
20 | 
21 | ```bash
22 | npm start
23 | ```
24 | 
25 | Visit `http://localhost:5000` in your browser.
26 | 
27 | The endpoint is at `POST http://localhost:5000/openai/generateimage`.
28 | 


--------------------------------------------------------------------------------
/routes/openaiRoutes.js:
--------------------------------------------------------------------------------
1 | const express = require('express');
2 | const { generateImage } = require('../controllers/openaiController');
3 | const router = express.Router();
4 | 
5 | router.post('/generateimage', generateImage);
6 | 
7 | module.exports = router;
8 | 


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