volcanos/plugin/state.js

Volcanos("onimport", {help: "导入数据", list: [], _init: function(can, conf, list, cb, target) {},
	_process: function(can, msg) {
		msg.OptionStatus() && can.onmotion.clear(can, can._status) && can.onappend._status(can, can.base.Obj(msg.OptionStatus()))
		return can.core.CallFunc([can.onimport, msg.OptionProcess()], [can, msg])
	},

	_location: function(can, msg) { location.href = msg._arg[0] },
	_rewrite: function(can, msg) {
		for (var i = 0; i < msg._arg.length; i += 2) {
			can.Option(msg._arg[i], msg._arg[i+1])
			can.Action(msg._arg[i], msg._arg[i+1])
		}
		can.Update()
		return true
	},
	_refresh: function(can, msg) {
		can.core.Timer(parseInt(msg.Option("_delay")||"500"), function() {
			var sub = can.request({}, {_count: parseInt(msg.Option("_count"))-1})
			can.Update()
		})
		return true
	},
	_display: function(can, msg) {
		Volcanos("some", {}, [msg.Option(ice.MSG_DISPLAY)].concat(Volcanos.meta.libs, Volcanos.meta.volcano), function(sub) {
			sub.Conf(can.Conf()), sub.run = can.run
			sub._option = can._option, sub._action = can._action
			sub.onimport._init(sub, msg, [], function() {}, can._output)
		})
		return true
	},
	_field: function(can, msg) {
		msg.Table(function(item) { can.onappend._plugin(can, item, {arg: can.base.Obj(item[ice.ARG], [])}, function(sub, meta) {
			var opt = can.base.Obj(item[ice.OPT], [])
			sub.Conf(html.HEIGHT, can.Conf(html.HEIGHT))
			sub.Conf(html.WIDTH, can.Conf(html.WIDTH)-4*html.PLUGIN_MARGIN)
			sub.run = function(event, cmds, cb, silent) {
				var res = can.request(event, can.Option())
				for (var i = 0; i < opt.length; i += 2) { res.Option(opt[i], opt[i+1]) }
				can.run(event, (msg[ice.MSG_PREFIX]||[]).concat(cmds), cb, true)
			}
		}) })
		return true
	},
	_inner: function(can, msg) {
		can.onappend.table(can, msg)
		can.onappend.board(can, msg)
		can.onmotion.story.auto(can)
		can.page.Modify(can, can._output, {style: {display: html.BLOCK}})
		return true
	},

	_open: function(can, msg) { can.user.open(msg.Option("_arg")); return true },
	_hold: function(can, msg) { return true },
	_back: function(can) {
		can._history.pop(); for (var his = can._history.pop(); his; his = can._history.pop()) {
			if (his[0] == ctx.ACTION) { continue }
			can.page.SelectArgs(can, can._option, "", function(item, index) { item.value = his[index]||"" }), can.Update()
			break
		}
		!his && can.Update()
		return true
	},

	_grow: function(can, str) {
		if (can.page.Select(can, can._output, "div.code", function(div) {
			can.page.Modify(can, div, {style: {"max-height": 400}})
			can.page.Append(can, div, [{text: [str]}])
			div.scrollBy(0, 10000)
			return true
		}).length == 0) {
			can.onappend.board(can, str)
		}
	},
})
Volcanos("onaction", {help: "交互操作", list: [
		"共享工具", "切换全屏", "打开链接", "生成链接", "生成图片", "生成脚本", "刷新数据", "刷新页面", [
			"其它", "清空参数", "复制数据", "下载数据", "清空数据", "删除工具", "打包页面", "摄像头", "扩展参数",
		],
	], _init: function(can, msg, list, cb, target) {},
	_engine: function(event, can, button) { can.Update(event, [ctx.ACTION, button].concat(can.Input([], true))) },

	"扩展参数": function(event, can) {
		can.onmotion.toggle(can, can._action)
	},
	"共享工具": function(event, can) { var meta = can.Conf()
		can.onmotion.share(event, can, [{name: chat.TITLE, value: meta.name}, {name: chat.TOPIC, values: [cli.WHITE, cli.BLACK]}], [
			mdb.NAME, meta.index, mdb.TEXT, JSON.stringify(can.Input([], true)),
		])
	},
	"切换全屏": function(event, can) {
		if (can.page.ClassList.neg(can, can._target, "Full")) {
			can.page.style(can, can._output, "height", window.innerHeight-(can._status.innerText? 2: 1)*html.ACTION_HEIGHT, "min-width", window.innerWidth)
		} else {
			can.page.style(can, can._output, "height", "", "min-width", "")
		}
	},
	"打开链接": function(event, can) { var meta = can.Conf()
		var pre = "/chat/cmd/"; if (can.user.mod.isPod) { pre = "/chat/pod/"+can.misc.Search(can, ice.POD)+"/cmd/" }
		var args = can.Option(); args._path = pre+(meta.index||can.core.Keys(meta.ctx, meta.cmd))
		args._path.indexOf("/cmd/web.wiki.word") > -1 && (args = {_path: pre+args.path})

		can.user.isWeiXin? can.user.jumps(can.misc.MergeURL(can, args)): can.user.open(can.misc.MergeURL(can, args))
	},
	"生成链接": function(event, can) { var meta = can.Conf()
		var pre = "/chat/cmd/"; if (can.user.mod.isPod) { pre = "/chat/pod/"+can.misc.Search(can, ice.POD)+"/cmd/" }
		var args = can.Option(); args._path = pre+(meta.index||can.core.Keys(meta.ctx, meta.cmd))
		args._path.indexOf("/cmd/web.wiki.word") > -1 && (args = {_path: pre+args.path})
		var url = can.misc.MergeURL(can, args)
		can.user.copy(event, can, url)
		can.onmotion.share(event, can, [], [mdb.LINK, url])
	},
	"生成图片": function(event, can) { can.onmotion.toimage(event, can, can._name) },
	// "生成图片": function(event, can) {
	//     can.user.toPNG(can, "hi.png", can._target.outerHTML, can.Conf(html.HEIGHT), can.Conf(html.WIDTH))
	// },

	"生成脚本": function(event, can, button) { var conf = can.Conf()
		var args = can.Input("", true).join(ice.SP); var list = [
			"export ctx_dev="+location.origin+"; ctx_temp=$(mktemp); curl -fsSL $ctx_dev -o $ctx_temp;"+" source $ctx_temp "+(conf.index||"")+ice.SP+args,
			"ish_sys_dev_run_command "+args, "ish_sys_dev_run_action", "ish_sys_dev_run_source",
		]
		var ui = can.user.toast(can, {title: button, duration: -1, width: -300,
			content: '<div class="story" data-type="spark", data-name="shell">'+
			'<label>$ </label>'+'<span>'+list.join("</span><br/><label>$ </label><span>")+'</span>'+'</div>',
			action: [cli.CLOSE],
		})
		can.onmotion.story.auto(can, ui._target)
		can.user.copy(event, can, list[0])
	},
	"刷新数据": function(event, can) { can.Update({}, can.Input([], true)) },
	"打包页面": function(event, can) { can.onengine.signal(can, "onwebpack", can.request(event)) },
	"刷新页面": function(event, can) {
		var sub = can.core.Value(can._outputs, "-1"), msg = sub._msg
		can.core.CallFunc([sub, chat.ONIMPORT, "_init"], {can: sub, msg: msg, list: msg.result||msg.append||[], cb: function(msg) {
		}, target: can._output})
	},
	"保存参数": function(event, can) { can.search(event, ["River.ondetail.保存参数"]) },

	"清空参数": function(event, can) {
		can.page.SelectArgs(can, can._option, "", function(item) { return item.value = "" })
	},
	"复制数据": function(event, can) { var meta = can.Conf(), msg = can._msg
		var res = [msg.append && msg.append.join(",")]; msg.Table(function(line, index, array) {
			res.push(can.core.Item(line, function(key, value) { return value }).join(","))
		})

		res.length > 1 && can.user.copy(event, can, res.join(ice.SP))
		msg.result && can.user.copy(event, can, msg.Result())
	},
	"下载数据": function(event, can) { var meta = can.Conf(), msg = can._msg
		var res = [msg.append && msg.append.join(",")]; msg.Table(function(line, index, array) {
			res.push(can.core.Item(line, function(key, value) { return value }).join(","))
		})

		res.length > 1 && can.user.downloads(can, res.join("\n"), meta.name+".csv")
		msg.result && can.user.downloads(can, msg.Result(), meta.name+".txt")
	},
	"清空数据": function(event, can) { can.onmotion.clear(can, can._output) },
	"删除工具": function(event, can) { can.page.Remove(can, can._target) },
	"摄像头": function(event, can) {
		var constraints = {audio: false, video: {width: 200, height: 200}}
		var ui = can.page.Append(can, can._output, [{view: ctx.ACTION}, {view: "capture", list: [{type: "video", _init: function(item) {
			navigator.mediaDevices.getUserMedia(constraints).then(function(stream) {
				item.srcObject = stream, item.onloadedmetadata = function(e) {
					item.play()
				}, ui.stream = stream
			}).catch(function(err) { console.log(err.name + ": " + err.message); })
		}}]}])

		can.onappend._action(can, ["关闭", "抓拍"], ui.action, {
			"抓拍": function(event) {
				var canvas = can.page.Append(can, ui.capture, [{type: "canvas", width: ui.video.offsetWidth, height: ui.video.offsetHeight}]).first
				canvas.getContext("2d").drawImage(ui.video, 0, 0)
				can.page.Append(can, ui.capture, [{img: canvas.toDataURL('image/png'), style: {width: ui.video.offsetWidth, height: ui.video.offsetHeight}}])
				can.page.Remove(can, canvas)
			},
			"关闭": function(event) {
				can.core.List(ui.stream.getTracks(), function(track) { track.stop() })
				can.page.Remove(can, ui.action)
				can.page.Remove(can, ui.video)
				can.page.Remove(can, ui.capture)
			},
		})
	},

	actions: function(event, can) { can.onmotion.toggle(can, can._action) },
	clear: function(event, can, name) { can.onmotion.clear(can, can._output) },
	close: function(event, can) { can.page.Remove(can, can._target) },
	upload: function(event, can) { can.user.upload(event, can) },
	change: function(event, can, name, value, cb) {
		return can.page.SelectArgs(can, can._option, "", function(input) {
			if (input.name == name && value != input.value) { input.value = value
				var data = input.dataset||{}; can.Update(event, can.Input(), cb)
				return input
			}
		})
	},

	next: function(event, can) {
		can.Update(event, [ctx.ACTION, "next", can.Status("total")||0, can.Option("limit")||can.Action("limit"), can.Option("offend")||can.Action("offend")])
	},
	prev: function(event, can) {
		can.Update(event, [ctx.ACTION, "prev", can.Status("total")||0, can.Option("limit")||can.Action("limit"), can.Option("offend")||can.Action("offend")])
	},

	listTags: function(event, can, button) { var list = []
		can.core.List([can.base, can.core, can.misc, can.page, can.user,
			can.onengine, can.ondaemon, can.onappend, can.onlayout, can.onmotion, can.onkeymap,
		], function(lib) {
			can.core.Item(lib, function(key, value) { if (key.indexOf("_") == 0 || !lib.hasOwnProperty(key)) { return }
				list.push({zone: lib._name, type: typeof value, name: key, text: can.base.isObject(value)? "": (value+"").split(ice.NL)[0],
					path: "usr/volcanos/", file: lib._path, line: 1,
				})
			})
		})
		var msg = can.request(event, {_handle: true, text: can.base.Format(list)})
		can.run(event, [ctx.ACTION, button], function() { can.user.toastSuccess(can) })
	},
	getClipboardData: function(event, can, button) {
		function add(text) {
			can.run(event, can.base.Simple(ctx.ACTION, button, can.base.ParseJSON(text)), function(msg) {
				can.user.toastSuccess(can), can.Update()
			}, true)
		}
		if (navigator.clipboard) {
			navigator.clipboard.readText().then(add).catch(function(err) { can.misc.Log(err) })
		} else {
			can.user.input(event, can, [{type: html.TEXTAREA, name: mdb.TEXT}], function(ev, button, data, list, args) { add(list[0]) })
		}
	},
	getLocation: function(event, can, button) {
		can.user.agent.getLocation(function(data) { can.request(event, data)
			can.user.input(event, can, [mdb.TYPE, mdb.NAME, mdb.TEXT, "latitude", "longitude"], function(ev, bu, data, list, args) {
				can.run(event, [ctx.ACTION, button].concat(can.base.Simple(args, data)), function(msg) {
					can.user.toastSuccess(can), can.Update()
				}, true)
			})
		})
	},
	openLocation: function(event, can) { can.user.agent.openLocation(can.request(event)) },

})
Volcanos("onexport", {help: "导出数据", list: []})