spaCy/website/_includes/_scripts.jade

//- 💫 INCLUDES > SCRIPTS

if quickstart
    script(src="/assets/js/vendor/quickstart.min.js")

if IS_PAGE
    script(src="/assets/js/vendor/in-view.min.js")

if environment == "deploy"
    script(async src="https://www.google-analytics.com/analytics.js")

script(src="/assets/js/vendor/prism.min.js")

if SECTION == "models"
    script(src="/assets/js/vendor/chart.min.js")

script
    if quickstart
        | new Quickstart("#qs");

    if environment == "deploy"
        | window.ga=window.ga||function(){
        | (ga.q=ga.q||[]).push(arguments)}; ga.l=+new Date;
        | ga('create', '#{ANALYTICS}', 'auto'); ga('send', 'pageview');

    if IS_PAGE
        | ((window.gitter = {}).chat = {}).options = {
        |     useStyles: false,
        |     activationElement: '.js-gitter-button',
        |     targetElement: '.js-gitter',
        |     room: '!{SOCIAL.gitter}'
        | };

if IS_PAGE
    script(src="https://sidecar.gitter.im/dist/sidecar.v1.js" async defer)


//- JS modules – slightly hacky, but necessary to dynamically instantiate the
    classes with data from the Harp JSON files, while still being able to
    support older browsers that can't handle JS modules. More details:
    https://medium.com/dev-channel/es6-modules-in-chrome-canary-m60-ba588dfb8ab7

- ProgressBar = "new ProgressBar('.js-progress');"
- Changelog = "new Changelog('" + SOCIAL.github + "', 'spacy');"
- NavHighlighter = "new NavHighlighter('data-section', 'data-nav');"
- GitHubEmbed = "new GitHubEmbed('" + SOCIAL.github + "', 'data-gh-embed');"
- ModelLoader = "new ModelLoader('" + MODELS_REPO + "'," + JSON.stringify(CURRENT_MODELS) + "," + JSON.stringify(MODEL_LICENSES) + "," + JSON.stringify(MODEL_BENCHMARKS) + ");"
- ModelComparer = "new ModelComparer('" + MODELS_REPO + "'," + JSON.stringify(MODEL_LICENSES) + "," + JSON.stringify(MODEL_BENCHMARKS) + "," + JSON.stringify(LANGUAGES) + "," + JSON.stringify(MODEL_META) + "," + JSON.stringify(default_models || false) + ");"

if environment == "deploy"
    //- DEPLOY: use compiled rollup.js and instantiate classes directly
    script(src="/assets/js/rollup.js")
    script
        !=ProgressBar
        if changelog
            !=Changelog
        if IS_PAGE
            !=NavHighlighter
            !=GitHubEmbed
        if HAS_MODELS
            !=ModeLoader
        if compare_models
            !=ModelComparer
else
    //- DEVELOPMENT: Use ES6 modules
    script(type="module")
        | import ProgressBar from '/assets/js/progress.js';
        !=ProgressBar
        if changelog
            | import Changelog from '/assets/js/changelog.js';
            !=Changelog
        if IS_PAGE
            | import NavHighlighter from '/assets/js/nav-highlighter.js';
            !=NavHighlighter
            | import GitHubEmbed from '/assets/js/github-embed.js';
            !=GitHubEmbed
        if HAS_MODELS
            | import { ModelLoader } from '/assets/js/models.js';
            !=ModelLoader
        if compare_models
            | import { ModelComparer } from '/assets/js/models.js';
            !=ModelComparer