ProcessHannaCode/ProcessHannaCode.js at master · ryancramerdesign/ProcessHannaCode · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
/**
 * Hanna Code
 *
 * Copyright (C) 2021 by Ryan Cramer
 * Licensed under MPL 2.0
 * https://processwire.com
 *
 */

function initHannaCodeAce() {

	var hcCode = $("#hc_code");
	if(hcCode.length < 1) return;

	var hcCodeDiv = $('<div id="hc_code_div"></div>').css('height', hcCode.attr('data-height') + 'px');

	hcCode.after(hcCodeDiv);
	var editor=ace.edit('hc_code_div');

	hcCode.hide();

	editor.getSession().setValue(hcCode.val());
	editor.getSession().on('change', function() {
		hcCode.val(editor.getSession().getValue())
	});

	var hcTheme = hcCode.attr('data-theme');
	var _hcTheme = editor.getTheme();
	if(hcTheme) editor.setTheme('ace/theme/' + hcTheme);

	var hcKeybinding = hcCode.attr('data-keybinding');
	var _hcKeybinding = editor.getKeyboardHandler(); // original
	if(hcKeybinding && hcKeybinding !== 'none') editor.setKeyboardHandler('ace/keyboard/' + hcKeybinding);

	var hcBehaviors = parseInt(hcCode.attr('data-behaviors'));
	editor.setBehavioursEnabled(hcBehaviors & 2);
	editor.setWrapBehavioursEnabled(hcBehaviors & 4);

	var hcType = $("input[name=hc_type]");

	hcType.change(function() {

		if(!$(this).is(":checked")) return;

		var val = parseInt($(this).val());
		var editorMode = 'html';
		var editorValue = editor.getSession().getValue();
		var phpBlankValue = "<" + "?php namespace ProcessWire;\n\n";

		if(val === 1) {
			editorMode = 'javascript';
			if(editorValue === phpBlankValue) editor.getSession().setValue('');
		} else if(val === 2) {
			editorMode = 'php';
			if(editorValue.length < 1) editor.getSession().setValue(phpBlankValue);
		} else {
			editorMode = 'plain_text';
			if(editorValue === phpBlankValue) editor.getSession().setValue('');
		}

		editor.getSession().setMode("ace/mode/" + editorMode);

	}).change();

	var setAceBehaviors = function() {
		$("#wrap_aceBehaviors input").each(function() {
			var val = parseInt($(this).val());
			var enabled = $(this).is(":checked");
			if(val === 2) editor.setBehavioursEnabled(enabled);
			if(val === 4) editor.setWrapBehavioursEnabled(enabled);
		});
	};

	$("#aceTheme").change(function() {
		var val = $(this).val();
		if(val.length) {
			editor.setTheme('ace/theme/' + $(this).val());
		} else {
			editor.setTheme(_hcTheme);
		}
	});
	$("#aceHeight").change(function() {
		var height = parseInt($(this).val());
		if(height < 100) height = 100;
		if(height > 2000) height = 2000;
		$("#hc_code_div").css('height', height + 'px');
		editor.resize();
	});
	$("#aceKeybinding").change(function() {
		var val = $(this).val();
		if(val === 'none' || !val.length) {
			editor.setKeyboardHandler(_hcKeybinding);
		} else {
			editor.setKeyboardHandler('ace/keyboard/' + $(this).val());
		}
	});
	$("#wrap_aceBehaviors input").change(function() {
		setTimeout(setAceBehaviors, 250);
	});
}

$(document).ready(function() {
	$("#hc_export").on('click', function() {
		$(this).select();
	});
	var $edit = $('#HannaCodeEdit');
	if($edit.length) {
		$edit.WireTabs({
			items: $(".WireTab"),
			skipRememberTabIDs: ['HannaCodeDelete']
		});
	}

	setTimeout('initHannaCodeAce()', 250);
});