Current Dev State

static/js/ketcher2/script/ui/component/savebutton.jsx

@@ -0,0 +1,77 @@
+/****************************************************************************
+ * Copyright 2017 EPAM Systems
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ ***************************************************************************/
+
+import { h, Component } from 'preact';
+/** @jsx h */
+import fs from 'filesaver.js';
+
+class SaveButton extends Component {
+	constructor({filename="unnamed", type="text/plain", className='', ...props}) {
+		super({filename, type, className, ...props});
+		fileSaver(props.server).then(saver => {
+			this.setState({saver});
+		});
+	}
+
+	save(ev) {
+		const noop = () => null;
+		const { filename, data, type, onSave = noop, onError = noop } = this.props;
+
+		if (this.state.saver && data)
+			try {
+				this.state.saver(data, filename, type);
+				onSave();
+			}
+			catch(e) {
+				onError(e);
+			}
+
+		ev.preventDefault();
+	}
+
+	render() {
+		let { children, filename, data, className, ...props } = this.props;
+
+		if (!this.state.saver || !data)
+			className = `disabled ${className}`;
+
+		return (
+			<a download={filename} onClick={ev => this.save(ev)}
+			   className={className} {...props}>
+				{ children }
+			</a>
+		);
+	}
+}
+
+function fileSaver(server) {
+	return new Promise((resolve, reject) => {
+		if (global.Blob && fs.saveAs) {
+			resolve((data, fn, type) => {
+				const blob = new Blob([data], { type });
+				fs.saveAs(blob, fn);
+			});
+		} else if (server) {
+			resolve(server.then(() => {
+				throw "Server doesn't still support echo method";
+			}));
+		} else
+			reject(new Error("Your browser does not support "  +
+							 "opening files locally"));
+	});
+}
+
+export default SaveButton;