diff --git a/comp.js b/comp.js
deleted file mode 100644
index a57cac6..0000000
--- a/comp.js
+++ /dev/null
@@ -1,675 +0,0 @@
-
-// Want to use or contribute to this? https://github.com/Glitchii/embedbuilder
-// If you found an issue, please report it, make a P.R, or use the discussion page. Thanks
-
-var activeFields, colNum = 1, num = 0,
- toRGB = (hex, reversed, integer) => {
- if (reversed) return '#' + hex.match(/[\d]+/g).map(x => parseInt(x).toString(16).padStart(2, '0')).join('');
- if (integer) return parseInt(hex.match(/[\d]+/g).map(x => parseInt(x).toString(16).padStart(2, '0')).join(''), 16);
- if (hex.includes(',')) return hex.match(/[\d]+/g);
- hex = hex.replace('#', '').match(/.{1,2}/g)
- return [parseInt(hex[0], 16), parseInt(hex[1], 16), parseInt(hex[2], 16), 1];
- }, json = {
- content: "You can~~not~~ do `this`.```py\nAnd this.\nprint('Hi')```\n*italics* or _italics_ __*underline italics*__\n**bold** __**underline bold**__\n***bold italics*** __***underline bold italics***__\n__underline__ ~~Strikethrough~~",
- embed: {
- title: "Hello ~~people~~ world :wave:",
- description: "You can use [links](https://discord.com) or emojis :smile: 😎\n```\nAnd also code blocks\n```",
- color: 4321431,
- timestamp: new Date().toISOString(),
- url: "https://discord.com",
- author: {
- name: "Author name",
- url: "https://discord.com",
- icon_url: "https://unsplash.it/100"
- },
- thumbnail: {
- url: "https://unsplash.it/200"
- },
- image: {
- url: "https://unsplash.it/380/200"
- },
- footer: {
- text: "Footer text",
- icon_url: "https://unsplash.it/100"
- },
- fields: [
- {
- name: "Field 1, *lorem* **ipsum**, ~~dolor~~",
- value: "Field value"
- },
- {
- name: "Field 2",
- value: "You can use custom emojis <:Kekwlaugh:722088222766923847>. <:GangstaBlob:742256196295065661>",
- inline: false
- },
- {
- name: "Inline field",
- value: "Fields can be inline",
- inline: true
- },
- {
- name: "Inline field",
- value: "*Lorem ipsum*",
- inline: true
- },
- {
- name: "Inline field",
- value: "value",
- inline: true
- },
- {
- name: "Another field",
- value: "> Nope, didn't forget about code blocks",
- inline: false
- }
- ]
- }
- };
-
-window.onload = () => {
- document.querySelectorAll('img.clickable')
- .forEach(e => e.addEventListener('click', el => window.open(el.target.src)));
- let editorHolder = document.querySelector('.editorHolder'),
- guiParent = document.querySelector('.top'),
- embedContent = document.querySelector('.messageContent'),
- embedCont = document.querySelector('.messageContent + .container'),
- gui = guiParent.querySelector('.gui:first-of-type');
- window.editor = CodeMirror(elt => editorHolder.parentNode.replaceChild(elt, editorHolder), {
- value: JSON.stringify(json, null, 4),
- extraKeys: { Tab: cm => cm.replaceSelection(" ", "end") },
- gutters: ["CodeMirror-foldgutter", "CodeMirror-lint-markers"],
- scrollbarStyle: "overlay",
- mode: "application/json",
- theme: 'material-darker',
- matchBrackets: true,
- foldGutter: true,
- lint: true,
- });
-
- editor.focus();
- let notif = document.querySelector('.notification'),
- url = (url) => /^(https?:)?\/\//g.exec(url) ? url : '//' + url,
- makeShort = (txt, length, mediaWidth) => {
- if (mediaWidth && window.matchMedia(`(max-width:${mediaWidth}px)`).matches)
- return txt.length > (length - 3) ? txt.substring(0, length - 3) + '...' : txt;
- return txt;
- }, error = (msg, time) => {
- notif.innerHTML = msg, notif.style.display = 'block';
- time && setTimeout(() => notif.animate({ opacity: '0', bottom: '-50px', offset: 1 }, { easing: 'ease', duration: 500 })
- .onfinish = () => notif.style.removeProperty('display'), time);
- return false;
- }, allGood = e => {
- let str = JSON.stringify(e, null, 4), re = /("(?:icon_)?url": *")((?!\w+?:\/\/).+)"/g.exec(str);
- if (e.timestamp && new Date(e.timestamp).toString() === "Invalid Date") return error('Timestamp is invalid');
- if (re) { // If a URL is found without a protocol
- if (!/\w+:|\/\/|^\//g.exec(re[2]) && re[2].includes('.')) {
- let activeInput = document.querySelector('input[class$="link" i]:focus')
- if (activeInput) {
- lastPos = activeInput.selectionStart + 7;
- authorLink.value = `http://${re[2]}`;
- update(JSON.parse(str.replace(re[0], `${re[1]}http://${re[2]}"`)));
- activeInput.setSelectionRange(lastPos, lastPos)
- return true;
- }
- }
- return error(`URL should have a protocol. Did you mean http://${makeShort(re[2], 30, 600).replace(' ', '')}?`);
- }
- return true;
- }, markup = (txt, opts) => {
- txt = txt
- .replace(/\<:[^:]+:(\d+)\>/g, '
')
- .replace(/\<a:[^:]+:(\d+)\>/g, '
')
- .replace(/~~(.+?)~~/g, '$1')
- .replace(/\*\*\*(.+?)\*\*\*/g, '$1')
- .replace(/\*\*(.+?)\*\*/g, '$1')
- .replace(/__(.+?)__/g, '$1')
- .replace(/\*(.+?)\*/g, '$1')
- .replace(/_(.+?)_/g, '$1')
- if (opts.inlineBlock) txt = txt.replace(/\`([^\`]+?)\`|\`\`([^\`]+?)\`\`|\`\`\`((?:\n|.)+?)\`\`\`/g, (m, x, y, z) => x ? `${x}` : y ? `${y}` : z ? `${z}` : m);
- else txt = txt.replace(/\`\`\`(\w{1,15})?\n((?:\n|.)+?)\`\`\`|\`\`(.+?)\`\`(?!\`)|\`([^\`]+?)\`/g, (m, w, x, y, z) => w && x ? `${x}
` : x ? `${x}
` : y || z ? `${y || z}` : m);
- if (opts.inEmbed) txt = txt.replace(/\[([^\[\]]+)\]\((.+?)\)/g, `$1`);
- if (opts.replaceEmojis) txt = txt.replace(/(?[^>]+)(? x && emojis[x] ? emojis[x] : match);
- txt = txt
- .replace(/(?<=\n|^)\s*>\s+([^\n]+)/g, '')
- .replace(/\n/g, '
');
- return txt;
- },
- embed = document.querySelector('.embedGrid'),
- msgEmbed = document.querySelector('.msgEmbed'),
- embedTitle = document.querySelector('.embedTitle'),
- embedDescription = document.querySelector('.embedDescription'),
- embedAuthor = document.querySelector('.embedAuthor'),
- embedFooter = document.querySelector('.embedFooter'),
- embedImage = document.querySelector('.embedImage'),
- embedThumbnail = document.querySelector('.embedThumbnail'),
- embedFields = embed.querySelector('.embedFields'),
- encodeHTML = str => str.replace(/[\u00A0-\u9999<>\&]/g, i => '&#' + i.charCodeAt(0) + ';'),
- tstamp = stringISO => {
- let date = stringISO ? new Date(stringISO) : new Date(),
- dateArray = date.toLocaleString('en-US', { hour: 'numeric', hour12: true, minute: 'numeric' }),
- today = new Date(),
- yesterday = new Date(new Date().setDate(today.getDate() - 1));
- return today.toDateString() === date.toDateString() ? `Today at ${dateArray}` :
- yesterday.toDateString() === date.toDateString() ? `Yesterday at ${dateArray}` :
- `${String(date.getMonth() + 1).padStart(2, '0')}/${String(date.getDate()).padStart(2, '0')}/${date.getFullYear()}`;
- }, display = (el, data, displayType) => {
- if (data) el.innerHTML = data;
- el.style.display = displayType || "unset";
- }, hide = el => el.style.removeProperty('display'),
- imgSrc = (elm, src, remove) => remove ? elm.style.removeProperty('content') : elm.style.content = `url(${src})`,
- toObj = jsonString => JSON.parse(jsonString.replace(/\\"|"(?:\\"|[^"])*"|(\/\/.*|\/\*[\s\S]*?\*\/)/g, (x, y) => y ? "" : x));
- buildGui = (object, opts) => {
- gui.innerHTML = `
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- `;
-
- let fieldsEditor = gui.querySelector('.fields ~ .edit'), addField = `
-
-
New Field
-
-
-
-
-
-
-
-
-
) + ')
' : ''}
- ${e.author.url ? '' + encodeHTML(e.author.name) + '' : '' + encodeHTML(e.author.name) + ''}`, 'flex');
- else hide(embedAuthor);
- if (e.thumbnail && e.thumbnail.url) embedThumbnail.src = encodeHTML(e.thumbnail.url), embedThumbnail.style.display = 'block';
- else hide(embedThumbnail);
- if (e.image && e.image.url) embedImage.src = encodeHTML(e.image.url), embedImage.style.display = 'block';
- else hide(embedImage);
- if (e.footer && e.footer.text) display(embedFooter, `
- ${e.footer.icon_url ? '' : ''}`, 'flex');
- else if (e.timestamp) display(embedFooter, ``, 'flex');
- else hide(embedFooter);
- if (e.fields) {
- embedFields.innerHTML = '';
- e.fields.forEach(f => {
- if (f.name && f.value) {
- if (!f.inline) {
- let el = embedFields.insertBefore(document.createElement('div'), null);
- el.outerHTML = `
-
-
${markup(encodeHTML(f.name), { inEmbed: true, replaceEmojis: true, inlineBlock: true })}
-
${markup(encodeHTML(f.value), { inEmbed: true, replaceEmojis: true })}
-
-
${markup(encodeHTML(f.name), { inEmbed: true, replaceEmojis: true, inlineBlock: true })}
-
${markup(encodeHTML(f.value), { inEmbed: true, replaceEmojis: true })}
-