Working v1
This commit is contained in:
Daniel Løvbrøtte Olsen
commit
9329a4c32b
40448
browser-matrix.js
Normal file
40448
browser-matrix.js
Normal file
File diff suppressed because it is too large
Load Diff
15
browser-matrix.min.js
vendored
Normal file
15
browser-matrix.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
67
index.html
Normal file
67
index.html
Normal file
@ -0,0 +1,67 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>Stickerpicker migration generator</title>
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
|
||||
</head>
|
||||
<body>
|
||||
<script src="browser-matrix.js"></script>
|
||||
<script src="main.js"></script>
|
||||
|
||||
<div>
|
||||
<input type="text" id="homeserver" placeholder="Homeserver URL">
|
||||
<input type="text" id="token" placeholder="Access Token">
|
||||
<button type="button" id="login" onClick="login()">Log in</button>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label>Avatar: </label>
|
||||
<input type="file" id="avatar">
|
||||
</div>
|
||||
<div id="stickerpack">
|
||||
|
||||
<datalist id="authorTypeList">
|
||||
<option value="none">
|
||||
</datalist>
|
||||
<datalist id="licenseList">
|
||||
<option value="unknown">
|
||||
<option value="GPL-v3.0">
|
||||
<option value="CC BY-NC 4.0">
|
||||
|
||||
</datalist>
|
||||
<datalist id="licensePathList">
|
||||
<option value="/licenses/gpl-v3.0.txt">
|
||||
<option value="/licenses/cc_by-nc_4.0.txt">
|
||||
|
||||
</datalist>
|
||||
|
||||
<div>
|
||||
<input type="text" id="name" placeholder="Name of Stickerpack">
|
||||
<input type="text" id="description" placeholder="Description of Stickerpack">
|
||||
</div>
|
||||
<div>
|
||||
<input type="text" id="authorType" placeholder="Type of Author" list="authorTypeList">
|
||||
<input type="text" id="authorReference" placeholder="Author Reference (link)">
|
||||
<input type="text" id="authorName" placeholder="Author Name">
|
||||
</div>
|
||||
<div>
|
||||
<input type="text" id="license" placeholder="License" list="licenseList">
|
||||
<input type="text" id="licensePath" placeholder="path to license in dimension" list="licensePathList">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label>Stickers: </label>
|
||||
<input type="file" id="upload" multiple>
|
||||
<button type="button" onClick="multiUpload()">Upload to homeserver</button>
|
||||
</div>
|
||||
|
||||
<div id="preview"></div>
|
||||
|
||||
<div>
|
||||
<button type="button" onClick="generateMigration()">Generate migration</button>
|
||||
<input type="number" id="packID" placeholder="Pack ID">
|
||||
</div>
|
||||
<textarea id="result" style="width: 100%; height: 100%;" value="" autocomplete="off"></textarea>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
195
main.js
Normal file
195
main.js
Normal file
@ -0,0 +1,195 @@
|
||||
var client;
|
||||
var stickerpack = new Array();
|
||||
var homeserver;
|
||||
function login()
|
||||
{
|
||||
homeserver = document.getElementById("homeserver").value;
|
||||
var token = document.getElementById("token").value;
|
||||
client = matrixcs.createClient({
|
||||
baseUrl: homeserver,
|
||||
accessToken: token
|
||||
});
|
||||
}
|
||||
|
||||
function multiUpload()
|
||||
{
|
||||
var files = document.getElementById("upload").files;
|
||||
var avatar = document.getElementById("avatar").files[0];
|
||||
|
||||
|
||||
for (var i = 0; i < files.length; i++) {
|
||||
upload(files[i], i);
|
||||
}
|
||||
|
||||
client.uploadContent(avatar).then(mxc => {
|
||||
generateStickerpackForm(mxc);
|
||||
});
|
||||
}
|
||||
|
||||
function generateStickerpackForm(mxc)
|
||||
{
|
||||
var stickerpack = document.getElementById("stickerpack");
|
||||
|
||||
var img = document.createElement("img");
|
||||
img.src=client.mxcUrlToHttp(mxc);
|
||||
img.style = "width: 18rem;";
|
||||
img.id="avatarurl";
|
||||
img.className=mxc;
|
||||
stickerpack.prepend(img);
|
||||
}
|
||||
|
||||
function generateForm(mxc, mxcthumb, mimetype)
|
||||
{
|
||||
var preview = document.getElementById("preview");
|
||||
|
||||
var div = document.createElement("div");
|
||||
div.className = "card";
|
||||
div.style = "width: 18rem; display: inline-block;";
|
||||
div.id = mxc;
|
||||
|
||||
var img = document.createElement("img");
|
||||
img.className="card-img-top";
|
||||
img.src=client.mxcUrlToHttp(mxc);
|
||||
div.appendChild(img);
|
||||
|
||||
var body = document.createElement("div");
|
||||
body.className = "card-body"
|
||||
div.appendChild(body);
|
||||
|
||||
var name = document.createElement("input");
|
||||
name.type = "text";
|
||||
name.id = "name" + mxc;
|
||||
name.placeholder="Name"
|
||||
body.appendChild(name);
|
||||
|
||||
var desc = document.createElement("input");
|
||||
desc.type = "text";
|
||||
desc.id = "desc" + mxc;
|
||||
desc.placeholder="Description"
|
||||
body.appendChild(desc);
|
||||
|
||||
var thumb = document.createElement("input");
|
||||
thumb.type = "hidden";
|
||||
thumb.id = "thumb" + mxc;
|
||||
thumb.value = mxcthumb;
|
||||
body.appendChild(thumb);
|
||||
|
||||
var mime = document.createElement("input");
|
||||
mime.type = "hidden";
|
||||
mime.id = "mime" + mxc;
|
||||
mime.value = mimetype;
|
||||
body.appendChild(mime);
|
||||
|
||||
preview.appendChild(div);
|
||||
}
|
||||
|
||||
function upload(file)
|
||||
{
|
||||
|
||||
var mimetype = file.type;
|
||||
|
||||
client.uploadContent(file).then(mxc => {
|
||||
var http = new XMLHttpRequest();
|
||||
http.open("GET", client.mxcUrlToHttp(mxc, 100, 100, "scale"));
|
||||
http.responseType = "blob";
|
||||
http.onreadystatechange = function() {
|
||||
if (this.readyState == 4 && this.status == 200) {
|
||||
client.uploadContent(this.response, {type: this.response.type}).then(mxcthumb => {
|
||||
generateForm(mxc, mxcthumb, mimetype);
|
||||
});
|
||||
}
|
||||
};
|
||||
http.send();
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
function generateMigration()
|
||||
{
|
||||
var preview = document.getElementById("preview");
|
||||
|
||||
var packID = document.getElementById("packID").value;
|
||||
var type = "stickerpack";
|
||||
var stickername = document.getElementById("name").value;
|
||||
var avatarUrl = document.getElementById("avatarurl").className;
|
||||
var description = document.getElementById("description").value;
|
||||
var isEnabled = "true";
|
||||
var isPublic = "true";
|
||||
var authorType = document.getElementById("authorType").value;
|
||||
var authorReference = document.getElementById("authorReference").value;
|
||||
if (authorReference == "") authorReference = null;
|
||||
var authorName = document.getElementById("authorName").value;
|
||||
if (authorName == "") authorName = null;
|
||||
var license = document.getElementById("license").value;
|
||||
var licensePath = document.getElementById("licensePath").value;
|
||||
if (licensePath == "") licensePath = null;
|
||||
|
||||
var txt = "";
|
||||
document.getElementById("result").value = txt;
|
||||
txt += 'import { QueryInterface } from "sequelize";\n'
|
||||
txt += 'import { DataType } from "sequelize-typescript";\n'
|
||||
document.getElementById("result").value = txt;
|
||||
txt += 'export default {\n'
|
||||
+ ' up: (queryInterface: QueryInterface) => {\n'
|
||||
+ ' return Promise.resolve()\n'
|
||||
+ ' .then(() => queryInterface.bulkInsert("dimension_sticker_packs", [\n';
|
||||
document.getElementById("result").value = txt;
|
||||
txt += ' {\n'
|
||||
document.getElementById("result").value = txt;
|
||||
txt += ' // id: ' + packID + '\n'
|
||||
+ ' type: "' + type +'"\n'
|
||||
+ ' name: "' + stickername + '"\n'
|
||||
+ ' avatarUrl: "' + avatarUrl + '"\n'
|
||||
+ ' isEnabled: ' + isEnabled + '\n'
|
||||
+ ' isPublic: ' + isPublic + '\n'
|
||||
+ ' description: "' + description + '"\n'
|
||||
+ ' authorType: "' + authorType + '"\n';
|
||||
document.getElementById("result").value = txt;
|
||||
if (authorReference === null)
|
||||
txt += ' authorReference: ' + "null" + '\n';
|
||||
else
|
||||
txt += ' authorReference: "' + authorReference + '"\n';
|
||||
document.getElementById("result").value = txt;
|
||||
if (authorName === null)
|
||||
txt += ' authorName: ' + "null" + '\n';
|
||||
else
|
||||
txt += ' authorName: "' + authorName + '"\n';
|
||||
document.getElementById("result").value = txt;
|
||||
txt += ' license: "' + license +'"\n';
|
||||
document.getElementById("result").value = txt;
|
||||
if (licensePath === null)
|
||||
txt += ' licensePath: ' + "null" + '\n';
|
||||
else
|
||||
txt += ' licensePath: "' + licensePath + '"\n';
|
||||
document.getElementById("result").value = txt;
|
||||
txt += ' }\n'
|
||||
+ ' ]))\n';
|
||||
|
||||
txt += ' .then(() => queryInterface.bulkInsert("dimension_stickers", [\n';
|
||||
document.getElementById("result").value = txt;
|
||||
for (let div of preview.childNodes) {
|
||||
|
||||
var mxcImg = div.id;
|
||||
var mxcThmb = document.getElementById("thumb" + mxcImg).value;
|
||||
var thmbWidth = 100;
|
||||
var thmbHeight = 100;
|
||||
var name = document.getElementById("name" + mxcImg).value;
|
||||
var desc = document.getElementById("desc" + mxcImg).value;
|
||||
var type = document.getElementById("mime" + mxcImg).value;
|
||||
document.getElementById("result").value = txt;
|
||||
txt += ' { packId: ' + packID + ', name: "' + name + '", description: "' + desc + '", ' +
|
||||
'imageMxc: "' + mxcImg + '", thumbnailMxc: "' + mxcThmb + '", mimetype: "' + type + '", ' +
|
||||
'thumbnailWidth: ' + thmbWidth + ', thumbnailHeight: ' + thmbHeight + ' },' + '\n'
|
||||
}
|
||||
document.getElementById("result").value = txt;
|
||||
txt += ' ]));\n'
|
||||
+ ' },\n'
|
||||
+ ' down: (queryInterface: QueryInterface) => {\n'
|
||||
+ ' return Promise.resolve()\n'
|
||||
+ ' .then(() => queryInterface.dropTable("dimension_stickers"))\n'
|
||||
+ ' .then(() => queryInterface.dropTable("dimension_sticker_packs"));\n'
|
||||
+ ' }\n'
|
||||
+ '}'
|
||||
|
||||
document.getElementById("result").value = txt;
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user