@sswroom/sswr 1.5.1 → 1.5.3

package/web.d.ts

@@ -6,6 +6,12 @@ declare class Color
 	b: number; //0.0-1.0
 }
 
+declare class ImageInfo
+{
+	width: number;
+	height: number;
+}
+
 export function getRequestURLBase(): string;
 export function getParameterByName(name: string): string | null;
 export function loadJSON(url: string, onResultFunc: Function): void;
@@ -14,6 +20,9 @@ export function openData(data: string, contentType: string, fileName?: string):
 export function parseCSSColor(c: string): Color;
 export function handleFileDrop(ele: HTMLElement, hdlr: (file: File)=>void): void;
 export function appendUrl(targetUrl: string, docUrl: string): string;
+export function mimeFromFileName(fileName: string): string;
+export function mimeFromExt(ext: string): string;
+export function getImageInfo(url: string): Promise<ImageInfo|null>;
 
 declare class DialogButton
 {

package/web.js

@@ -3,9 +3,9 @@ import * as text from "./text.js";
 
 export function getRequestURLBase()
 {
-	var url = document.location.href;
-	var i = url.indexOf("://");
-	var j = url.indexOf("/", i + 3);
+	let url = document.location.href;
+	let i = url.indexOf("://");
+	let j = url.indexOf("/", i + 3);
 	if (j >= 0)
 	{
 		return url.substring(0, j);
@@ -18,9 +18,9 @@ export function getRequestURLBase()
 	
 export function getParameterByName(name)
 {
-	var url = window.location.href;
+	let url = window.location.href;
 	name = name.replace(/[[\]]/g, '\\$&');
-	var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
+	let regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
 		results = regex.exec(url);
 	if (!results) return null;
 	if (!results[2]) return '';
@@ -29,7 +29,7 @@ export function getParameterByName(name)
 	
 export function loadJSON(url, onResultFunc)
 {
-	var xmlhttp = new XMLHttpRequest();
+	let xmlhttp = new XMLHttpRequest();
 	xmlhttp.onreadystatechange = function() {
 		if (this.readyState == 4 && this.status == 200)
 		{
@@ -42,8 +42,8 @@ export function loadJSON(url, onResultFunc)
 
 export function buildTable(o)
 {
-	var name;
-	var ret = new Array();
+	let name;
+	let ret = new Array();
 	ret.push("<table>");
 	if (data.isArray(o))
 	{
@@ -56,9 +56,9 @@ export function buildTable(o)
 			}
 			ret.push("</tr>");
 		}
-		var i = 0;
-		var j = o.length;
-		var obj;
+		let i = 0;
+		let j = o.length;
+		let obj;
 		while (i < j)
 		{
 			obj = o[i];
@@ -89,7 +89,7 @@ export function openData(data, contentType, fileName)
 {
 	if (typeof data == "string")
 	{
-		var ele = document.createElement("a");
+		let ele = document.createElement("a");
 		ele.setAttribute('href', 'data:'+encodeURIComponent(contentType)+";charset=utf-8," + encodeURIComponent(data));
 		if (fileName)
 			ele.setAttribute('download', fileName);
@@ -99,20 +99,25 @@ export function openData(data, contentType, fileName)
 		ele.click();
 		document.body.removeChild(ele);
 	}
-	return;
 }
 
 function hexColor(c)
 {
-	var b = c % 256;
-	var g = (c >> 8) % 256;
-	var r = (c >> 16) % 256;
+	let b = c % 256;
+	let g = (c >> 8) % 256;
+	let r = (c >> 16) % 256;
 	return {a: 1.0, r: r / 255, g: g / 255, b: b / 255};
 }
-
+function toRatio(s, maxVal)
+{
+	if (s.endsWith("%"))
+		return s.substring(0, s.length - 1) / 100;
+	else
+		return s / maxVal;
+}
 export function parseCSSColor(c)
 {
-	var i;
+	let i;
 	if (c.startsWith("#"))
 	{
 		if (c.length == 7)
@@ -122,40 +127,24 @@ export function parseCSSColor(c)
 	}
 	else if ((i = c.indexOf("(")) >= 0 && c.endsWith(")"))
 	{
-		var funcName = c.substring(0, i).trim();
+		let funcName = c.substring(0, i).trim();
 		if (funcName == 'rgb')
 		{
-			var funcCont = c.substring(i + 1, c.length - 1).trim();
-			var color = {a: 1.0};
+			let funcCont = c.substring(i + 1, c.length - 1).trim();
+			let color = {a: 1.0};
 			i = funcCont.indexOf("/");
 			if (i >= 0)
 			{
-				var a = funcCont.substring(i + 1).trim();
+				let a = funcCont.substring(i + 1).trim();
 				funcCont = funcCont.substring(0, i).trim();
-				if (a.endsWith("%"))
-				{
-					color.a = a.substring(0, a.length - 1) / 100;
-				}
-				else
-				{
-					color.a = a - 0;
-				}
+				color.a = toRatio(a, 1);
 			}
-			var rgb = funcCont.split(" ");
+			let rgb = funcCont.split(" ");
 			if (rgb.length == 3)
 			{
-				if (rgb[0].endsWith("%"))
-					color.r = rgb[0].substring(0, rgb[0].length - 1) / 100;
-				else
-					color.r = rgb[0] / 255;
-				if (rgb[1].endsWith("%"))
-					color.g = rgb[1].substring(0, rgb[1].length - 1) / 100;
-				else
-					color.g = rgb[1] / 255;
-				if (rgb[2].endsWith("%"))
-					color.b = rgb[2].substring(0, rgb[2].length - 1) / 100;
-				else
-					color.b = rgb[2] / 255;
+				color.r = toRatio(rgb[0], 255);
+				color.g = toRatio(rgb[1], 255);
+				color.b = toRatio(rgb[2], 255);
 			}
 			else
 			{
@@ -468,6 +457,7 @@ export function parseCSSColor(c)
 			return hexColor(0x9acd32);
 		}
 	}
+	console.log("Unsupported CSS Color");
 	return {a: 0.0, r: 0.0, g: 0.0, b: 0.0};
 }
 
@@ -482,10 +472,10 @@ export function handleFileDrop(ele, hdlr)
 		ev.preventDefault();
 		if (ev.dataTransfer.items)
 		{
-			var i;
+			let i;
 			for (i in ev.dataTransfer.items)
 			{
-				var item = ev.dataTransfer.items[i];
+				let item = ev.dataTransfer.items[i];
 				if (item.kind === "file")
 				{
 					hdlr(item.getAsFile());
@@ -494,7 +484,7 @@ export function handleFileDrop(ele, hdlr)
 		}
 		else if (ev.dataTransfer.files)
 		{
-			var i;
+			let i;
 			for (i in ev.dataTransfer.files)
 			{
 				hdlr(ev.dataTransfer.files[i]);
@@ -507,10 +497,10 @@ export function appendUrl(targetUrl, docUrl)
 {
 	if (targetUrl.indexOf(":") >= 0)
 		return targetUrl;
-	var i = docUrl.indexOf("://");
+	let i = docUrl.indexOf("://");
 	if (i < 0)
 		return targetUrl;
-	var j = docUrl.indexOf("/", i + 3);
+	let j = docUrl.indexOf("/", i + 3);
 	if (j < 0)
 	{
 		j = docUrl.length;
@@ -545,6 +535,180 @@ export function appendUrl(targetUrl, docUrl)
 	}
 }
 
+export function mimeFromFileName(fileName)
+{
+	let i;
+	i = fileName.lastIndexOf("/");
+	if (i >= 0)
+		fileName = fileName.substring(i + 1);
+	i = fileName.lastIndexOf(".");
+	if (i >= 0)
+		return mimeFromExt(fileName.substring(i + 1));
+	return "application/octet-stream";
+}
+
+export function mimeFromExt(ext)
+{
+	switch (ext)
+	{
+	case "3gp": return "video/3gpp";
+	case "3g2": return "video/3gpp2";
+	case "7z": return "application/x-7z-compressed";
+	case "aac": return "audio/aac";
+	case "abw": return "application/x-abiword";
+	case "aif": return "audio/aiff";
+	case "arc": return "application/x-freearc";
+	case "asf": return "video/x-ms-asf";
+	case "avi": return "video/x-msvideo";
+	case "avif": return "image/avif";
+	case "azw": return "application/vnd.amazon.ebook";
+	case "bin": return "application/octet-stream";
+	case "bmp": return "image/bmp";
+	case "bz": return "application/x-bzip";
+	case "bz2": return "application/x-bzip2";
+	case "cda": return "application/x-cdf";
+	case "cjs": return "application/node";
+	case "csh": return "application/x-csh";
+	case "css": return "text/css";
+	case "csv": return "text/csv";
+	case "dbf": return "application/dbf";
+	case "doc": return "application/msword";
+	case "docm": return "application/vnd.ms-word.document.macroEnabled.12";
+	case "docx": return "application/vnd.openxmlformats-officedocument.wordprocessingml.document";
+	case "dot": return "application/msword";
+	case "dotm": return "application/vnd.ms-word.template.macroEnabled.12";
+	case "dotx": return "application/vnd.openxmlformats-officedocument.wordprocessingml.template";
+	case "eml": return "message/rfc822";
+	case "eot": return "application/vnd.ms-fontobject";
+	case "epub": return "application/epub+zip";
+	case "exe": return "application/x-exe";
+	case "flv": return "video/x-flv";
+	case "gif": return "image/gif";
+	case "glb": return "model/gltf-binary";
+	case "gpx": return "application/gpx+xml";
+	case "gz": return "application/gzip";
+	case "heic": return "image/heic";
+	case "heif": return "image/heif";
+	case "htm": return "text/html";
+	case "html": return "text/html";
+	case "ico": return "image/vnd.microsoft.icon";
+	case "ics": return "text/calendar";
+	case "igs": return "model/iges";
+	case "ipa": return "application/x-ios-app";
+	case "iso": return "application/x-iso9660-image";
+	case "jar": return "application/java-archive";
+	case "jp2": return "image/jpeg2000";
+	case "jpeg": return "image/jpeg";
+	case "jpg": return "image/jpeg";
+	case "js": return "text/javascript"; //RFC 9239
+	case "json": return "application/json";
+	case "jsonld": return "application/ld+json";
+	case "kml": return "application/vnd.google-earth.kml+xml";
+	case "kmz": return "application/vnd.google-earth.kmz";
+	case "lnk": return "application/x-ms-shortcut";
+	case "m1v": return "video/MPV";
+	case "m2v": return "video/MPV";
+	case "m2p": return "video/MP2P";
+	case "m2ts": return "video/MP2T";
+	case "m2t": return "video/MP2T";
+	case "m3u8": return "application/vnd.apple.mpegurl";
+	case "m4a": return "audio/x-m4a";
+	case "md": return "text/markdown";
+	case "mdb": return "application/vnd.ms-access";
+	case "mid": return "audio/midi";
+	case "midi": return "audio/midi";
+	case "mjs": return "text/javascript"; //RFC 9239
+	case "mkv": return "video/x-matroska";
+	case "mov": return "video/quicktime";
+	case "mp2": return "audio/mpeg";
+	case "mp3": return "audio/mpeg";
+	case "mp4": return "video/mp4";
+	case "mpeg": return "video/mpeg";
+	case "mpg": return "video/mpeg";
+	case "mpkg": return "application/vnd.apple.installer+xml";
+	case "odp": return "application/vnd.oasis.opendocument.presentation";
+	case "ods": return "application/vnd.oasis.opendocument.spreadsheet";
+	case "odt": return "application/vnd.oasis.opendocument.text";
+	case "oga": return "audio/ogg";
+	case "ogg": return "application/ogg";
+	case "ogv": return "video/ogg";
+	case "ogx": return "application/ogg";
+	case "opus": return "audio/opus";
+	case "otf": return "font/otf";
+	case "p10": return "application/pkcs10";
+	case "p7c": return "application/pkcs7-mime";
+	case "p7m": return "application/pkcs7-mime";
+	case "p7s": return "application/pkcs7-signature";
+	case "pac": return "application/x-ns-proxy-autoconfig";
+	case "pdf": return "application/pdf";
+	case "php": return "application/x-httpd-php";
+	case "pic": return "image/x-pict";
+	case "png": return "image/png";
+	case "pnt": return "image/x-maxpaint";
+	case "ppt": return "application/vnd.ms-powerpoint";
+	case "pptx": return "application/vnd.openxmlformats-officedocument.presentationml.presentation";
+	case "rar": return "application/vnd.rar"; //application/x-rar-compressed
+	case "rtf": return "application/rtf";
+	case "sh": return "application/x-sh";
+	case "svg": return "image/svg+xml";
+	case "swf": return "application/x-shockwave-flash";
+	case "tar": return "application/x-tar";
+	case "tga": return "image/x-targa";
+	case "tif": return "image/tiff";
+	case "tiff": return "image/tiff";
+	case "ts": return "video/mp2t";
+	case "ttf": return "font/ttf";
+	case "txt": return "text/plain";
+	case "vsd": return "application/vnd.visio";
+	case "wasm": return "application/wasm";
+	case "wav": return "audio/wav";
+	case "weba": return "audio/webm";
+	case "webm": return "video/webm";
+	case "webp": return "image/webp";
+	case "wma": return "audio/x-ms-wma";
+	case "wmv": return "video/x-ms-wmv";
+	case "woff": return "font/woff";
+	case "woff2": return "font/woff2";
+	case "wrl": return "model/vrml";
+	case "x3d": return "model/x3d+xml";
+	case "x3dv": return "model/x3d+vrml";
+	case "x3db": return "model/x3d+binary";
+	case "xhtml": return "application/xhtml+xml";
+	case "xla": return "application/vnd.ms-excel";
+	case "xlam": return "application/vnd.ms-excel.addin.macroEnabled.12";
+	case "xls": return "application/vnd.ms-excel";
+	case "xlsb": return "application/vnd.ms-excel.sheet.binary.macroEnabled.12";
+	case "xlsm": return "application/vnd.ms-excel.sheet.macroEnabled.12";
+	case "xlsx": return "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
+	case "xlt": return "application/vnd.ms-excel";
+	case "xltm": return "application/vnd.ms-excel.template.macroEnabled.12";
+	case "xltx": return "application/vnd.openxmlformats-officedocument.spreadsheetml.template";
+	case "xml": return "application/xml"; //RFC 7303
+	case "xul": return "application/vnd.mozilla.xul+xml";
+	case "zip": return "application/zip";
+	default: return "application/octet-stream";
+	}
+}
+
+export function getImageInfo(url)
+{
+	return new Promise(function (resolve, reject) {
+        const image = document.createElement('img');
+        image.addEventListener('load', function (e) {
+            resolve({
+                width: e.target.width,
+                height: e.target.height,
+            });
+        });
+
+        image.addEventListener('error', function () {
+            reject();
+        });
+
+        image.src = url;
+    });
+}
+
 export class Dialog
 {
 	constructor(content, options)
@@ -566,7 +730,7 @@ export class Dialog
 	{
 		if (this.darkColor)
 			return;
-		var darkColor = document.createElement("div");
+		let darkColor = document.createElement("div");
 		darkColor.style.position = "absolute";
 		darkColor.style.width = "100%";
 		darkColor.style.height = "100%";
@@ -580,10 +744,10 @@ export class Dialog
 		else
 			document.body.appendChild(darkColor);
 		this.darkColor = darkColor;
-		var dialog = document.createElement("div");
+		let dialog = document.createElement("div");
 		dialog.style.backgroundColor = "#ffffff";
-		var width;
-		var height;
+		let width;
+		let height;
 		if (typeof this.options.width == "number")
 			width = this.options.width + "px";
 		else
@@ -596,12 +760,12 @@ export class Dialog
 		dialog.style.height = height;
 		this.darkColor.appendChild(dialog);
 
-		var content = document.createElement("table");
+		let content = document.createElement("table");
 		content.setAttribute("border", "0");
 		content.style.width = width;
 		content.style.height = height;
-		var row = document.createElement("tr");
-		var contentCell = document.createElement("td");
+		let row = document.createElement("tr");
+		let contentCell = document.createElement("td");
 		contentCell.setAttribute("colspan", this.options.buttons.length);
 		contentCell.className = this.options.contentClass;
 		contentCell.style.overflowY = "auto";
@@ -619,8 +783,8 @@ export class Dialog
 		content.appendChild(row);
 		row = document.createElement("tr");
 		row.setAttribute("height", "20");
-		var i;
-		var col;
+		let i;
+		let col;
 		for (i in this.options.buttons)
 		{
 			col = document.createElement("td");
@@ -640,7 +804,7 @@ export class Dialog
 		contentCell.style.display = "inline-block";
 		if (this.options.margin)
 		{
-			var minHeight = row.offsetHeight;
+			let minHeight = row.offsetHeight;
 			row.setAttribute("height", this.options.margin + minHeight);
 			contentCell.style.height = (dialog.offsetHeight - minHeight - this.options.margin - this.options.margin)+"px";
 		}