[MORE]
m
m
m
";
171 | } else {
172 | console.log(t);
173 | lineArr[s] = "
m
m
m
" + lineArr.join(""); //The )( is so we can easily tell it later.
182 | } else {
183 | return " currentPage) {
80 | fullBring = fullBring + "
" + fullBring.substring(fullBring.lastIndexOf("";
137 | currentPage++;
138 | console.log("This one!");
139 |
140 | } else {
141 | fullBring = fullBring + diaArr[s] + "";
142 | }
143 |
144 | } else if (s === 0 && diaArr.length == 1) { //single line
145 | if (stack[i].positions[0].pageNumber > currentPage){
146 | fullBring = fullBring.substring(0,fullBring.lastIndexOf("" + fullBring;
167 | }
168 | console.log(fullBring);
169 | return fullBring;
170 | },
171 |
172 |
173 |
174 |
175 | //Helper functions are here. They are methods of Passage.
176 | /*
177 | A helper function that is connected to passage templates as $. It acts like the jQuery $ function, running a script when the passage is ready in the DOM. The function passed is also bound to div#page for convenience. If this is *not* passed a single function, then this acts as a passthrough to jQuery's native $ function. @method _readyFunc @return jQuery object, as with jQuery() @private
178 | */
179 |
180 |
181 | _formatArray: function(input, positions, lineType, page) {
182 | //This function formats non-dialogue-driving lines: AKA cha, act, sch, tra. par and dia are handled within the parent function.
183 | var inputArr = [];
184 | var output = '';
185 | var i=0;
186 | var s=0;
187 | var ss=0;
188 | var lineLength;
189 | var addPageLine = '';
190 | var addingPages = false;
191 | if (typeof(input) != "string" || typeof(positions) !="object" || typeof(lineType) != "string") {
192 | return "Something is wrong with your inputs.";
193 | }
194 | switch (lineType) {
195 | case "cha":
196 | lineLength = 34;
197 | break;
198 | case "act":
199 | lineLength = 65;
200 | break;
201 | case "sch":
202 | lineLength = 65;
203 | break;
204 | case "tra":
205 | lineLength = 65;
206 | break;
207 | }
208 |
209 | if (lineType == "cha" || lineType == "sch" || lineType == "tra"){
210 | input = input.toUpperCase();
211 | }
212 |
213 | if (positions.length === 1){
214 | inputArr[0] = input;
215 | } else {
216 | ss=0;
217 | for (i=0; ss page){
246 | //always put it at the beginning...
247 | addPageLine = " ";
248 | addingPages = true;
249 | page++;
250 | break;
251 | } else {
252 | addPageLine = '';
253 | }
254 | }
255 | for (i=0; i" + inputArr[i] + "";
258 | } else {
259 | if (i === 0) {
260 | output = "
"; 265 | } 266 | } 267 | } 268 | output = addPageLine + output; 269 | //console.log(output); 270 | return [output, addingPages]; 271 | }, 272 | 273 | 274 | _productionParser: function(original){ 275 | //Takes the original, unescaped string and turns it into an object array. 276 | var lineRegExpG =/^((\w{3})(>>)(.*)$|\[\[(.*?)\|(.*?)\]\]$)/gm; //both the link grabber and the text grabber combined! 277 | var lineRegExpL = /^((\w{3})(>>)(.*)$|\[\[(.*?)\|(.*?)\]\]$)/; 278 | var sourceMatches = original.match(lineRegExpG); //returns an array of all line matches where the lines begin with itm>> or are links. 279 | var i; 280 | for (i=0; i>HAHA! HI!", "dia", ">>", "HAHA! HI!"]
287 | sourceMatches[i] = {text: sourceMatches[i][3], style: sourceMatches[i][1]};
288 | } else if (sourceMatches[i].length == 3){
289 | //regular items should have 4 items in their array at this point. Format: ["[[target|display]]","target","display"]
290 | sourceMatches[i] = {text: sourceMatches[i][1], target: sourceMatches[i][2], style: "link"};
291 |
292 | } else {
293 | sourceMatches[i] = {text: "There is a problem with this item.", style: "err"};
294 | }
295 | }
296 | return sourceMatches;
297 | },
298 |
299 | _sketchParser: (function(original) {
300 | if (original.slice(0,8) == "sketch>>" ) {
301 | original = original.slice(8);
302 | }
303 | // console.log(original);
304 | var globalLineReg = /(^\[\[(.*?)\|(.*?)\]\]$|^.+$)/gm;
305 | var localLineReg = /(^\[\[(.*?)\|(.*?)\]\]$|^.+$)/;
306 | var sourceMatches = original.match(globalLineReg); //returns an array of all lines and links.
307 | var i;
308 |
309 | for (i=0; i' + display + '' + ' ';
332 | } else {
333 | finishedLink = '';
334 | }
335 |
336 | } catch(err) {
337 | this.linksExist = false;
338 | }
339 | return finishedLink;
340 | }),
341 | });
342 |
343 |
344 |
--------------------------------------------------------------------------------
/js/passage.js.bak:
--------------------------------------------------------------------------------
1 | //note to self: always do a whitespace runthrough when code is written. It'll save your sanity.
2 | 'use strict';
3 |
4 |
5 | function Passage (id, name, tags, source) {
6 | //the numeric id of the passage. Super importante. Number, readonly.
7 | this.id = id;
8 |
9 | //the name of the passage. Not as important. String.
10 | this.name = name;
11 |
12 | //the tags of the passage. Not used by me personally, but eh. Array.
13 | this.tags = tags;
14 |
15 | //The passage's source code. String.
16 | this.source = _.unescape(source);
17 |
18 | //a storage place for knowing if text exists in the passage
19 | this.textExists = false;
20 |
21 | //a storage place for knowing if links exist
22 | this.linkExists = false;
23 |
24 | //a storage place for the page height, for knowing if we need to add pages.
25 | this.pageHeight = 0;
26 | }
27 |
28 |
29 | _.extend(Passage.prototype, {
30 | /*Stolen from Chris Klimas.
31 | Runs the source through Underscore's template parser then through a Markdown renderer, then converts bracketed links into proper passage links.
32 | Returns the HTML source. This is where the magic happens.*/
33 | render: function() {
34 | window.bypassError = false; // make sure that the error handler is active.
35 | this.pageHeight = 0;
36 | var result = '';
37 | var unes = _.unescape(this.source); //unes is the unescaped source.
38 | unes = unes.replace(/\/\*.*\*\//g, '');
39 | // Remove // comments
40 | // to avoid clashes with URLs, lines must start with these
41 | unes = unes.replace(/^\/\/.*(\r\n?|\n)/g, '');
42 | if (window.story.sketchMode === false) {
43 | result = this._formatMachine(unes);//Takes the unescaped source and returns the completed text!
44 | } else {
45 | //we're in sketch mode now. Sketchmode is a pretty simple concept. It just takes each line and turns it into an unordered list.
46 | result = this._sketchMachine(unes);
47 | }
48 | return result;
49 |
50 | },
51 |
52 |
53 | //Helper functions are here. Technically all part of _.extend(Passage.prototype, { which is on line 27 at this time.
54 | /*
55 | (stolen from snowman) A helper function that is connected to passage templates as $. It acts like the jQuery $ function, running a script when the passage is ready in the DOM. The function passed is also bound to div#page for convenience. If this is *not* passed a single function, then this acts as a passthrough to jQuery's native $ function. @method _readyFunc @return jQuery object, as with jQuery() @private
56 | */
57 | _formatMachine: function(original){
58 | var lineRegExp =/(\w{3}>>(.*)(\r\n|\n)?|\[\[(.*?)\]\](\r\n|\n)?)/g; //both the link grabber and the text grabber combined!
59 | var sourceMatches = original.match(lineRegExp); //returns an array of all line matches where the lines begin with itm>> or are links.
60 | var i;
61 | this.textExists = false;
62 | try {
63 | this.textExists = true;
64 | for (i=0; i < sourceMatches.length; i++) {
65 | var lineType = sourceMatches[i].substring(0,3);
66 | var lineContent = sourceMatches[i].substring(5);
67 | if (lineType == "if>" || lineType == ">>>" || lineType == "eli" || lineType == "els") {
68 | continue; //We'll let conditional statements pass through... for now.
69 | /*TODO: Conditional statement format:
70 | if>>> condition
71 | itm>>item
72 | itm>> item
73 | >>>>> (end conditional statement)
74 |
75 | if>>> condition
76 | itm>>item
77 | itm>> item
78 | els>> (blank, else statement)
79 | itm>> item
80 | itm>> item
81 | >>>>> (end conditional statement)
82 |
83 | Else If support: (infinte else ifs)
84 | if>>> condition
85 | itm>>item
86 | itm>> item
87 | elif> other condition
88 | itm>> item
89 | itm>> item
90 | elif> other condition
91 | itm>> item
92 | itm>> item
93 | >>>>> (end conditional statement, else optional.)
94 | It basically rejiggers the whole thing into a Javascript if statement,
95 | then brings the whole chunk into one array element.
96 | */
97 | } else if (lineType == "act" || lineType == "sch" || lineType == "tra") {
98 | lineContent = this.pageParser(lineType, lineContent, 62);
99 | } else if (lineType == "dia"){
100 | lineContent = this.pageParser(lineType, lineContent, 33);
101 | } else if (lineType == "cha") {
102 | lineContent = this.pageParser(lineType, lineContent, 26);
103 | } else if (lineType == "par") { //Auto-adds parenthases as necessary.
104 | var matches = lineContent.match(/\s?(\()?([^)]*)(\))?$/);
105 | if (matches.length == 1) {
106 | lineContent = "(" + lineContent + ")";
107 | } else if (matches.length == 2) {
108 | if (matches[0] == "(") {
109 | lineContent = lineContent + ")";
110 | } else {
111 | lineContent = "(" + lineContent;
112 | }
113 | }
114 | lineContent = this.pageParser(lineContent, 26);
115 | } else if (lineType.substring(0,2) == "[[") {
116 | //link
117 | lineType = "link";
118 | this.linksExist = true;
119 | }
120 | if (lineType == "act" || lineType == "sch" || lineType == "tra" || lineType == "dia" || lineType == "cha" || lineType == "par"){
121 | if (sourceMatches[i].substring(0,2) == ")(") {
122 | original = original.replace(sourceMatches[i], lineContent.substring(2) + "");
123 | } else if (lineType == "link") {
124 | original = original.replace(sourceMatches[i], this._linkMachine(sourceMatches[i]));
125 | } else {
126 | original = original.replace(sourceMatches[i], '' + sourceMatches[i] + " ";
173 | }
174 | }
175 |
176 | //console.log(this.pageHeight.toString() + sourceMatches[i]);
177 | }
178 | } catch(err) {
179 | console.log("derped!");
180 | this.textExists = false;
181 | }
182 | //console.log(sourceMatches);
183 | return "=90) {
240 | if (window.story.sketchMode === false){
241 | lineArr[s] = "
" + t;
245 | }
246 | s++;
247 | this.pageHeight = 0;
248 | }
249 | }
250 | if (npAtFront === true) {
251 | if (window.story.sketchMode === false) {
252 | return ")(
- " + lineArr.join("");
184 | }
185 | } else {
186 | return lineArr.join("");
187 | }
188 | }
189 | });
190 |
191 |
192 |
--------------------------------------------------------------------------------
/js/passage.js:
--------------------------------------------------------------------------------
1 | //note to self: always do a whitespace runthrough when code is written. It'll save your sanity.
2 | 'use strict';
3 |
4 |
5 | function Passage (id, name, tags, source) {
6 | //the numeric id of the passage. Super importante. Number, readonly.
7 | this.id = id;
8 |
9 | //the name of the passage. Not as important. String.
10 | this.name = name;
11 |
12 | //the tags of the passage. Not used by me personally, but eh. Array.
13 | this.tags = tags;
14 |
15 | //The passage's source code. Returns an array that later becomes a string during inital processing.
16 | this.source = source;
17 | this.stack = [];
18 | //a storage place for knowing if text exists in the passage
19 | this.textExists = false;
20 |
21 | //a storage place for knowing if links exist
22 | this.linkExists = false;
23 |
24 | //a storage place for the page height, for knowing if we need to add pages.
25 | this.pageHeight = 0;
26 |
27 | }
28 |
29 |
30 | _.extend(Passage.prototype, {
31 |
32 |
33 | parsePassage: function(){
34 | //this is the code that actually throws the stuff on screen
35 | if (window.story.sketchMode === false){
36 | this.stack = this._productionParser(_.unescape(this.source));
37 | } else {
38 | this.stack = this._sketchParser(_.unescape(this.source));
39 | }
40 | var passageDef = {
41 | content: this.stack,
42 | defaultStyle: window.story.defaultStyle,
43 | styles: window.story.styles,
44 | pageMargins: window.story.pageMargins,
45 | pageSize: window.story.pageSize
46 | };
47 | var parsedObj = pdfMake.createPdf(passageDef);
48 | window.bypassError = true;
49 | parsedObj._createDoc();
50 |
51 | },
52 |
53 |
54 | screenRender: function(){
55 | //this is the code that actually formats the stuff that gets thrown up on screen. when testing, it always returns "derp"
56 | var testing = false;
57 | var stack = this.stack;
58 | var i;
59 | var s;
60 | var currentPage = 1;
61 | var fullBring = ''; //The concatenated var containing the full, rendered passage, complete with HTML markup. Also, a Bleach reference :D
62 | for (i=0; i
- ";
81 | currentPage = stack[i].positions[s].pageNumber;
82 | }
83 | }
84 | } else if (stack[i].style == "link"){
85 | var target = stack[i].target;
86 | var display = stack[i].text;
87 |
88 | if (/^\w+:\/\/\/?\w/i.test(target)) {
89 | fullBring = fullBring + '
' + display + '' + '
'; 90 | } else { 91 | fullBring = fullBring + '' + _.escape(display) + '' + '
'; 92 | } 93 | } else if (stack[i].style == "sch" || stack[i].style == "tra" || stack[i].style == "act" || stack[i].style == "cha"){ 94 | //if (i==2){ 95 | //console.log(stack[i].text, stack[i].positions, stack[i].style, currentPage); 96 | //} 97 | //var result = "derp"; 98 | 99 | var result = this._formatArray(stack[i].text, stack[i].positions, stack[i].style, currentPage); // return [addPageLine + output, addingPages]; 100 | if ( result[1] > currentPage) { 101 | currentPage++; 102 | } 103 | fullBring = fullBring + result[0]; 104 | } else if (stack[i].style == "dia"){ //34 105 | var diaArr = []; 106 | var ss = 0; 107 | if (stack[i].positions.length == 1){ 108 | diaArr[0] = stack[i].text; 109 | } else { 110 | for (s=0; s")) + "
m
m
m
")); 129 | currentPage++; 130 | console.log("This one!"); 131 | } else { 132 | fullBring = fullBring + "
" + diaArr[s] + "
";
133 | }
134 | } else if (s !==0 && s == (diaArr.length-1)){ //at the end, multiline
135 | if (stack[i].positions[s-1].pageNumber > currentPage){
136 | fullBring = fullBring + diaArr[s] + "
m
m
m
")) + "
m
m
m
" + fullBring.substring(fullBring.lastIndexOf("")) + diaArr[0] + "
"; 147 | currentPage++; 148 | console.log("This one!"); 149 | 150 | } else { 151 | fullBring = fullBring + "" + diaArr[s] + "
"; 152 | } 153 | } else { //somewhere in the middle, multiline. 154 | if (stack[i].positions[s-1].pageNumber > currentPage){ 155 | fullBring = fullBring + "[MORE]
m
m
m
[CONTINUED]
" + diaArr[s] + "
";
156 | console.log("This one!");
157 |
158 | } else {
159 | fullBring = fullBring + diaArr[s] + "
";
160 | }
161 | }
162 | }
163 | }
164 | }
165 | if (window.story.sketchMode === false){
166 | fullBring = "
m
m
m
m
m
m
" + inputArr[i] + "
";
261 | } else if (i == inputArr.length-1){
262 | output = output + inputArr[i] + "
"; 265 | } 266 | } 267 | } 268 | output = addPageLine + output; 269 | //console.log(output); 270 | return [output, addingPages]; 271 | }, 272 | 273 | 274 | _productionParser: function(original){ 275 | //Takes the original, unescaped string and turns it into an object array. 276 | var lineRegExpG =/^((\w{3})(>>)(.*)$|\[\[(.*?)\|(.*?)\]\]$)/gm; //both the link grabber and the text grabber combined! 277 | var lineRegExpL = /^((\w{3})(>>)(.*)$|\[\[(.*?)\|(.*?)\]\]$)/; 278 | var sourceMatches = original.match(lineRegExpG); //returns an array of all line matches where the lines begin with itm>> or are links. 279 | var i; 280 | for (i=0; i
' + lineContent + "
");
127 | }
128 | }
129 | }
130 | } catch(err) {
131 | this.textExists = false;
132 | this.linksExist = false;
133 | console.log(err);
134 | }
135 | if (this.linksExist === false && this.textExists === false) {
136 | original = '(This passage has no data or has some other unrecoverable error. Check the Javascript console for your error.)
m
m
m
- ";
161 | sourceMatches[i] = this._pageParser("sketch",sourceMatches[i],65);
162 | //console.log(sourceMatches[i]);
163 |
164 | } else if (sourceMatches[i].match(/\w/) === null){ //if there's no non-whitespace characters, kill it, let .join() sort it out.
165 | delete sourceMatches[i];
166 | } else {
167 | //console.log(sourceMatches[i]);
168 | sourceMatches[i] = this._pageParser("sketch",sourceMatches[i],60);
169 | if (sourceMatches[i].substring(0,5) == "
- " + sourceMatches.join("") + "
' + display + '' + '
';
197 | } else {
198 | finishedLink = '';
199 | }
200 |
201 | } catch(err) {
202 | this.linksExist = false;
203 | }
204 | return finishedLink;
205 | },
206 |
207 |
208 | _pageParser: function(t, c, w) { //t=type, c=content, w=width
209 | //This function automatically figures out how many pages that a passage uses and generates pages accordingly.
210 | var npAtFront = false;
211 | var result = '';
212 | //console.log(c.length);
213 |
214 | if (t == "cha" || t== "act" ||t == "sch" || t == "tra" || t == "link" || t == "sketch") {
215 | this.pageHeight++;
216 | if (this.pageHeight >=90){
217 | npAtFront = true;
218 | } else {
219 | npAtFront = false;
220 | }
221 | }
222 | if (npAtFront === true) {
223 | this.pageHeight = 0;
224 | }
225 | var i = 0;
226 | var s = 0; //s is a dummy iterator, so we can build the array as needed without being limited to c(ontent).length
227 | var lineArr = []; //an array holding each line.
228 | for (i=0; i[MORE]
m
m
m
";
242 | } else {
243 | console.log(t);
244 | lineArr[s] = "
m
m
m
" + lineArr.join(""); //The )( is so we can easily tell it later.
253 | } else {
254 | return "
\n";
315 | pageChangeArr[pageCounter-1] = { index: i, text: pageBreak + itemArr[i]};
316 | tempPassage.innerHTML = "";
317 | newstring = "";
318 | pageCounter = pageCounter + 1;
319 | } else {
320 | pageBreak = "
- " + lineArr.join("");
255 | }
256 | } else {
257 | return lineArr.join("");
258 | }
259 |
260 |
261 | //Let's save this old, bad chunk of code for now.
262 | /* *****KNOWN ISSUE*****
263 | The page parser can really only guess at what the final result will be, and it seems to find an arbitrary place
264 | to put the pagemaking code each time. I need to figure out an exact way for the parser to guess accurately.
265 | Until then, it works, just the distances between the pages and here the pages actually split seem arbitrary to the
266 | end user.
267 | *\///remove backslash to uncomment
268 |
269 |
270 | var tempPassage = document.getElementById("passageConstruction");
271 | tempPassage.innerHTML = ""; //Element needs to be cleared out before we can begin.
272 | var tempHeight = 0;
273 | var heightRegEx = /.*(\r\n|\n)?/g;
274 | var wordRegEx = /
275 | var itemArr = original.match(heightRegEx);
276 | var heightSubtractor = 0;
277 | var pageCounter = 1;
278 | var result = '';
279 | var pageDistance = [];
280 | var newstring = '';
281 | var changePageArr = [];
282 | var firstPart = '';
283 | var breakoff = '';
284 | var secondPart = '';
285 | var pageChangeArr = [];
286 | var pageBreak = '';
287 | //We need to build the "#passageConstruction" div character by character (used to be line by line), test the height, and add pages based on that height. To do that, we need to make the tempPassage workable. AKA not display: hidden;
288 | tempPassage.style.position = "absolute";
289 | tempPassage.style.visibility = "hidden";
290 | tempPassage.style.display = "block";
291 | tempPassage.style.width = "672px";
292 | tempPassage.style.left = "0px";
293 | tempPassage.style.top = "0px";
294 | for (i=0; i
m
m
m
- \n";
321 | pageChangeArr[pageCounter-1] = { index: i, text: pageBreak + itemArr[i]};
322 | }
323 | }
324 | }
325 | }
326 | for (i=0; i
- ' + text + ' \n'; 812 | }; 813 | 814 | Renderer.prototype.paragraph = function(text) { 815 | return '
'
768 | + (escaped ? code : escape(code, true))
769 | + '\n'
776 | + (escaped ? code : escape(code, true))
777 | + '\n\n' + quote + '\n'; 782 | }; 783 | 784 | Renderer.prototype.html = function(html) { 785 | return html; 786 | }; 787 | 788 | Renderer.prototype.heading = function(text, level, raw) { 789 | return '
\n' : '
\n'; 803 | }; 804 | 805 | Renderer.prototype.list = function(body, ordered) { 806 | var type = ordered ? 'ol' : 'ul'; 807 | return '<' + type + '>\n' + body + '\n'; 808 | }; 809 | 810 | Renderer.prototype.listitem = function(text) { 811 | return '
' + text + '
\n'; 816 | }; 817 | 818 | Renderer.prototype.table = function(header, body) { 819 | return '' + text + '';
852 | };
853 |
854 | Renderer.prototype.br = function() {
855 | return this.options.xhtml ? '' : '
'; 856 | }; 857 | 858 | Renderer.prototype.del = function(text) { 859 | return '
An error occured:
' 1212 | + escape(e.message + '', true) 1213 | + ''; 1214 | } 1215 | throw e; 1216 | } 1217 | } 1218 | 1219 | /** 1220 | * Options 1221 | */ 1222 | 1223 | marked.options = 1224 | marked.setOptions = function(opt) { 1225 | merge(marked.defaults, opt); 1226 | return marked; 1227 | }; 1228 | 1229 | marked.defaults = { 1230 | gfm: true, 1231 | tables: true, 1232 | breaks: false, 1233 | pedantic: false, 1234 | sanitize: false, 1235 | smartLists: false, 1236 | silent: false, 1237 | highlight: null, 1238 | langPrefix: 'lang-', 1239 | smartypants: false, 1240 | headerPrefix: '', 1241 | renderer: new Renderer, 1242 | xhtml: false 1243 | }; 1244 | 1245 | /** 1246 | * Expose 1247 | */ 1248 | 1249 | marked.Parser = Parser; 1250 | marked.parser = Parser.parse; 1251 | 1252 | marked.Renderer = Renderer; 1253 | 1254 | marked.Lexer = Lexer; 1255 | marked.lexer = Lexer.lex; 1256 | 1257 | marked.InlineLexer = InlineLexer; 1258 | marked.inlineLexer = InlineLexer.output; 1259 | 1260 | marked.parse = marked; 1261 | 1262 | if (typeof module !== 'undefined' && typeof exports === 'object') { 1263 | module.exports = marked; 1264 | } else if (typeof define === 'function' && define.amd) { 1265 | define(function() { return marked; }); 1266 | } else { 1267 | this.marked = marked; 1268 | } 1269 | 1270 | }).call(function() { 1271 | return this || (typeof window !== 'undefined' ? window : global); 1272 | }()); 1273 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Screentastic", 3 | "version": "0.4.5", 4 | "description": "A Twine 2 Story Format for creating Interactive Screenplays.", 5 | "author": "Sean Simon