${data.label}
`; 23 | option.className = "option-container"; 24 | option.targetType = type; 25 | option.targetId = id; 26 | option.zoneId = zoneId; 27 | 28 | option.addEventListener("click", onClick); 29 | optionsWrapper.appendChild(option); 30 | } 31 | -------------------------------------------------------------------------------- /[ox]/ox_target/web/js/fetchNui.js: -------------------------------------------------------------------------------- 1 | const resource = GetParentResourceName(); 2 | 3 | export async function fetchNui(eventName, data) { 4 | const resp = await fetch(`https://${resource}/${eventName}`, { 5 | method: 'post', 6 | headers: { 7 | 'Content-Type': 'application/json; charset=UTF-8', 8 | }, 9 | body: JSON.stringify(data), 10 | }); 11 | 12 | return await resp.json(); 13 | } 14 | -------------------------------------------------------------------------------- /[ox]/ox_target/web/js/main.js: -------------------------------------------------------------------------------- 1 | import { createOptions } from "./createOptions.js"; 2 | 3 | const optionsWrapper = document.getElementById("options-wrapper"); 4 | const body = document.body; 5 | const eye = document.getElementById("eyeSvg"); 6 | 7 | window.addEventListener("message", (event) => { 8 | optionsWrapper.innerHTML = ""; 9 | 10 | switch (event.data.event) { 11 | case "visible": { 12 | body.style.visibility = event.data.state ? "visible" : "hidden"; 13 | return eye.classList.remove("eye-hover"); 14 | } 15 | 16 | case "leftTarget": { 17 | return eye.classList.remove("eye-hover"); 18 | } 19 | 20 | case "setTarget": { 21 | eye.classList.add("eye-hover"); 22 | 23 | if (event.data.options) { 24 | for (const type in event.data.options) { 25 | event.data.options[type].forEach((data, id) => { 26 | createOptions(type, data, id + 1); 27 | }); 28 | } 29 | } 30 | 31 | if (event.data.zones) { 32 | for (let i = 0; i < event.data.zones.length; i++) { 33 | event.data.zones[i].forEach((data, id) => { 34 | createOptions("zones", data, id + 1, i + 1); 35 | }); 36 | } 37 | } 38 | } 39 | } 40 | }); 41 | -------------------------------------------------------------------------------- /oxmysql/build.js: -------------------------------------------------------------------------------- 1 | const { build } = require('esbuild'); 2 | 3 | build({ 4 | entryPoints: ['./src/index.ts'], 5 | outfile: 'dist/build.js', 6 | bundle: true, 7 | platform: 'node', 8 | logLevel: 'info', 9 | }); 10 | -------------------------------------------------------------------------------- /oxmysql/fxmanifest.lua: -------------------------------------------------------------------------------- 1 | fx_version 'cerulean' 2 | game 'common' 3 | 4 | name 'oxmysql' 5 | description 'Database wrapper for FXServer utilising node-mysql2 offering improved performance and security.' 6 | version '2.7.4' 7 | url 'https://github.com/overextended/oxmysql' 8 | author 'overextended' 9 | 10 | dependencies { 11 | '/server:5104', 12 | } 13 | 14 | client_script 'ui.lua' 15 | server_script 'dist/build.js' 16 | 17 | files { 18 | 'web/build/index.html', 19 | 'web/build/**/*' 20 | } 21 | 22 | ui_page 'web/build/index.html' 23 | 24 | provide 'mysql-async' 25 | provide 'ghmattimysql' 26 | 27 | convar_category 'OxMySQL' { 28 | 'Configuration', 29 | { 30 | { 'Connection string', 'mysql_connection_string', 'CV_STRING', 'mysql://user:password@localhost/database' }, 31 | { 'Debug', 'mysql_debug', 'CV_BOOL', 'false' } 32 | } 33 | } 34 | -------------------------------------------------------------------------------- /oxmysql/lerna.json: -------------------------------------------------------------------------------- 1 | { 2 | "packages": ["web"], 3 | "npmClient": "pnpm", 4 | "version": "0.0.0" 5 | } 6 | -------------------------------------------------------------------------------- /oxmysql/lib/README.md: -------------------------------------------------------------------------------- 1 | # OxMySQL exports wrapper for FiveM 2 | 3 | Types are fully supported and you will get intellisense on the `oxmysql` object when using it. 4 | 5 | ## Installation 6 | 7 | ```yaml 8 | # With pnpm 9 | pnpm add @overextended/oxmysql 10 | 11 | # With Yarn 12 | yarn add @overextended/oxmysql 13 | 14 | # With npm 15 | npm install @overextended/oxmysql 16 | ``` 17 | 18 | ## Usage 19 | 20 | Import as module: 21 | 22 | ```js 23 | import { oxmysql } from '@overextended/oxmysql'; 24 | ``` 25 | 26 | Import with require: 27 | 28 | ```js 29 | const { oxmysql } = require('@overextended/oxmysql'); 30 | ``` 31 | 32 | ## Documentation 33 | 34 | [View documentation](https://overextended.github.io/docs/oxmysql) 35 | 36 | ```js 37 | oxmysql.scalar('SELECT username FROM users', (result) => { 38 | console.log(result) 39 | }).catch(console.error) 40 | 41 | oxmysql.scalar('SELECT username FROM users').then((result) => { 42 | console.log(result) 43 | }).catch(console.error) 44 | 45 | const result = await oxmysql.scalar('SELECT username FROM users').catch(console.error) 46 | console.log(result) 47 | ``` 48 | 49 | ## License 50 | 51 | LGPL-3.0 52 | -------------------------------------------------------------------------------- /oxmysql/lib/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "@overextended/oxmysql", 3 | "version": "1.3.0", 4 | "description": "Exports wrapper for oxmysql", 5 | "types": "MySQL.d.ts", 6 | "main": "MySQL.js", 7 | "scripts": { 8 | "prepublish": "tsc" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "git+https://github.com/overextended/oxmysql.git" 13 | }, 14 | "keywords": [ 15 | "fivem", 16 | "oxmysql", 17 | "sql" 18 | ], 19 | "author": "Overextended", 20 | "license": "LGPL-3.0", 21 | "bugs": { 22 | "url": "https://github.com/overextended/oxmysql/issues" 23 | }, 24 | "homepage": "https://github.com/overextended/oxmysql#readme" 25 | } 26 | -------------------------------------------------------------------------------- /oxmysql/lib/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "baseUrl": ".", 4 | "outDir": ".", 5 | "strict": true, 6 | "module": "CommonJS", 7 | "types": ["@citizenfx/server", "@types/node"], 8 | "declaration": true, 9 | "sourceMap": true, 10 | "target": "ESNext", 11 | "allowJs": true, 12 | "lib": ["ESNext"], 13 | "noEmitOnError": false, 14 | "resolveJsonModule": true, 15 | "esModuleInterop": true, 16 | "rootDir": ".", 17 | "moduleResolution": "node", 18 | "experimentalDecorators": true, 19 | "noImplicitAny": false, 20 | "noEmit": false 21 | }, 22 | "include": ["MySQL.ts"], 23 | "exclude": ["**/node_modules"] 24 | } 25 | -------------------------------------------------------------------------------- /oxmysql/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "oxmysql", 3 | "version": "2.3.4", 4 | "description": "FXServer to MySQL communication via node-mysql2", 5 | "repository": "git@github.com:overextended/oxmysql.git", 6 | "author": "dunak-debug <19434539+dunak-debug@users.noreply.github.com>", 7 | "license": "LGPL-3.0-or-later", 8 | "main": "lib/MySQL.js", 9 | "types": "lib/MySQL.d.ts", 10 | "files": [ 11 | "lib/MySQL.js", 12 | "lib/MySQL.d.ts" 13 | ], 14 | "scripts": { 15 | "build": "pnpm build:root && lerna run build", 16 | "build:root": "node build.js && cd lib && tsc", 17 | "watch": "esbuild --watch --bundle --platform=node --target=node16.9.1 src/index.ts --outfile=dist/build.js", 18 | "lib": "tsc --project lib/tsconfig.lib.json", 19 | "bootstrap": "lerna bootstrap", 20 | "postinstall": "patch-package && pnpm bootstrap" 21 | }, 22 | "dependencies": { 23 | "@citizenfx/server": "2.0.5132-1", 24 | "@milahu/patch-package": "^6.4.14", 25 | "@types/node": "^17.0.45", 26 | "mysql2": "^3.5.1", 27 | "named-placeholders": "^1.1.3", 28 | "node-fetch": "^3.3.1", 29 | "prettier": "^2.8.8" 30 | }, 31 | "devDependencies": { 32 | "esbuild": "^0.14.54", 33 | "lerna": "^4.0.0", 34 | "postinstall-postinstall": "^2.1.0", 35 | "pretty-quick": "^3.1.3", 36 | "typescript": "^4.9.5" 37 | } 38 | } 39 | -------------------------------------------------------------------------------- /oxmysql/src/database/index.ts: -------------------------------------------------------------------------------- 1 | import { createPool, Pool, RowDataPacket } from 'mysql2/promise'; 2 | import { connectionOptions, mysql_transaction_isolation_level, setDebug } from '../config'; 3 | 4 | let pool: Pool; 5 | let isServerConnected = false; 6 | let dbVersion = ''; 7 | 8 | export async function waitForConnection() { 9 | if (!isServerConnected) { 10 | return await new Promise{route.params.resource}
18 |Queries: {$resourceData.resourceQueriesCount}
20 |Time: {$resourceData.resourceTime.toFixed(4)} ms
21 |Slow queries: {$resourceData.resourceSlowQueries}
22 |(events: DebugEvent
[], timer = 1000): void => {
16 | if (isEnvBrowser()) {
17 | for (const event of events) {
18 | setTimeout(() => {
19 | window.dispatchEvent(
20 | new MessageEvent('message', {
21 | data: {
22 | action: event.action,
23 | data: event.data,
24 | },
25 | })
26 | );
27 | }, timer);
28 | }
29 | }
30 | };
31 |
--------------------------------------------------------------------------------
/oxmysql/web/src/utils/fetchNui.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * @param eventName - The endpoint eventname to target
3 | * @param data - Data you wish to send in the NUI Callback
4 | *
5 | * @return returnData - A promise for the data sent back by the NuiCallbacks CB argument
6 | */
7 |
8 | export async function fetchNui