EXP
12/12/2030
',i1=U(),q=a("span"),S=a("h1"),S.textContent="DOB",u1=U(),Z1=a("h1"),Z1.textContent=`${n[3]}`,j=U(),l1=a("span"),o1=a("h1"),o1.textContent="SEX",t1=U(),k=a("h1"),k.textContent=`${n[4].split("")[0]}`,G1=U(),K&&K.c(),_=U(),A1&&A1.c(),H1=U(),n1&&n1.c(),A(z,"class","absolute text-txt-secondary text brightness-75 -z-10 whitespace-nowrap svelte-15qab3g"),A(P,"class","uppercase text-txt-secondary font-bold tracking-[0.25vh] text-[2.5vh] grid place-items-center whitespace-nowrap"),A(M,"class","uppercase txt-primary opacity-80 font-bold text-[1.5vh] whitespace-nowrap leading-[1vh]"),A(o,"class","flex flex-col items-center justify-between gap-0"),Z2(p,"background-image","url("+n[5]+")"),A(p,"class","w-full h-full bg-center bg-contain bg-no-repeat grid place-items-center z-10"),Z2(W,"background-image","url("+n[5]+")"),A(W,"class","w-1/2 h-1/2 rounded-full bg-center bg-contain bg-no-repeat grid place-items-center z-0 absolute blur-[1vh]"),A(u,"class","grid place-items-center w-[10vh] h-[10vh] left-[0.5vw] rounded-full overflow-hidden absolute top-1/2 -translate-y-1/2"),A(d,"class","text-[1.2vh] text-txt-primary opacity-80"),A(N,"class","text-[1.5vh] text-txt-primary leading-[1vh]"),A(v,"class","flex flex-col gap-0 items-start justify-center"),A(R,"class","text-[1.2vh] text-txt-primary opacity-80"),A(L,"class","text-[1.75vh] text-txt-primary leading-[1vh]"),A(m,"class","flex flex-col gap-0 items-start justify-center"),A(l,"class","text-[1.2vh] text-txt-primary opacity-80"),A(Q,"class","text-[1.75vh] text-txt-primary leading-[1vh]"),A(D,"class","flex flex-col gap-0 items-start justify-center"),A(Z,"class","flex flex-col items-start justify-center gap-[1vh]"),A(I,"class","flex flex-col gap-0 items-start justify-center"),A(S,"class","text-[1.2vh] text-txt-primary opacity-80"),A(Z1,"class","text-[1.5vh] text-txt-primary leading-[1vh]"),A(q,"class","flex flex-col gap-0 items-start justify-center"),A(o1,"class","text-[1.2vh] text-txt-primary opacity-80"),A(k,"class","text-[1.5vh] text-txt-primary leading-[1vh]"),A(l1,"class","flex flex-col gap-0 items-start justify-center"),A(C1,"class","flex flex-col items-start justify-center gap-[1vh]"),A(H,"class","flex flex-row w-[18vh] h-full items-start justify-between uppercase roboto-condensed-bold overflow-visible absolute right-[2vh] top-[5.5vh]"),A(B,"class","w-full h-full flex flex-col z-10"),A(C,"class","aspect-ratio h-[20vh] bg absolute top-1/4 right-1/4 rounded-[2vh] overflow-hidden grid place-items-center py-[0vh] svelte-15qab3g")},m(c,X1){N1(c,C,X1),n2(r,C,null),e(C,g),n2(f,C,null),e(C,w),e(C,B),e(B,o),e(o,P),e(P,s),e(P,X),e(P,z),e(o,G),e(o,M),e(B,Y),n2(O,B,null),e(B,i),e(B,u),e(u,p),e(u,b),e(u,W),e(B,F),e(B,H),e(H,Z),e(Z,v),e(v,d),e(v,e1),e(v,N),e(Z,V),e(Z,m),e(m,R),e(m,x),e(m,L),e(Z,$),e(Z,D),e(D,l),e(D,y),e(D,Q),e(H,z1),e(H,C1),e(C1,I),e(C1,i1),e(C1,q),e(q,S),e(q,u1),e(q,Z1),e(C1,j),e(C1,l1),e(l1,o1),e(l1,t1),e(l1,k),e(B,G1),K&&K.m(B,null),e(B,_),A1&&A1.m(B,null),e(B,H1),n1&&n1.m(B,null),T=!0},p(c,[X1]){c[9]&&K.p(c,X1),c[10]&&n1.p(c,X1)},i(c){T||(b1(r.$$.fragment,c),b1(f.$$.fragment,c),b1(O.$$.fragment,c),b1(A1),T=!0)},o(c){I1(r.$$.fragment,c),I1(f.$$.fragment,c),I1(O.$$.fragment,c),I1(A1),T=!1},d(c){c&&j1(C),r2(r),r2(f),r2(O),K&&K.d(),A1&&A1.d(),n1&&n1.d()}}}function xA(n,C,r){let g,f;d2(n,T2,i=>r(11,g=i)),d2(n,u2,i=>r(12,f=i));let{id:w,firstName:B,lastName:o,dob:P,sex:s,imageURL:X}=f,{title:z,label:G,stamp:M,profileStamp:Y,signature:O}=g;return[w,B,o,P,s,X,z,G,M,Y,O]}class yA extends g2{constructor(C){super(),f2(this,C,xA,VA,S1,{})}}function p2(n){let C,r,g;return r=new yA({}),{c(){C=a("main"),o2(r.$$.fragment),A(C,"class","svelte-1w09ye1")},m(f,w){N1(f,C,w),n2(r,C,null),g=!0},i(f){g||(b1(r.$$.fragment,f),g=!0)},o(f){I1(r.$$.fragment,f),g=!1},d(f){f&&j1(C),r2(r)}}}function bA(n){let C,r,g,f=n[0]&&p2(),w=!1;return{c(){f&&f.c(),C=U(),r=AA()},m(B,o){f&&f.m(B,o),N1(B,C,o),N1(B,r,o),g=!0},p(B,[o]){B[0]?f?o&1&&b1(f,1):(f=p2(),f.c(),b1(f,1),f.m(C.parentNode,C)):f&&(gA(),I1(f,1,1,()=>{f=null}),wA())},i(B){g||(b1(f),b1(w),g=!0)},o(B){I1(f),I1(w),g=!1},d(B){B&&(j1(C),j1(r)),f&&f.d(B)}}}function NA(n,C,r){let g,f;return d2(n,u2,w=>r(0,g=w)),d2(n,U2,w=>r(1,f=w)),E2.set({fallbackResourceName:"bl_idcard",allowEscapeKey:!1}),DA(),K2(()=>{k2(x2.loaded)}),[g,f]}class mA extends g2{constructor(C){super(),f2(this,C,NA,bA,S1,{})}}new mA({target:document.getElementById("app")}); diff --git a/resources/[tools]/bl_idcard/build/profileGradient.png b/resources/[tools]/bl_idcard/build/profileGradient.png new file mode 100644 index 000000000..95569a63e Binary files /dev/null and b/resources/[tools]/bl_idcard/build/profileGradient.png differ diff --git a/resources/[tools]/bl_idcard/client/events.lua b/resources/[tools]/bl_idcard/client/events.lua new file mode 100644 index 000000000..c7b2b59bb --- /dev/null +++ b/resources/[tools]/bl_idcard/client/events.lua @@ -0,0 +1,14 @@ +local Events = {} + +Events.Receive = { + loaded = 'idcard:loaded', + resolveBaseUrl = 'idcard:resolveBaseUrl', +} + +Events.Send = { + requestBaseUrl = 'idcard:requestBaseUrl', + cardData = 'idcard:data', + config = 'idcard:config', +} + +return Events \ No newline at end of file diff --git a/resources/[tools]/bl_idcard/client/init.lua b/resources/[tools]/bl_idcard/client/init.lua new file mode 100644 index 000000000..3f331e265 --- /dev/null +++ b/resources/[tools]/bl_idcard/client/init.lua @@ -0,0 +1,94 @@ +local utils = require "client.utils" +local events = require "client.events" +local config = require "shared.config" +local callback = lib.callback +local Send, Receive = events.Send, events.Receive +local isCardOpen = false +local cardObject = 0 + +---@param data IDInfo +local function openCardPopup(data) + isCardOpen = true + utils.SendNUIEvent(Send.cardData, data) +end + +local function clearPed() + local anim = config.animation + local ped = cache.ped + if DoesEntityExist(cardObject) then + SetEntityAsMissionEntity(cardObject, true, true) + DeleteEntity(cardObject) + cardObject = 0 + end + if IsEntityPlayingAnim(ped, anim.dict, anim.clip, 3) then + StopAnimTask(ped, anim.dict, anim.clip, 1.0) + end +end + +local function closeCardPopup() + isCardOpen = false + clearPed() + utils.SendNUIEvent(Send.cardData, nil) +end + +---@param data IDInfo +RegisterNetEvent('bl_idcard:open', function(data) + openCardPopup(data) + + local popupConfig = config.popup + if popupConfig.autoclose ~= 0 then + SetTimeout(popupConfig.autoclose, function() + closeCardPopup() + end) + end +end) + +RegisterNUICallback(Receive.loaded, function(_, cb) + cb(1) + utils.SendNUIEvent(Send.config, config.idTypes) +end) + +callback.register('bl_idcard:use', function(itemName) + if isCardOpen then return end + local configType = config.items[itemName] + local ped = cache.ped + local prop = configType.prop + if prop then + local playerCoords = GetEntityCoords(ped) + cardObject = CreateObject(prop, playerCoords.x, playerCoords.y, playerCoords.z + 0.2, true, true, true) + local bone = GetPedBoneIndex(ped, 57005) + AttachEntityToEntity(cardObject, ped, bone, 0.1000, 0.0200, -0.0300, -90.000, 170.000, 78.999, true, true, false, true, 1, true) + SetModelAsNoLongerNeeded(cardObject) + end + + if not cache.vehicle then + local anim = config.animation + if anim then + lib.requestAnimDict(anim.dict) + TaskPlayAnim(ped, anim.dict, anim.clip, 1.0, 1.0, 10000, 63, 0.0, false, false, false) + end + end + + SetTimeout(3000, function() + clearPed() + end) + + local target = utils.GetPlayerLookingAt() + + if not target then + Framework.notify({ + title = "Nobody around", + description = "Look at who you want to show it to." + }) + return cache.serverId + end + + return target +end) + +callback.register('bl_idcard:cb:getMugShot', utils.GetMugShot) + +RegisterCommand('closeidcard', closeCardPopup, false) + +RegisterKeyMapping('closeidcard', 'Close ID Card Popup', 'keyboard', config.popup.key) + diff --git a/resources/[tools]/bl_idcard/client/utils.lua b/resources/[tools]/bl_idcard/client/utils.lua new file mode 100644 index 000000000..d1a673d5d --- /dev/null +++ b/resources/[tools]/bl_idcard/client/utils.lua @@ -0,0 +1,58 @@ +local Utils = {} +local events = require "client.events" +local promiseId = nil + +--- Used to send NUI events to the UI +--- @param action string +--- @param data any +function Utils.SendNUIEvent(action, data) + SendNUIMessage({ + action = action, + data = data + }) +end + +RegisterNUICallback(events.Receive.resolveBaseUrl, function(url, cb) + if not promiseId then return end + promiseId:resolve(url) + promiseId = nil + cb(1) +end) + +function Utils.GetMugShot() + if promiseId then return end + + local ped = cache.ped + local oldMask = GetPedDrawableVariation(ped, 1) + local hasMask = oldMask ~= 0 + + if hasMask then + SetPedComponentVariation(ped, 1, 0, 0, 2) + end + + local headShotHandle = RegisterPedheadshotTransparent(ped) or RegisterPedheadshot_3(ped) + if not lib.waitFor(function() + if IsPedheadshotReady(headShotHandle) and IsPedheadshotValid(headShotHandle) then return true end + end, 'couldn\'t load mugshot', 10000) then return end + + local headShotTxd = GetPedheadshotTxdString(headShotHandle) + Utils.SendNUIEvent(events.Send.requestBaseUrl, headShotTxd) + UnregisterPedheadshot(headShotHandle) + + if hasMask then + SetPedComponentVariation(ped, 1, oldMask, GetPedTextureVariation(ped, 1), 2) + end + + promiseId = promise.new() + return Citizen.Await(promiseId) +end + +function Utils.GetPlayerLookingAt() + local config = require "shared.config" + local playerId, entity = lib.getClosestPlayer(GetEntityCoords(cache.ped), config.range) + + if not playerId or not entity or not IsPedAPlayer(entity) then return end + return GetPlayerServerId(playerId) +end + +return Utils diff --git a/resources/[tools]/bl_idcard/fxmanifest.lua b/resources/[tools]/bl_idcard/fxmanifest.lua new file mode 100644 index 000000000..fa786052b --- /dev/null +++ b/resources/[tools]/bl_idcard/fxmanifest.lua @@ -0,0 +1,33 @@ +fx_version 'cerulean' + +game "gta5" + +author "Byte Labs" +version '1.5.0' +description 'Byte Labs ID Card' +repository 'https://github.com/Byte-Labs-Project/bl_idcard' + +lua54 'yes' + +dependency 'bl_bridge' +ui_page 'web/build/index.html' +-- ui_page 'http://localhost:3000/' --for dev + +shared_script '@ox_lib/init.lua' + +server_script { + '@bl_bridge/imports/server.lua', + 'server/init.lua' +} + +client_script { + '@bl_bridge/imports/client.lua', + 'client/init.lua', +} + +files { + 'web/mugshots/*.png', + 'web/build/**', + 'client/**', + 'shared/**' +} diff --git a/resources/[tools]/bl_idcard/images/driver_license.png b/resources/[tools]/bl_idcard/images/driver_license.png new file mode 100644 index 000000000..1dbf5f55c Binary files /dev/null and b/resources/[tools]/bl_idcard/images/driver_license.png differ diff --git a/resources/[tools]/bl_idcard/images/id_card.png b/resources/[tools]/bl_idcard/images/id_card.png new file mode 100644 index 000000000..60b157aa4 Binary files /dev/null and b/resources/[tools]/bl_idcard/images/id_card.png differ diff --git a/resources/[tools]/bl_idcard/images/weaponlicense.png b/resources/[tools]/bl_idcard/images/weaponlicense.png new file mode 100644 index 000000000..996cb5990 Binary files /dev/null and b/resources/[tools]/bl_idcard/images/weaponlicense.png differ diff --git a/resources/[tools]/bl_idcard/preview.png b/resources/[tools]/bl_idcard/preview.png new file mode 100644 index 000000000..990fe8b2a Binary files /dev/null and b/resources/[tools]/bl_idcard/preview.png differ diff --git a/resources/[tools]/bl_idcard/readme.md b/resources/[tools]/bl_idcard/readme.md new file mode 100644 index 000000000..ebb7767aa --- /dev/null +++ b/resources/[tools]/bl_idcard/readme.md @@ -0,0 +1,94 @@ +# Byte Labs - ID Card +A customisable system with an immaculate ID card design for your FiveM server. + + + +Website: [Byte Labs](https://byte-labs.net) +Discord: [Byte Labs](https://discord.gg/fqsqSjZfxE) + + + + + + +## Features +- Customisable ID card design with a clean and modern look + +## Dependencies +- [bl_bridge](https://github.com/Byte-Labs-Project/bl_bridge) +- [ox_lib](https://github.com/overextended/ox_lib) + +## Installation +1. Download +2. Extract the `bl_idcard` folder to your resources directory +3. Add `ensure bl_idcard` to your server.cfg after bl_bridge +4. Follow [Docs](https://docs.byte-labs.net/bl_idcard) Instructions +4. Configure the `config.lua` to your liking + + +## Items +### OX Inventory +```lua + ["id_card"] = { + label = "ID Card", + weight = 0, + stack = false, + close = false, + description = "A card containing all your information to identify yourself", + }, + + ["driver_license"] = { + label = "Drivers License", + weight = 0, + stack = false, + close = false, + description = "Permit to show you can drive a vehicle", + }, + + ["weaponlicense"] = { + label = "Weapon License", + weight = 0, + stack = false, + close = true, + description = "Weapon License", + }, +``` + +### QB / QS / PS Inventory +```lua + ['id_card'] = { + name = 'id_card', + label = 'ID Card', + weight = 0, + type = 'item', + description = 'A card containing all your information to identify yourself', + unique = true, + useable = true, + image = 'id_card.png', + combinable = nil, + }, + + ['driver_license'] = { + name = 'driver_license', + label = 'Drivers License', + weight = 0, + type = 'item', + description = 'Permit to show you can drive a vehicle', + unique = true, + useable = true, + image = 'driver_license.png', + combinable = nil, + }, + + ['weaponlicense'] = { + name = 'weaponlicense', + label = 'Weapon License', + weight = 0, + type = 'item', + description = 'Weapon License', + unique = true, + useable = true, + image = 'weaponlicense.png', + combinable = nil, + }, +``` diff --git a/resources/[tools]/bl_idcard/server/decoder.lua b/resources/[tools]/bl_idcard/server/decoder.lua new file mode 100644 index 000000000..ba83518e5 --- /dev/null +++ b/resources/[tools]/bl_idcard/server/decoder.lua @@ -0,0 +1,29 @@ +local b = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/' +local resourcePath = GetResourcePath(cache.resource) +local imagePath = '/web/mugshots' + +local function base64Decode(data) + data = data:gsub('[^'..b..'=]', '') + return (data:gsub('.', function(x) + if x == '=' then return '' end + local r, f = '', (b:find(x) - 1) + for i = 6, 1, -1 do r = r .. (f % 2^i - f % 2^(i-1) > 0 and '1' or '0') end + return r + end):gsub('%d%d%d%d%d%d%d%d', function(x) + return string.char(tonumber(x, 2)) + end)) +end + +local function saveBase64AsPng(base64String, imageName) + local updatedPath = resourcePath:match("resources/.*") + local base64Data = base64String:gsub("^data:image/png;base64,", "") + local decodedData = base64Decode(base64Data) + local file = io.open(('%s/%s/%s.png'):format(updatedPath, imagePath, imageName), "wb") + if file then + file:write(decodedData) + file:close() + return true + end +end + +return saveBase64AsPng \ No newline at end of file diff --git a/resources/[tools]/bl_idcard/server/init.lua b/resources/[tools]/bl_idcard/server/init.lua new file mode 100644 index 000000000..54d0d5fda --- /dev/null +++ b/resources/[tools]/bl_idcard/server/init.lua @@ -0,0 +1,105 @@ +local config = require "shared.config" +local callback = lib.callback +local core = Framework.core +local unSavedMugshots = {} + +local function decodeBase(mugshot, itemImage) + local decodeBase64 = require'server.decoder' + decodeBase64(mugshot, itemImage) + return itemImage +end + +---comment +---@param source number +---@param licenses string | table The key in Config.items +local function createLicense(source, licenses) + if type(licenses) == 'string' then + licenses = {licenses} + end + + local mugshot = callback.await('bl_idcard:cb:getMugShot', source) + if not mugshot then + print('Mugshot for license creation not found. Source: ' .. source .. ' | ' .. GetPlayerName(source)) + return + end + + local player = core.GetPlayer(source) + local itemImage = decodeBase(mugshot, ('%s_mugshot'):format(player.id)) + + unSavedMugshots[itemImage] = mugshot + local playerCharInfo = player.charinfo + local charInfo = { + id = player.id, + dob = player.dob, + firstName = playerCharInfo.firstname, + lastName = playerCharInfo.lastname, + sex = player.gender, + imageURL = itemImage + } + + for _, license in ipairs(licenses) do + local configType = config.items[license] + + if configType then + local idType = configType.genderIdType and configType.genderIdType[charInfo.sex] or configType.idType + + charInfo.idType = idType + player.addItem(license, 1, charInfo) + return charInfo + else + print('License type not found in config: ' .. license) + end + end +end +exports('createLicense', createLicense) + +lib.addCommand('giveidcard', { + help = 'Gives an item to a player', + params = { + { + name = 'target', + type = 'playerId', + help = 'Target player\'s server id', + }, + { + name = 'license', + type = 'string', + help = 'License Name: [id_card, driver_license]', + }, + }, + restricted = not config.Debug and 'group.admin' +}, function(source, args, raw) + createLicense(args.target, args.license) +end) + +CreateThread(function() + local items = config.items + for k, v in pairs(items) do + core.RegisterUsableItem(k, function(source, slotId, metadata) + + local idType = metadata?.idType + local player + if not idType then + player = core.GetPlayer(source) + player.removeItem(k, 1) + metadata = createLicense(source, k) + end + + local target = callback.await('bl_idcard:use', source, k) + + if target and metadata then + local base64Code = metadata.imageURL + if base64Code and base64Code:find("data:image/png;base64") then + player = player or core.GetPlayer(source) + local itemImage = decodeBase(base64Code, ('%s_mugshot'):format(player.id)) + metadata.imageURL = itemImage + unSavedMugshots[itemImage] = base64Code + player.setMetaData(slotId, metadata) + end + + metadata.imageURL = unSavedMugshots[metadata.imageURL] or metadata.imageURL + TriggerClientEvent('bl_idcard:open', target, metadata) + end + end) + end +end) \ No newline at end of file diff --git a/resources/[tools]/bl_idcard/shared/config.lua b/resources/[tools]/bl_idcard/shared/config.lua new file mode 100644 index 000000000..e2762db99 --- /dev/null +++ b/resources/[tools]/bl_idcard/shared/config.lua @@ -0,0 +1,108 @@ +return { + Debug = true, + + items = { + ['id_card'] = { + prop = `prop_franklin_dl`, + genderIdType = { + female = 'female_id', + male = 'male_id' + } + }, + ['driver_license'] = { + prop = `prop_franklin_dl`, + idType = 'driver_license' + }, + + ['weaponlicense'] = { + prop = `prop_franklin_dl`, + idType = 'weapon_license' + }, + }, + + range = 2.0, -- Range to show the ped looking at + + popup = { + autoclose = 5000, -- 0 to disable + key = 'back', -- key to close the popup + }, + + animation = { + dict = 'paper_1_rcm_alt1-9', + clip = 'player_one_dual-9', + }, + + idTypes = { + driver_license = { + type = 'driver_license', + title = 'SAN ANDREAS', + titleColour = '#bdbdbd', + + label = 'DRIVER LICENSE', + + stamp = true, + profileStamp = false, + + signature = true, + + bgColour = '#000', + bgColourSecondary = '#000', + + textColour = '#FFF', + }, + + weapon_license = { + type = 'weapon_license', + title = 'SAN ANDREAS', + titleColour = '#ff4538', + + label = 'WEAPON LICENSE', + + stamp = true, + profileStamp = false, + + signature = true, + + bgColour = '#460000', + bgColourSecondary = '#E90000', + + textColour = '#FFF', + }, + + female_id = { + type = 'female_id', + title = 'SAN ANDREAS', + titleColour = '#F97C81', + + label = 'ID CARD', + + stamp = true, + profileStamp = true, + + signature = true, + + bgColour = '#f1e6db', + bgColourSecondary = '#ff75bc', + + textColour = '#323443', + }, + + male_id = { + type = 'male_id', + title = 'SAN ANDREAS', + titleColour = '#89B1FF', + + label = 'ID CARD', + + stamp = true, + profileStamp = true, + + signature = true, + + bgColour = '#E5FCFF', + bgColourSecondary = '#6FCBE9', + + textColour = '#323443', + }, + } +} \ No newline at end of file diff --git a/resources/[tools]/bl_idcard/web/.gitignore b/resources/[tools]/bl_idcard/web/.gitignore new file mode 100644 index 000000000..a547bf36d --- /dev/null +++ b/resources/[tools]/bl_idcard/web/.gitignore @@ -0,0 +1,24 @@ +# Logs +logs +*.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* +pnpm-debug.log* +lerna-debug.log* + +node_modules +dist +dist-ssr +*.local + +# Editor directories and files +.vscode/* +!.vscode/extensions.json +.idea +.DS_Store +*.suo +*.ntvs* +*.njsproj +*.sln +*.sw? diff --git a/resources/[tools]/bl_idcard/web/.prettierrc b/resources/[tools]/bl_idcard/web/.prettierrc new file mode 100644 index 000000000..d501ad65d --- /dev/null +++ b/resources/[tools]/bl_idcard/web/.prettierrc @@ -0,0 +1,13 @@ +{ + "tabWidth": 4, + "useTabs": false, + "singleQuote": true, + "trailingComma": "all", + "bracketSpacing": true, + "jsxBracketSameLine": false, + "arrowParens": "avoid", + "proseWrap": "always", + "semi": true, + "printWidth": 80, + "endOfLine": "auto" +} diff --git a/resources/[tools]/bl_idcard/web/README.md b/resources/[tools]/bl_idcard/web/README.md new file mode 100644 index 000000000..e6cd94fce --- /dev/null +++ b/resources/[tools]/bl_idcard/web/README.md @@ -0,0 +1,47 @@ +# Svelte + TS + Vite + +This template should help get you started developing with Svelte and TypeScript in Vite. + +## Recommended IDE Setup + +[VS Code](https://code.visualstudio.com/) + [Svelte](https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode). + +## Need an official Svelte framework? + +Check out [SvelteKit](https://github.com/sveltejs/kit#readme), which is also powered by Vite. Deploy anywhere with its serverless-first approach and adapt to various platforms, with out of the box support for TypeScript, SCSS, and Less, and easily-added support for mdsvex, GraphQL, PostCSS, Tailwind CSS, and more. + +## Technical considerations + +**Why use this over SvelteKit?** + +- It brings its own routing solution which might not be preferable for some users. +- It is first and foremost a framework that just happens to use Vite under the hood, not a Vite app. + +This template contains as little as possible to get started with Vite + TypeScript + Svelte, while taking into account the developer experience with regards to HMR and intellisense. It demonstrates capabilities on par with the other `create-vite` templates and is a good starting point for beginners dipping their toes into a Vite + Svelte project. + +Should you later need the extended capabilities and extensibility provided by SvelteKit, the template has been structured similarly to SvelteKit so that it is easy to migrate. + +**Why `global.d.ts` instead of `compilerOptions.types` inside `jsconfig.json` or `tsconfig.json`?** + +Setting `compilerOptions.types` shuts out all other types not explicitly listed in the configuration. Using triple-slash references keeps the default TypeScript setting of accepting type information from the entire workspace, while also adding `svelte` and `vite/client` type information. + +**Why include `.vscode/extensions.json`?** + +Other templates indirectly recommend extensions via the README, but this file allows VS Code to prompt the user to install the recommended extension upon opening the project. + +**Why enable `allowJs` in the TS template?** + +While `allowJs: false` would indeed prevent the use of `.js` files in the project, it does not prevent the use of JavaScript syntax in `.svelte` files. In addition, it would force `checkJs: false`, bringing the worst of both worlds: not being able to guarantee the entire codebase is TypeScript, and also having worse typechecking for the existing JavaScript. In addition, there are valid use cases in which a mixed codebase may be relevant. + +**Why is HMR not preserving my local component state?** + +HMR state preservation comes with a number of gotchas! It has been disabled by default in both `svelte-hmr` and `@sveltejs/vite-plugin-svelte` due to its often surprising behavior. You can read the details [here](https://github.com/rixo/svelte-hmr#svelte-hmr). + +If you have state that's important to retain within a component, consider creating an external store which would not be replaced by HMR. + +```ts +// store.ts +// An extremely simple external store +import { writable } from 'svelte/store' +export default writable(0) +``` diff --git a/resources/[tools]/bl_idcard/web/index.html b/resources/[tools]/bl_idcard/web/index.html new file mode 100644 index 000000000..77120ddf0 --- /dev/null +++ b/resources/[tools]/bl_idcard/web/index.html @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + +
+
+
+
diff --git a/resources/[tools]/bl_idcard/web/src/components/svgs/Backdrop.svelte b/resources/[tools]/bl_idcard/web/src/components/svgs/Backdrop.svelte
new file mode 100644
index 000000000..83cf74b3f
--- /dev/null
+++ b/resources/[tools]/bl_idcard/web/src/components/svgs/Backdrop.svelte
@@ -0,0 +1,137 @@
+
+
\ No newline at end of file
diff --git a/resources/[tools]/bl_idcard/web/src/components/svgs/Pattern.svelte b/resources/[tools]/bl_idcard/web/src/components/svgs/Pattern.svelte
new file mode 100644
index 000000000..393198e2b
--- /dev/null
+++ b/resources/[tools]/bl_idcard/web/src/components/svgs/Pattern.svelte
@@ -0,0 +1,38 @@
+
+
\ No newline at end of file
diff --git a/resources/[tools]/bl_idcard/web/src/components/svgs/PfpOverlay.svelte b/resources/[tools]/bl_idcard/web/src/components/svgs/PfpOverlay.svelte
new file mode 100644
index 000000000..43a955841
--- /dev/null
+++ b/resources/[tools]/bl_idcard/web/src/components/svgs/PfpOverlay.svelte
@@ -0,0 +1,115 @@
+
+
\ No newline at end of file
diff --git a/resources/[tools]/bl_idcard/web/src/components/svgs/PfpStamp.svelte b/resources/[tools]/bl_idcard/web/src/components/svgs/PfpStamp.svelte
new file mode 100644
index 000000000..1ef655aa9
--- /dev/null
+++ b/resources/[tools]/bl_idcard/web/src/components/svgs/PfpStamp.svelte
@@ -0,0 +1,9 @@
+
\ No newline at end of file
diff --git a/resources/[tools]/bl_idcard/web/src/components/svgs/Stamp.svelte b/resources/[tools]/bl_idcard/web/src/components/svgs/Stamp.svelte
new file mode 100644
index 000000000..8b637a110
--- /dev/null
+++ b/resources/[tools]/bl_idcard/web/src/components/svgs/Stamp.svelte
@@ -0,0 +1,6 @@
+
+
diff --git a/resources/[tools]/bl_idcard/web/src/enums/events.ts b/resources/[tools]/bl_idcard/web/src/enums/events.ts
new file mode 100644
index 000000000..c08368a3d
--- /dev/null
+++ b/resources/[tools]/bl_idcard/web/src/enums/events.ts
@@ -0,0 +1,11 @@
+export enum Receive {
+ cardData = 'idcard:data',
+ config = 'idcard:config',
+ requestBaseUrl = 'idcard:requestBaseUrl',
+}
+
+export enum Send {
+ resolveBaseUrl = 'idcard:resolveBaseUrl',
+ close = 'idcard:close',
+ loaded = 'idcard:loaded',
+}
\ No newline at end of file
diff --git a/resources/[tools]/bl_idcard/web/src/lib/.gitkeep b/resources/[tools]/bl_idcard/web/src/lib/.gitkeep
new file mode 100644
index 000000000..e69de29bb
diff --git a/resources/[tools]/bl_idcard/web/src/main.ts b/resources/[tools]/bl_idcard/web/src/main.ts
new file mode 100644
index 000000000..8a909a15a
--- /dev/null
+++ b/resources/[tools]/bl_idcard/web/src/main.ts
@@ -0,0 +1,8 @@
+import './app.css'
+import App from './App.svelte'
+
+const app = new App({
+ target: document.getElementById('app'),
+})
+
+export default app
diff --git a/resources/[tools]/bl_idcard/web/src/providers/Debug.svelte b/resources/[tools]/bl_idcard/web/src/providers/Debug.svelte
new file mode 100644
index 000000000..a7fc1e2e2
--- /dev/null
+++ b/resources/[tools]/bl_idcard/web/src/providers/Debug.svelte
@@ -0,0 +1,115 @@
+
+
+
+
+
+ {title}
+
+
+
+ {title}
+
+ {title}
+
+
+ + {label} +
+ + + +
+
+
+
+
+
+
+
+
+
+ {#if profileStamp}
+
+
+
+
+ ID
++ {id} +
+ + + ++ LASTNAME +
++ {lastName} +
+ + + ++ FIRSTNAME +
++ {firstName} +
+ +
+
+
+
+ + EXP +
++ 12/12/2030 +
+ + + +DOB
++ {dob} +
+ + + ++ SEX +
++ {sex.split('')[0]} +
+ + + +
+ 
+
+ 
+
+ {/if}
+
+ {#if stamp}
+
+
+
+ {/if}
+
+ {#if signature}
+ + {firstName} + {lastName} +
+ {/if} +
+
+
+ {#if menuOpen}
+
diff --git a/resources/[tools]/bl_idcard/web/src/providers/Visibility.svelte b/resources/[tools]/bl_idcard/web/src/providers/Visibility.svelte
new file mode 100644
index 000000000..b34880bfc
--- /dev/null
+++ b/resources/[tools]/bl_idcard/web/src/providers/Visibility.svelte
@@ -0,0 +1,37 @@
+
+
+-
+ {#each SendDebuggers as { label, actions }}
+
-
+ {label}
+
+ {#each actions as action}
+ + {#if action.type === 'text'} + ++ {/each} +
{action.label}
+ + + + + {:else if action.type === 'checkbox'} + +{action.label}
+ + { + // @ts-ignore + action.action(action.value); + }} + /> + + {:else if action.type === 'slider'} + +{action.label}
+ + { + // @ts-ignore + action.action(action.value); + }} + /> + + {:else} + + {/if} +
+ {/each}
+
+
+ {
+ if (isBrower == true) {
+ const debugReturn = await DebugEventCallback (action: string, data?: P, timer = 0) {
+ if (!isBrower) return;
+ setTimeout(() => {
+ const event = new MessageEvent('message', {
+ data: { action, data },
+ });
+ window.dispatchEvent(event);
+ }, timer);
+}
+
+/**
+ * Emulate an NUICallback in the Client
+ * @param action The name of the event to listen for
+ * @param handler The callback to run when the event is received
+ * @returns {void}
+ **/
+export async function DebugEventReceive