squiffy-compiler 6.0.0-alpha.0 → 6.0.0-alpha.2

package/dist/squiffy.template.js

@@ -1,598 +0,0 @@
-export const squiffy = {
-    init: null,
-    story: {},
-    set: function (attribute, value) {
-        if (typeof value === 'undefined')
-            value = true;
-        if (squiffy.ui.settings.persist && window.localStorage) {
-            localStorage[squiffy.story.id + '-' + attribute] = JSON.stringify(value);
-        }
-        else {
-            squiffy.storageFallback[attribute] = JSON.stringify(value);
-        }
-        squiffy.ui.settings.onSet(attribute, value);
-    },
-    get: function (attribute) {
-        var result;
-        if (squiffy.ui.settings.persist && window.localStorage) {
-            result = localStorage[squiffy.story.id + '-' + attribute];
-        }
-        else {
-            result = squiffy.storageFallback[attribute];
-        }
-        if (!result)
-            return null;
-        return JSON.parse(result);
-    },
-    ui: {
-        output: null,
-        settings: null,
-        processText: null,
-        write: null,
-        clearScreen: null,
-        scrollToEnd: null,
-        transition: null,
-    },
-    storageFallback: {}
-};
-var initLinkHandler = function () {
-    var handleLink = function (link) {
-        if (link.classList.contains('disabled'))
-            return;
-        var passage = link.getAttribute('data-passage');
-        var section = link.getAttribute('data-section');
-        var rotateAttr = link.getAttribute('data-rotate');
-        var sequenceAttr = link.getAttribute('data-sequence');
-        var rotateOrSequenceAttr = rotateAttr || sequenceAttr;
-        if (passage) {
-            disableLink(link);
-            squiffy.set('_turncount', squiffy.get('_turncount') + 1);
-            passage = processLink(passage);
-            if (passage) {
-                currentSection?.appendChild(document.createElement('hr'));
-                squiffy.story.passage(passage);
-            }
-            var turnPassage = '@' + squiffy.get('_turncount');
-            if (turnPassage in squiffy.story.section.passages) {
-                squiffy.story.passage(turnPassage);
-            }
-            if ('@last' in squiffy.story.section.passages && squiffy.get('_turncount') >= squiffy.story.section.passageCount) {
-                squiffy.story.passage('@last');
-            }
-        }
-        else if (section) {
-            currentSection?.appendChild(document.createElement('hr'));
-            disableLink(link);
-            section = processLink(section);
-            squiffy.story.go(section);
-        }
-        else if (rotateOrSequenceAttr) {
-            var result = rotate(rotateOrSequenceAttr, rotateAttr ? link.innerText : '');
-            link.innerHTML = result[0].replace(/"/g, '"').replace(/'/g, '\'');
-            var dataAttribute = rotateAttr ? 'data-rotate' : 'data-sequence';
-            link.setAttribute(dataAttribute, result[1] || '');
-            if (!result[1]) {
-                disableLink(link);
-            }
-            const attribute = link.getAttribute('data-attribute');
-            if (attribute) {
-                squiffy.set(attribute, result[0]);
-            }
-            squiffy.story.save();
-        }
-    };
-    const handleClick = (event) => {
-        var target = event.target;
-        if (target.classList.contains('squiffy-link')) {
-            handleLink(target);
-        }
-    };
-    document.addEventListener('click', handleClick);
-    document.addEventListener('keypress', function (event) {
-        if (event.key !== "Enter")
-            return;
-        handleClick(event);
-    });
-};
-const disableLink = function (link) {
-    link.classList.add('disabled');
-    link.setAttribute('tabindex', '-1');
-};
-const disableLinks = function (links) {
-    links.forEach(disableLink);
-};
-squiffy.story.begin = function () {
-    if (!squiffy.story.load()) {
-        squiffy.story.go(squiffy.story.start);
-    }
-};
-var processLink = function (link) {
-    var sections = link.split(',');
-    var first = true;
-    var target = null;
-    sections.forEach(function (section) {
-        section = section.trim();
-        if (startsWith(section, '@replace ')) {
-            replaceLabel(section.substring(9));
-        }
-        else {
-            if (first) {
-                target = section;
-            }
-            else {
-                setAttribute(section);
-            }
-        }
-        first = false;
-    });
-    return target;
-};
-var setAttribute = function (expr) {
-    expr = expr.replace(/^(\w*\s*):=(.*)$/, (_, name, value) => (name + "=" + squiffy.ui.processText(value)));
-    var lhs, rhs, op, value;
-    var setRegex = /^([\w]*)\s*=\s*(.*)$/;
-    var setMatch = setRegex.exec(expr);
-    if (setMatch) {
-        lhs = setMatch[1];
-        rhs = setMatch[2];
-        if (isNaN(rhs)) {
-            if (startsWith(rhs, "@"))
-                rhs = squiffy.get(rhs.substring(1));
-            squiffy.set(lhs, rhs);
-        }
-        else {
-            squiffy.set(lhs, parseFloat(rhs));
-        }
-    }
-    else {
-        var incDecRegex = /^([\w]*)\s*([\+\-\*\/])=\s*(.*)$/;
-        var incDecMatch = incDecRegex.exec(expr);
-        if (incDecMatch) {
-            lhs = incDecMatch[1];
-            op = incDecMatch[2];
-            rhs = incDecMatch[3];
-            if (startsWith(rhs, "@"))
-                rhs = squiffy.get(rhs.substring(1));
-            rhs = parseFloat(rhs);
-            value = squiffy.get(lhs);
-            if (value === null)
-                value = 0;
-            if (op == '+') {
-                value += rhs;
-            }
-            if (op == '-') {
-                value -= rhs;
-            }
-            if (op == '*') {
-                value *= rhs;
-            }
-            if (op == '/') {
-                value /= rhs;
-            }
-            squiffy.set(lhs, value);
-        }
-        else {
-            value = true;
-            if (startsWith(expr, 'not ')) {
-                expr = expr.substring(4);
-                value = false;
-            }
-            squiffy.set(expr, value);
-        }
-    }
-};
-var replaceLabel = function (expr) {
-    var regex = /^([\w]*)\s*=\s*(.*)$/;
-    var match = regex.exec(expr);
-    if (!match)
-        return;
-    var label = match[1];
-    var text = match[2];
-    if (text in squiffy.story.section.passages) {
-        text = squiffy.story.section.passages[text].text;
-    }
-    else if (text in squiffy.story.sections) {
-        text = squiffy.story.sections[text].text;
-    }
-    var stripParags = /^<p>(.*)<\/p>$/;
-    var stripParagsMatch = stripParags.exec(text);
-    if (stripParagsMatch) {
-        text = stripParagsMatch[1];
-    }
-    const labelElement = squiffy.ui.output.querySelector('.squiffy-label-' + label);
-    if (!labelElement)
-        return;
-    labelElement.addEventListener('transitionend', function () {
-        labelElement.innerHTML = squiffy.ui.processText(text);
-        labelElement.addEventListener('transitionend', function () {
-            squiffy.story.save();
-        }, { once: true });
-        labelElement.classList.remove('fade-out');
-        labelElement.classList.add('fade-in');
-    }, { once: true });
-    labelElement.classList.add('fade-out');
-};
-squiffy.story.go = function (section) {
-    squiffy.set('_transition', null);
-    newSection();
-    squiffy.story.section = squiffy.story.sections[section];
-    if (!squiffy.story.section)
-        return;
-    squiffy.set('_section', section);
-    setSeen(section);
-    var master = squiffy.story.sections[''];
-    if (master) {
-        squiffy.story.run(master);
-        squiffy.ui.write(master.text);
-    }
-    squiffy.story.run(squiffy.story.section);
-    // The JS might have changed which section we're in
-    if (squiffy.get('_section') == section) {
-        squiffy.set('_turncount', 0);
-        squiffy.ui.write(squiffy.story.section.text);
-        squiffy.story.save();
-    }
-};
-squiffy.story.run = function (section) {
-    if (section.clear) {
-        squiffy.ui.clearScreen();
-    }
-    if (section.attributes) {
-        processAttributes(section.attributes.map(line => line.replace(/^random\s*:\s*(\w+)\s*=\s*(.+)/i, (line, attr, options) => (options = options.split("|")) ? attr + " = " + options[Math.floor(Math.random() * options.length)] : line)));
-    }
-    if (section.jsIndex !== undefined) {
-        squiffy.story.js[section.jsIndex]();
-    }
-};
-squiffy.story.passage = function (passageName) {
-    var passage = squiffy.story.section.passages[passageName];
-    var masterSection = squiffy.story.sections[''];
-    if (!passage && masterSection)
-        passage = masterSection.passages[passageName];
-    if (!passage)
-        return;
-    setSeen(passageName);
-    if (masterSection) {
-        var masterPassage = masterSection.passages[''];
-        if (masterPassage) {
-            squiffy.story.run(masterPassage);
-            squiffy.ui.write(masterPassage.text);
-        }
-    }
-    var master = squiffy.story.section.passages[''];
-    if (master) {
-        squiffy.story.run(master);
-        squiffy.ui.write(master.text);
-    }
-    squiffy.story.run(passage);
-    squiffy.ui.write(passage.text);
-    squiffy.story.save();
-};
-var processAttributes = function (attributes) {
-    attributes.forEach(function (attribute) {
-        if (startsWith(attribute, '@replace ')) {
-            replaceLabel(attribute.substring(9));
-        }
-        else {
-            setAttribute(attribute);
-        }
-    });
-};
-squiffy.story.restart = function () {
-    if (squiffy.ui.settings.persist && window.localStorage) {
-        var keys = Object.keys(localStorage);
-        keys.forEach(key => {
-            if (startsWith(key, squiffy.story.id)) {
-                localStorage.removeItem(key);
-            }
-        });
-    }
-    else {
-        squiffy.storageFallback = {};
-    }
-    if (squiffy.ui.settings.scroll === 'element') {
-        squiffy.ui.output.innerHTML = '';
-        squiffy.story.begin();
-    }
-    else {
-        location.reload();
-    }
-};
-squiffy.story.save = function () {
-    squiffy.set('_output', squiffy.ui.output.innerHTML);
-};
-squiffy.story.load = function () {
-    var output = squiffy.get('_output');
-    if (!output)
-        return false;
-    squiffy.ui.output.innerHTML = output;
-    currentSection = document.getElementById(squiffy.get('_output-section'));
-    squiffy.story.section = squiffy.story.sections[squiffy.get('_section')];
-    var transition = squiffy.get('_transition');
-    if (transition) {
-        eval('(' + transition + ')()');
-    }
-    return true;
-};
-var setSeen = function (sectionName) {
-    var seenSections = squiffy.get('_seen_sections');
-    if (!seenSections)
-        seenSections = [];
-    if (seenSections.indexOf(sectionName) == -1) {
-        seenSections.push(sectionName);
-        squiffy.set('_seen_sections', seenSections);
-    }
-};
-squiffy.story.seen = function (sectionName) {
-    var seenSections = squiffy.get('_seen_sections');
-    if (!seenSections)
-        return false;
-    return (seenSections.indexOf(sectionName) > -1);
-};
-var currentSection = null;
-var scrollPosition = 0;
-var newSection = function () {
-    if (currentSection) {
-        disableLinks(currentSection.querySelectorAll('.squiffy-link'));
-        currentSection.querySelectorAll('input').forEach(el => {
-            const attribute = el.getAttribute('data-attribute') || el.id;
-            if (attribute)
-                squiffy.set(attribute, el.value);
-            el.disabled = true;
-        });
-        currentSection.querySelectorAll("[contenteditable]").forEach(el => {
-            const attribute = el.getAttribute('data-attribute') || el.id;
-            if (attribute)
-                squiffy.set(attribute, el.innerHTML);
-            el.contentEditable = 'false';
-        });
-        currentSection.querySelectorAll('textarea').forEach(el => {
-            const attribute = el.getAttribute('data-attribute') || el.id;
-            if (attribute)
-                squiffy.set(attribute, el.value);
-            el.disabled = true;
-        });
-    }
-    var sectionCount = squiffy.get('_section-count') + 1;
-    squiffy.set('_section-count', sectionCount);
-    var id = 'squiffy-section-' + sectionCount;
-    currentSection = document.createElement('div');
-    currentSection.id = id;
-    squiffy.ui.output.appendChild(currentSection);
-    squiffy.set('_output-section', id);
-};
-squiffy.ui.write = function (text) {
-    if (!currentSection)
-        return;
-    scrollPosition = squiffy.ui.output.scrollHeight;
-    const div = document.createElement('div');
-    currentSection.appendChild(div);
-    div.innerHTML = squiffy.ui.processText(text);
-    squiffy.ui.scrollToEnd();
-};
-squiffy.ui.clearScreen = function () {
-    squiffy.ui.output.innerHTML = '';
-    newSection();
-};
-squiffy.ui.scrollToEnd = function () {
-    if (squiffy.ui.settings.scroll === 'element') {
-        const scrollTo = squiffy.ui.output.scrollHeight - squiffy.ui.output.clientHeight;
-        const currentScrollTop = squiffy.ui.output.scrollTop;
-        if (scrollTo > (currentScrollTop || 0)) {
-            squiffy.ui.output.scrollTo({ top: scrollTo, behavior: 'smooth' });
-        }
-    }
-    else {
-        let scrollTo = scrollPosition;
-        const currentScrollTop = Math.max(document.body.scrollTop, document.documentElement.scrollTop);
-        if (scrollTo > currentScrollTop) {
-            var maxScrollTop = document.documentElement.scrollHeight - window.innerHeight;
-            if (scrollTo > maxScrollTop)
-                scrollTo = maxScrollTop;
-            window.scrollTo({ top: scrollTo, behavior: 'smooth' });
-        }
-    }
-};
-squiffy.ui.processText = function (text) {
-    function process(text, data) {
-        var containsUnprocessedSection = false;
-        var open = text.indexOf('{');
-        var close;
-        if (open > -1) {
-            var nestCount = 1;
-            var searchStart = open + 1;
-            var finished = false;
-            while (!finished) {
-                var nextOpen = text.indexOf('{', searchStart);
-                var nextClose = text.indexOf('}', searchStart);
-                if (nextClose > -1) {
-                    if (nextOpen > -1 && nextOpen < nextClose) {
-                        nestCount++;
-                        searchStart = nextOpen + 1;
-                    }
-                    else {
-                        nestCount--;
-                        searchStart = nextClose + 1;
-                        if (nestCount === 0) {
-                            close = nextClose;
-                            containsUnprocessedSection = true;
-                            finished = true;
-                        }
-                    }
-                }
-                else {
-                    finished = true;
-                }
-            }
-        }
-        if (containsUnprocessedSection) {
-            var section = text.substring(open + 1, close);
-            var value = processTextCommand(section, data);
-            text = text.substring(0, open) + value + process(text.substring(close + 1), data);
-        }
-        return (text);
-    }
-    function processTextCommand(text, data) {
-        if (startsWith(text, 'if ')) {
-            return processTextCommand_If(text, data);
-        }
-        else if (startsWith(text, 'else:')) {
-            return processTextCommand_Else(text, data);
-        }
-        else if (startsWith(text, 'label:')) {
-            return processTextCommand_Label(text, data);
-        }
-        else if (/^rotate[: ]/.test(text)) {
-            return processTextCommand_Rotate('rotate', text);
-        }
-        else if (/^sequence[: ]/.test(text)) {
-            return processTextCommand_Rotate('sequence', text);
-        }
-        else if (squiffy.story.section.passages && text in squiffy.story.section.passages) {
-            return process(squiffy.story.section.passages[text].text, data);
-        }
-        else if (text in squiffy.story.sections) {
-            return process(squiffy.story.sections[text].text, data);
-        }
-        else if (startsWith(text, '@') && !startsWith(text, '@replace')) {
-            processAttributes(text.substring(1).split(","));
-            return "";
-        }
-        return squiffy.get(text);
-    }
-    function processTextCommand_If(section, data) {
-        var command = section.substring(3);
-        var colon = command.indexOf(':');
-        if (colon == -1) {
-            return ('{if ' + command + '}');
-        }
-        var text = command.substring(colon + 1);
-        var condition = command.substring(0, colon);
-        condition = condition.replace("<", "&lt;");
-        var operatorRegex = /([\w ]*)(=|&lt;=|&gt;=|&lt;&gt;|&lt;|&gt;)(.*)/;
-        var match = operatorRegex.exec(condition);
-        var result = false;
-        if (match) {
-            var lhs = squiffy.get(match[1]);
-            var op = match[2];
-            var rhs = match[3];
-            if (startsWith(rhs, '@'))
-                rhs = squiffy.get(rhs.substring(1));
-            if (op == '=' && lhs == rhs)
-                result = true;
-            if (op == '&lt;&gt;' && lhs != rhs)
-                result = true;
-            if (op == '&gt;' && lhs > rhs)
-                result = true;
-            if (op == '&lt;' && lhs < rhs)
-                result = true;
-            if (op == '&gt;=' && lhs >= rhs)
-                result = true;
-            if (op == '&lt;=' && lhs <= rhs)
-                result = true;
-        }
-        else {
-            var checkValue = true;
-            if (startsWith(condition, 'not ')) {
-                condition = condition.substring(4);
-                checkValue = false;
-            }
-            if (startsWith(condition, 'seen ')) {
-                result = (squiffy.story.seen(condition.substring(5)) == checkValue);
-            }
-            else {
-                var value = squiffy.get(condition);
-                if (value === null)
-                    value = false;
-                result = (value == checkValue);
-            }
-        }
-        var textResult = result ? process(text, data) : '';
-        data.lastIf = result;
-        return textResult;
-    }
-    function processTextCommand_Else(section, data) {
-        if (!('lastIf' in data) || data.lastIf)
-            return '';
-        var text = section.substring(5);
-        return process(text, data);
-    }
-    function processTextCommand_Label(section, data) {
-        var command = section.substring(6);
-        var eq = command.indexOf('=');
-        if (eq == -1) {
-            return ('{label:' + command + '}');
-        }
-        var text = command.substring(eq + 1);
-        var label = command.substring(0, eq);
-        return '<span class="squiffy-label-' + label + '">' + process(text, data) + '</span>';
-    }
-    function processTextCommand_Rotate(type, section) {
-        var options;
-        var attribute = '';
-        if (section.substring(type.length, type.length + 1) == ' ') {
-            var colon = section.indexOf(':');
-            if (colon == -1) {
-                return '{' + section + '}';
-            }
-            options = section.substring(colon + 1);
-            attribute = section.substring(type.length + 1, colon);
-        }
-        else {
-            options = section.substring(type.length + 1);
-        }
-        // TODO: Check - previously there was no second parameter here
-        var rotation = rotate(options.replace(/"/g, '&quot;').replace(/'/g, '&#39;'), null);
-        if (attribute) {
-            squiffy.set(attribute, rotation[0]);
-        }
-        return '<a class="squiffy-link" data-' + type + '="' + rotation[1] + '" data-attribute="' + attribute + '" role="link">' + rotation[0] + '</a>';
-    }
-    var data = {
-        fulltext: text
-    };
-    return process(text, data);
-};
-squiffy.ui.transition = function (f) {
-    squiffy.set('_transition', f.toString());
-    f();
-};
-squiffy.storageFallback = {};
-var startsWith = function (string, prefix) {
-    return string.substring(0, prefix.length) === prefix;
-};
-var rotate = function (options, current) {
-    var colon = options.indexOf(':');
-    if (colon == -1) {
-        return [options, current];
-    }
-    var next = options.substring(0, colon);
-    var remaining = options.substring(colon + 1);
-    if (current)
-        remaining += ':' + current;
-    return [next, remaining];
-};
-squiffy.init = function (options) {
-    const settings = {
-        scroll: 'body',
-        persist: true,
-        restartPrompt: true,
-        onSet: function () { }
-    };
-    squiffy.ui.output = options.element;
-    squiffy.ui.settings = settings;
-    if (settings.scroll === 'element') {
-        squiffy.ui.output.style.overflowY = 'auto';
-    }
-    initLinkHandler();
-    squiffy.story.begin();
-    return {
-        askRestart: function () {
-            if (!squiffy.ui.settings.restartPrompt || confirm('Are you sure you want to restart?')) {
-                squiffy.story.restart();
-            }
-        }
-    };
-};
-export const get = squiffy.get;
-export const set = squiffy.set;

package/dist/style.template.css

@@ -1,52 +0,0 @@
-a.squiffy-link
-{
-    text-decoration: underline;
-    color: Blue;
-    cursor: pointer;
-}
-a.squiffy-link.disabled
-{
-    text-decoration: inherit;
-    color: inherit !important;
-    cursor: inherit;
-}
-button.squiffy-header-button
-{
-    text-decoration: underline;
-    color: Blue;
-    cursor: pointer;
-    background: none;
-    border: none;
-    font-family: inherit;
-}
-div#squiffy-container
-{
-    max-width: 700px;
-    margin-left: auto;
-    margin-right: auto;
-    font-family: Georgia, serif;
-}
-div#squiffy-header
-{
-    font-size: 14px;
-    text-align: right;
-}
-div#squiffy
-{
-    font-size: 18px;
-}
-hr {
-    border: 0;
-    height: 0;
-    border-top: 1px solid rgba(0, 0, 0, 0.1);
-    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
-    margin-top: 16px; margin-bottom: 16px;
-}
-.fade-out {
-    opacity: 0;
-    transition: opacity 1000ms;
-}
-.fade-in {
-    opacity: 1;
-    transition: opacity 1000ms;
-}

package/dist/version.d.ts

@@ -1 +0,0 @@
-export declare const SQUIFFY_VERSION = "6.0.0-alpha.0";

package/dist/version.js

@@ -1 +0,0 @@
-export const SQUIFFY_VERSION = '6.0.0-alpha.0';