Add iOS Fonts

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_189":190,"_191":192},"routes/_app.x.$handle.$name",{"_95":94,"_31":43,"_103":85,"_26":51,"_13":14,"_104":-5,"_11":105,"_106":107,"_108":109,"_110":111,"_112":113,"_20":-5,"_114":-5,"_115":-5,"_116":24,"_117":118,"_119":57,"_120":-5,"_121":-5,"_122":123},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_41":42,"_31":43,"_36":44,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":51,"_52":-5,"_18":53,"_54":55,"_56":57,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":24},"version",10,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":27,"_32":33,"_34":35,"_36":37,"_38":14,"_39":40,"_23":24},"previous","deleted",false,"deletedHere","path","app.ts","latestPath","fileId","abadcffa-8572-11f1-a2cf-1607ee4eb77e","name","fileType","script","content","type Profile = {\n name: string;\n organization: string;\n description: string;\n};\n\ntype FontData = {\n name: string;\n base64: string;\n};\n\nfunction escapeXml(value: string): string {\n return value.replace(/[&<>\"']/g, (character) => ({\n \"&\": \"&\",\n \"<\": \"<\",\n \">\": \">\",\n '\"': \""\",\n \"'\": \"'\",\n })[character]!);\n}\n\nfunction uuid(): string {\n return crypto.randomUUID().toUpperCase();\n}\n\nexport function buildMobileconfig(profile: Profile, fonts: FontData[]): string {\n if (!fonts.length) throw new Error(\"Choose at least one font.\");\n\n const fontPayloads = fonts.map((font) => {\n const id = uuid();\n const name = escapeXml(font.name);\n\n return ` \n Font\n ${font.base64}\n Name\n ${name}\n PayloadDescription\n Installs ${name}\n PayloadDisplayName\n ${name}\n PayloadIdentifier\n com.apple.font.${id}\n PayloadType\n com.apple.font\n PayloadUUID\n ${id}\n PayloadVersion\n 1\n `;\n }).join(\"\\n\");\n\n const profileId = uuid();\n const name = escapeXml(profile.name);\n const organization = escapeXml(profile.organization);\n const description = escapeXml(profile.description);\n\n return `\n\n\n\n PayloadContent\n \n${fontPayloads}\n \n PayloadDescription\n ${description}\n PayloadDisplayName\n ${name}\n PayloadIdentifier\n com.valtown.ios-external-fonts.${profileId}\n PayloadOrganization\n ${organization}\n PayloadRemovalDisallowed\n \n PayloadType\n Configuration\n PayloadUUID\n ${profileId}\n PayloadVersion\n 1\n\n\n`;\n}\n\nfunction readAsBase64(file: File): Promise {\n return new Promise((resolve, reject) => {\n const reader = new FileReader();\n reader.addEventListener(\"load\", () => {\n const result = String(reader.result);\n resolve(result.slice(result.indexOf(\",\") + 1));\n });\n reader.addEventListener(\"error\", () => reject(reader.error ?? new Error(`Could not read ${file.name}.`)));\n reader.readAsDataURL(file);\n });\n}\n\nfunction downloadProfile(contents: string, filename: string): void {\n const url = URL.createObjectURL(new Blob([contents], { type: \"application/x-apple-aspen-config\" }));\n const link = document.createElement(\"a\");\n link.href = url;\n link.download = filename;\n link.click();\n setTimeout(() => URL.revokeObjectURL(url), 1000);\n}\n\nif (typeof document !== \"undefined\") {\n const form = document.querySelector(\"#profile-form\")!;\n const fileInput = document.querySelector(\"#fonts\")!;\n const fileList = document.querySelector(\"#file-list\")!;\n const status = document.querySelector(\"#status\")!;\n const submit = document.querySelector('button[type=\"submit\"]')!;\n\n fileInput.addEventListener(\"change\", () => {\n const files = Array.from(fileInput.files ?? []);\n fileList.replaceChildren(...files.map((file) => {\n const item = document.createElement(\"li\");\n item.textContent = file.name;\n return item;\n }));\n });\n\n form.addEventListener(\"submit\", async (event) => {\n event.preventDefault();\n\n const files = Array.from(fileInput.files ?? []);\n const unsupported = files.find((file) => !/\\.(ttf|otf)$/i.test(file.name));\n\n if (!files.length) {\n status.textContent = \"Choose at least one font.\";\n return;\n }\n if (unsupported) {\n status.textContent = `${unsupported.name} is not a .ttf or .otf file.`;\n return;\n }\n\n submit.disabled = true;\n status.textContent = `Reading ${files.length} font${files.length === 1 ? \"\" : \"s\"}…`;\n\n try {\n const fonts = await Promise.all(files.map(async (file) => ({\n name: file.name,\n base64: await readAsBase64(file),\n })));\n const name = new FormData(form).get(\"name\")!.toString().trim();\n const mobileconfig = buildMobileconfig({\n name,\n organization: new FormData(form).get(\"organization\")!.toString().trim(),\n description: new FormData(form).get(\"description\")!.toString().trim(),\n }, fonts);\n const filename = `${name.replace(/[^a-z0-9._-]+/gi, \"-\").replace(/^-|-$/g, \"\") || \"fonts\"}.mobileconfig`;\n\n downloadProfile(mobileconfig, filename);\n status.textContent = `Created one profile with ${files.length} font${files.length === 1 ? \"\" : \"s\"}.`;\n } catch (error) {\n status.textContent = error instanceof Error ? error.message : \"Could not create the profile.\";\n } finally {\n submit.disabled = false;\n }\n });\n}","createdAt",["D",1784686297804],"branchVersion","branchId","34357784-7162-4c44-9e56-a44b3139159f","id","9c5423f3-54b5-48c3-93fd-bc9356316a0c","ios-external-fonts",["D",1784684339311],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","b9e6ccc7-499e-4c99-99f6-d52e7b324153","pinnedFileId","1c55e17a-856e-11f1-9c27-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","b2100bc6-baf7-410d-9bc0-a9181ab0c74f","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_95":94,"_102":98},"org",{"_95":94,"_96":-5,"_97":98,"_18":53,"_99":100,"_101":24},"branch",{"_13":84,"_31":85,"_41":40,"_86":42,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":43,"_93":94},"isOwned",13,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","git","handle","displayName","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/f71f69b9-f78f-40f4-11db-501b802a0900/square512?exp=1789549199&sig=bb10b0f030d433bc62d59ec57226058d5a655c7e1ec7aa222a01cc75a422d7a6","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_41":42,"_31":43,"_36":185,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":51,"_52":-5,"_18":53,"_54":55,"_56":57,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":186,"_79":187,"_81":188,"_83":24},"tree",[168,169,170,171],"files",[168,169,170,171],"counts",{"_157":61,"_158":159,"_160":61,"_161":162,"_163":164},"contents",[124,125,126,127],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_41":150,"_31":151,"_29":152,"_130":-5,"_39":40,"_38":153,"_132":24,"_36":154,"_13":61,"_32":33,"_34":155,"_23":24,"_137":-5,"_26":156},{"_41":147,"_31":27,"_29":30,"_130":-5,"_39":40,"_38":14,"_132":57,"_36":148,"_13":61,"_32":33,"_34":35,"_23":24,"_137":-5,"_26":149},{"_41":140,"_31":141,"_29":142,"_130":-5,"_39":40,"_38":143,"_132":24,"_36":144,"_13":134,"_32":20,"_34":145,"_23":24,"_137":-5,"_26":146},{"_41":128,"_31":129,"_29":55,"_130":-5,"_39":40,"_38":131,"_132":57,"_36":133,"_13":134,"_32":135,"_34":136,"_23":24,"_137":138,"_26":139},"8b4e649c-f4cf-4f2c-8acb-97f44a420d04","main.tsx","parentId",8,"latest",["D",1784684551114],3,"http","import { staticHTTPServer } from 'https://esm.town/v/std/utils/index.ts'\nexport default staticHTTPServer()","label","ios",[129],"354738c0-10e3-42bf-a89f-4d338092858d","index.html","6650fb98-856e-11f1-a17a-1607ee4eb77e",7,["D",1784684534437],"\n\n \n Add iOS Fonts\n \n \n \n \n \n

\n\n

\n foo\n

\n\n \n \n",[141],"fb6e2e57-dbc9-48e4-9b16-29dc9f5a854b",["D",1784686297804],[27],"e07a1e4d-8d65-4866-8e33-8e5dc54d5a35","app.test.ts","950a1a38-8572-11f1-97b3-1607ee4eb77e",9,["D",1784686259832],"import { buildMobileconfig } from \"./app.ts\";\n\nfunction assert(condition: unknown, message: string): asserts condition {\n if (!condition) throw new Error(message);\n}\n\nconst xml = buildMobileconfig(\n {\n name: \"My & Fonts\",\n organization: \"O < Co\",\n description: \"Two > one\",\n },\n [\n { name: \"Regular.ttf\", base64: \"UkVHVUxBUg==\" },\n { name: \"Bold.otf\", base64: \"Qk9MRA==\" },\n ],\n);\n\nassert((xml.match(/com\\.apple\\.font<\\/string>/g) ?? []).length === 2, \"expected one font payload per file\");\nassert(xml.includes(\"Regular.ttf\") && xml.includes(\"Bold.otf\"), \"expected both font names\");\nassert(xml.includes(\"UkVHVUxBUg==\") && xml.includes(\"Qk9MRA==\"), \"expected both font bodies\");\nassert(xml.includes(\"My & Fonts\"), \"expected escaped profile metadata\");\nassert(xml.includes(\"O < Co\"), \"expected escaped organization\");\nassert(xml.includes(\"Two > one\"), \"expected escaped description\");\n\nconsole.log(\"two-font mobileconfig check passed\");",[151],"pulls","branches",1,"forks","envVars",{"_165":61,"_167":61},"connections",{"_165":61,"_166":61},"count","unfilledCount","emptyCount",{"_41":150,"_31":151,"_29":152,"_130":-5,"_39":40,"_38":153,"_132":24,"_36":182,"_13":61,"_32":33,"_34":155,"_23":24,"_137":-5,"_173":183,"_26":184},{"_41":147,"_31":27,"_29":30,"_130":-5,"_39":40,"_38":14,"_132":57,"_36":179,"_13":61,"_32":33,"_34":35,"_23":24,"_137":-5,"_173":180,"_26":181},{"_41":140,"_31":141,"_29":142,"_130":-5,"_39":40,"_38":143,"_132":24,"_36":176,"_13":134,"_32":20,"_34":145,"_23":24,"_137":-5,"_173":177,"_26":178},{"_41":128,"_31":129,"_29":55,"_130":-5,"_39":40,"_38":131,"_132":57,"_36":172,"_13":134,"_32":135,"_34":136,"_23":24,"_137":138,"_173":174,"_26":175},["D",1784684551114],"children",[],[129],["D",1784684534437],[],[141],["D",1784686297804],[],[27],["D",1784686259832],[],[151],["D",1784684339311],{"_95":94,"_102":98},{"_95":94,"_96":-5,"_97":98,"_18":53,"_99":100,"_101":24},{"_13":84,"_31":85,"_41":40,"_86":42,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":43,"_93":94},"ctx",{"_77":-5,"_121":222,"_223":224,"_225":226,"_227":24,"_228":24,"_229":24,"_230":57,"_231":-5,"_232":-7,"_233":-7,"_234":61,"_235":24,"_236":24,"_237":-5,"_238":24,"_239":24,"_240":24,"_241":-5},"ENV",{"_193":194,"_195":196,"_197":85,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v10