├── .eslintrc.json
├── .github
    └── workflows
    │   └── ci.yml
├── .gitignore
├── .jsbeautifyrc
├── Gruntfile.js
├── LICENSE
├── README.md
├── app
    ├── __init__.py
    ├── static
    │   ├── 16.png
    │   ├── 32.png
    │   ├── about.html
    │   ├── cm
    │   │   ├── Readme.md
    │   │   ├── active-line.js
    │   │   ├── clike.js
    │   │   ├── codemirror.css
    │   │   ├── codemirror.js
    │   │   ├── matchbrackets.js
    │   │   ├── show-hint.css
    │   │   └── show-hint.js
    │   ├── cookie-policy.html
    │   ├── css
    │   │   └── s.css
    │   ├── examples.html
    │   ├── favicon.ico
    │   ├── img
    │   │   ├── ce.svg
    │   │   ├── clb.svg
    │   │   ├── logo.svg
    │   │   ├── nav-dark.svg
    │   │   ├── nav.svg
    │   │   ├── qb.svg
    │   │   └── twcard.png
    │   ├── js
    │   │   ├── cookie.js
    │   │   ├── main.js
    │   │   └── settings.js
    │   ├── ms
    │   │   ├── Readme.md
    │   │   ├── jquery-3.3.1.js
    │   │   └── multiple-select.js
    │   ├── privacy-policy.html
    │   ├── robots.txt
    │   ├── settings.html
    │   └── sitemap.xml
    └── templates
    │   ├── 404.html
    │   ├── index.html
    │   └── version.html
├── deploy_rsa.enc
├── insights.wsgi
├── local.py
├── package.json
├── pics
    ├── window-maximize.svg
    └── window-minimize.svg
├── requirements.txt
├── requirements_gh.txt
├── test.py
└── test
    └── cookie.test.js


/.eslintrc.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "env": {
 3 |         "browser": true,
 4 |         "node": true,
 5 |         "commonjs": true,
 6 |         "es6": true,
 7 |         "jquery": true
 8 |     },
 9 |     "extends": "eslint:recommended",
10 |     "parserOptions": {
11 |         "ecmaVersion": 2018
12 |     },
13 |     "rules": {
14 |         "indent": [
15 |             "error",
16 |             2
17 |         ],
18 |         "linebreak-style": [
19 |             "error",
20 |             "unix"
21 |         ],
22 |         "quotes": [
23 |             "error",
24 |             "single"
25 |         ],
26 |         "semi": [
27 |             "error",
28 |             "always"
29 |         ]
30 |     }
31 | }
32 | 


--------------------------------------------------------------------------------
/.github/workflows/ci.yml:
--------------------------------------------------------------------------------
  1 | name: Scheduled
  2 | on:
  3 |   push:
  4 |     branches-ignore:
  5 |       - 'continuous'
  6 | 
  7 |   pull_request:
  8 |     branches-ignore:
  9 |       - 'continuous'
 10 | 
 11 | jobs:
 12 |   build:
 13 |     name: Build C++ Insights Web
 14 |     runs-on: ubuntu-latest
 15 |     steps:
 16 |     - uses: actions/checkout@v4
 17 |       with:
 18 |         fetch-depth: 0
 19 |     - name: Setup Node.js for use with actions
 20 |       uses: actions/setup-node@v4
 21 |       with:
 22 |         node-version: '18'
 23 |         cache: 'npm'
 24 |         cache-dependency-path: '**/package.json'
 25 | 
 26 |     - name: Setup Python environment
 27 |       uses: actions/setup-python@v5
 28 |       with:
 29 |         python-version: '3.7' # Server has 3.5
 30 | 
 31 |     - name: Install SSH Key
 32 |       uses: shimataro/ssh-key-action@v1.3.0
 33 |       with:
 34 |         private-key: ${{ secrets.SSH_PRIVATE_KEY }}
 35 |         public-key: ${{ secrets.SSH_PUBLIC_KEY }}
 36 |         known-hosts: ${{ secrets.SSH_KNOWN_HOSTS }}
 37 | 
 38 |     - name: Install python
 39 |       run: pip install -r requirements_gh.txt
 40 | 
 41 |     - name: Install node modules
 42 |       run: |
 43 |           npm set progress=false
 44 |           npm install -g grunt-cli
 45 |           npm install
 46 | 
 47 |     - name: Generate
 48 |       run: grunt
 49 | 
 50 |     - name: Run coverage
 51 |       run: coverage run test.py
 52 | 
 53 |     - name: Upload code coverage info
 54 |       run: bash <(curl -s https://codecov.io/bash) -cF python
 55 | 
 56 | #------------------------------------------------------------------------------
 57 | # DEPLOY
 58 | #------------------------------------------------------------------------------
 59 |   deploy:
 60 |     needs: [build]
 61 |     if: github.ref == 'refs/heads/main'
 62 |     name: Final Deploy
 63 |     runs-on: ubuntu-latest
 64 | 
 65 |     steps:
 66 |     - uses: actions/checkout@v4
 67 |       with:
 68 |         fetch-depth: 0
 69 |     - name: Setup Node.js for use with actions
 70 |       uses: actions/setup-node@v4
 71 |       with:
 72 |         node-version: '18'
 73 |         cache: 'npm'
 74 |         cache-dependency-path: '**/package.json'
 75 | 
 76 |     - name: Setup Python environment
 77 |       uses: actions/setup-python@v5
 78 |       with:
 79 |         python-version: '3.7' # Server has 3.5
 80 | 
 81 |     - name: Install SSH Key
 82 |       uses: shimataro/ssh-key-action@v1.3.0
 83 |       with:
 84 |         private-key: ${{ secrets.SSH_PRIVATE_KEY }}
 85 |         public-key: ${{ secrets.SSH_PUBLIC_KEY }}
 86 |         known-hosts: ${{ secrets.SSH_KNOWN_HOSTS }}
 87 | 
 88 |     - name: Install python
 89 |       run: pip install -r requirements_gh.txt
 90 | 
 91 |     - name: Install node modules
 92 |       run: |
 93 |           npm set progress=false
 94 |           npm install -g grunt-cli
 95 |           npm install
 96 | 
 97 |     - name: Generate
 98 |       run: grunt
 99 | 
100 |     - name: Update latest tag
101 |       uses: richardsimko/update-tag@v1
102 |       with:
103 |         tag_name: latest
104 |       env:
105 |         GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
106 | 
107 |     - name: Publish
108 |       run: rsync -avcz --delete --exclude=.DS_Store --exclude=__pycache__ --exclude='google*.html' --exclude='urls.db' ${GITHUB_WORKSPACE}/dist/app/ ${{ secrets.SSH_HOST_NEW }}
109 | 
110 |     - name: Notify listeners
111 |       run: |
112 |           curl -X POST -H "Accept: application/vnd.github.v3+json" -H "Authorization: token ${{ secrets.GH_TRIGGER }}" https://api.github.com/repos/andreasfertig/cppinsights-webfrontend-container/dispatches -d '{"event_type":"rebuild_trigger"}' &> /dev/null
113 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | /.idea
2 | /dist
3 | /node_modules
4 | 


--------------------------------------------------------------------------------
/.jsbeautifyrc:
--------------------------------------------------------------------------------
 1 | {
 2 |     "indent_size": 2,
 3 |     "indent_char": " ",
 4 |     "indent_with_tabs": false,
 5 |     "preserve_newlines": true,
 6 |     "max_preserve_newlines": 2,
 7 |     "space_after_anon_function": false,
 8 |     "brace_style": "collapse",
 9 |     "eol": "\n",
10 |     "keep_function_indentation": false,
11 |     "space_before_conditional": true,
12 |     "break_chained_methods": false,
13 |     "eval_code": false,
14 |     "unescape_strings": false,
15 |     "wrap_attributes": "auto",
16 |     "wrap_attributes_indent_size": 4,
17 |     "end_with_newline": true,
18 |     "wrap_line_length": 120 
19 | }
20 | 


--------------------------------------------------------------------------------
/Gruntfile.js:
--------------------------------------------------------------------------------
  1 | module.exports = function(grunt) {
  2 | 
  3 |   grunt.initConfig({
  4 |     svgmin: {
  5 |       options: {
  6 |         plugins: [{
  7 |           name: 'preset-default',
  8 |           params: {
  9 |             overrides: {
 10 |               removeViewBox: false,
 11 |               removeEmptyAttrs: false,
 12 |               removeUselessStrokeAndFill: false,
 13 |             },
 14 |           },
 15 |         }]
 16 |       },
 17 |       dist: {
 18 |         files: [{
 19 |           expand: true,
 20 |           cwd: 'app/static/img/',
 21 |           src: ['*.svg'],
 22 |           dest: 'dist/app/static/img',
 23 |           ext: '.svg'
 24 |         }]
 25 |       }
 26 |     },
 27 | 
 28 |     cssmin: {
 29 |       target: {
 30 |         files: [{
 31 |             expand: true,
 32 |             cwd: 'app/static/css',
 33 |             src: ['*.css', '!*.min.css'],
 34 |             dest: 'dist/app/static/css',
 35 |             ext: '.min.css'
 36 |           },
 37 |           {
 38 |             'dist/app/static/cm/cm.min.css': ['app/static/cm/codemirror.css', 'app/static/cm/show-hint.css']
 39 |           },
 40 |         ]
 41 |       }
 42 |     },
 43 | 
 44 |     uglify: {
 45 |       options: {
 46 |         mangle: false
 47 |       },
 48 |       cmjs: {
 49 |         files: {
 50 |           'dist/app/static/cm/cm.min.js': ['app/static/cm/codemirror.js', 'app/static/cm/active-line.js',
 51 |             'app/static/cm/clike.js', 'app/static/cm/matchbrackets.js', 'app/static/cm/show-hint.js'
 52 |           ],
 53 |           'dist/app/static/js/main.min.js': ['app/static/js/main.js'],
 54 |           'dist/app/static/js/cookie.min.js': ['app/static/js/cookie.js'],
 55 |           'dist/app/static/js/settings.min.js': ['app/static/js/settings.js'],
 56 |           'dist/app/static/ms/jquery-3.3.1.min.js': ['app/static/ms/jquery-3.3.1.js'],
 57 |           'dist/app/static/ms/multiple-select.min.js': ['app/static/ms/multiple-select.js']
 58 |         }
 59 |       }
 60 |     },
 61 | 
 62 |     'string-replace': {
 63 |       inline: {
 64 |         files: [{
 65 |             'dist/tmp/': 'app/templates/*.html'
 66 |           },
 67 |           {
 68 |             'dist/tmp/': 'app/static/*.html'
 69 |           },
 70 |         ],
 71 |         options: {
 72 |           replacements: [{
 73 |               pattern: /<!-- codemirror includes -->([\s\S]*?)<!-- codemirror includes end -->/g,
 74 |               replacement: '<link rel="stylesheet" href="/cm/cm.min.css"><script src="/cm/cm.min.js"></script>'
 75 |             },
 76 |             {
 77 |               pattern: /s\.css/ig,
 78 |               replacement: 's.min.css'
 79 |             },
 80 |             {
 81 |               pattern: /gh\.css/ig,
 82 |               replacement: 'gh.min.css'
 83 |             },
 84 |             {
 85 |               pattern: /main\.js/ig,
 86 |               replacement: 'main.min.js'
 87 |             },
 88 |             {
 89 |               pattern: /cookie\.js/ig,
 90 |               replacement: 'cookie.min.js'
 91 |             },
 92 |             {
 93 |               pattern: /settings\.js/ig,
 94 |               replacement: 'settings.min.js'
 95 |             },
 96 |             {
 97 |               pattern: /jquery-3.3.1\.js/ig,
 98 |               replacement: 'jquery-3.3.1.min.js'
 99 |             },
100 |             {
101 |               pattern: /multiple-select\.js/ig,
102 |               replacement: 'multiple-select.min.js'
103 |             },
104 |           ]
105 |         }
106 |       }
107 |     },
108 | 
109 |     htmlmin: {
110 |       dist: {
111 |         options: {
112 |           removeComments: true,
113 |           collapseWhitespace: true,
114 |           conservativeCollapse: true
115 |         },
116 |         files: [{
117 |             expand: true,
118 |             cwd: 'dist/tmp/app/templates/',
119 |             src: ['*.html', '*.html'],
120 |             dest: 'dist/app/templates/'
121 |           },
122 | 
123 |           {
124 |             expand: true,
125 |             cwd: 'dist/tmp/app/static/',
126 |             src: ['*.html', '*.html'],
127 |             dest: 'dist/app/static/'
128 |           },
129 | 
130 |           {
131 |             expand: true,
132 |             cwd: 'app/static/',
133 |             src: ['*.xml', '*.xml'],
134 |             dest: 'dist/app/static/'
135 |           },
136 |         ]
137 |       },
138 |     },
139 | 
140 |     copy: {
141 |       main: {
142 |         options: {
143 |           mode: true,
144 |         },
145 |         files: [{
146 |           expand: true,
147 |           filter: 'isFile',
148 |           src: [
149 |             'app/*.py',
150 |             'app/static/favicon.ico',
151 |             'app/static/robots.txt',
152 |           ],
153 |           dest: 'dist/',
154 |         }, ],
155 |       },
156 |     },
157 | 
158 |     imagemin: {
159 |       compile: {
160 |         options: {
161 |           ext: '.png',
162 |           quality: '80-90',
163 |           force: true
164 |         },
165 |         files: [{
166 |           expand: true,
167 |           src: ['**/*.png'],
168 |           cwd: 'app/static//',
169 |           dest: 'dist/app/static/'
170 |         }]
171 |       }
172 |     },
173 | 
174 |     eslint: {
175 |       target: ['app/static/js/*.js']
176 |     },
177 |     jsbeautifier: {
178 |       dist: {
179 |         src: ['app/static/js/*.js', 'app/static/*.html', 'app/templates/*.html', 'app/static/css/*.css',
180 |           'test/*.js'
181 |         ],
182 |         options: {
183 |           config: ".jsbeautifyrc",
184 |           mode: "VERIFY_ONLY"
185 |         },
186 |       },
187 | 
188 |       format: {
189 |         src: ['app/static/js/*.js', 'app/static/*.html', 'app/templates/*.html', 'app/static/css/*.css',
190 |           'test/*.js', 'Gruntfile.js'
191 |         ],
192 |         options: {
193 |           config: ".jsbeautifyrc",
194 |           mode: "VERIFY_AND_WRITE"
195 |         },
196 |       },
197 |     },
198 |     shell: {
199 |       npm_test_mocha: {
200 |         command: 'npm run test',
201 |       }
202 |     }
203 |   });
204 | 
205 |   grunt.loadNpmTasks('grunt-svgmin');
206 |   grunt.loadNpmTasks('grunt-contrib-cssmin');
207 |   grunt.loadNpmTasks('grunt-contrib-uglify-es');
208 |   grunt.loadNpmTasks('grunt-string-replace');
209 |   grunt.loadNpmTasks('grunt-contrib-htmlmin');
210 |   grunt.loadNpmTasks('grunt-contrib-copy');
211 |   grunt.loadNpmTasks('grunt-contrib-imagemin');
212 |   grunt.loadNpmTasks('grunt-eslint');
213 |   grunt.loadNpmTasks('grunt-jsbeautifier');
214 |   grunt.loadNpmTasks('grunt-shell');
215 | 
216 |   grunt.registerTask('default', [ /*'jsbeautifier:dist',*/ 'eslint', /*'shell:npm_test_mocha',*/ 'svgmin', 'cssmin',
217 |     'uglify',
218 |     'string-replace', 'htmlmin', 'copy', 'imagemin'
219 |   ]);
220 |   grunt.registerTask('format', ['jsbeautifier:format']);
221 | };
222 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2018 Andreas Fertig
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # C++ Insights - Web Front-End
 2 | 
 3 | [![License](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)
 4 | [![download](https://img.shields.io/badge/latest-download-blue.svg)](https://github.com/andreasfertig/cppinsights-web/releases)
 5 | [![Build Status](https://github.com/andreasfertig/cppinsights-web/workflows/ci/badge.svg)](https://github.com/andreasfertig/cppinsights-web/actions/)
 6 | [![codecov](https://codecov.io/gh/andreasfertig/cppinsights-web/branch/master/graph/badge.svg)](https://codecov.io/gh/andreasfertig/cppinsights-web)
 7 | [![Try online](https://img.shields.io/badge/try-online-blue.svg)](https://cppinsights.io)
 8 | 
 9 | 
10 | 
11 | [cppinsights.io](https://cppinsights.io/) is the web front-end of C++ Insights.
12 | 
13 | 
14 | ```
15 | pip3 install --user virtualenv
16 | python3 -m virtualenv env
17 | source env/bin/activate
18 | pip3 install -r requirements.txt
19 | 
20 | python3 -m pytest test.py
21 | pytest test.py --cov=app
22 | pytest test.py --cov=app --cov-report=html
23 | ```
24 | 
25 | ## Short Links
26 | 
27 | There is now a short-link option. Via the usual way to obtain a link there is now a
28 | 'Request Short-Link' button. This requests a new short link from the back-end.
29 | 
30 | Short links in C++ Insights capture the currently selected options and the code entered. They do not preserve the
31 | C++ Insights version used at the time of creation. This implies that the resulting transformation can change over time.
32 | 
33 | What a user gets back is a part of a SHA1 hash from all the captured values. This is also stored in the database and
34 | used during lookup to prevent having the same code multiple times in the database.
35 | 
36 | For future use, the link creation time is also stored.
37 | 
38 | Please be advised to not store any confidential data in a short-link! You have no guarantees that at some point I will
39 | not loose the database (security breach, misshapening...).
40 | 
41 | The primary use for short-links should be easy sharing (twitter, stack overflow, etc.). There are some cases of large code samples which do not work
42 | with long links. This is a secondary issue addressed by short-links.
43 | 
44 | ## Other logos
45 | 
46 | [Compiler Explorer](https://raw.githubusercontent.com/mattgodbolt/compiler-explorer-image/master/logo/icon/CompilerExplorer%20Logo%20Icon%20SVG.svg)
47 | [QuickBench](https://github.com/FredTingaud/quick-bench-front-end/blob/master/public/ico/favicon-32x32.png), SVG version
48 | from [here](https://github.com/mattgodbolt/compiler-explorer/blob/master/views/resources/quickbench.svg)
49 | 


--------------------------------------------------------------------------------
/app/__init__.py:
--------------------------------------------------------------------------------
  1 | #!/usr/bin/env python3
  2 | # -*- coding: utf-8 -*-
  3 | #
  4 | # C++ Insights Web, copyright (c) by Andreas Fertig
  5 | # Distributed under an MIT license. See /LICENSE
  6 | 
  7 | from flask import Flask, make_response, render_template, request, send_from_directory, jsonify, url_for, redirect
  8 | from werkzeug.exceptions import HTTPException
  9 | import subprocess
 10 | import base64
 11 | import os
 12 | import tempfile
 13 | import sqlite3
 14 | import hashlib
 15 | from datetime import date, datetime
 16 | #------------------------------------------------------------------------------
 17 | 
 18 | app = Flask(__name__, static_folder='static', static_url_path='')
 19 | app.config['MAX_CONTENT_LENGTH'] = 50 * 1024 # 50 kB
 20 | app.config['USE_DOCKER']         = True # Set to False to use a local binary.
 21 | app.config['USE_SUDO']           = True
 22 | app.config['USE_MAC']            = False
 23 | #------------------------------------------------------------------------------
 24 | 
 25 | @app.route('/favicon.ico')
 26 | def favicon():
 27 |     return send_from_directory(os.path.join(app.root_path, 'static'),
 28 |                                'favicon.ico', mimetype='image/vnd.microsoft.icon')
 29 | #------------------------------------------------------------------------------
 30 | 
 31 | def getDefaultStandard():
 32 |     return 'cpp20'
 33 | #------------------------------------------------------------------------------
 34 | 
 35 | def getCommunityEventFileName():
 36 |     return 'communityevent.txt'
 37 | #------------------------------------------------------------------------------
 38 | 
 39 | def getCommunityEvent():
 40 |     fName = getCommunityEventFileName()
 41 | 
 42 |     link = None
 43 |     title = None
 44 | 
 45 |     if os.path.exists(fName):
 46 |         communityEvents = open(fName, 'r').read()
 47 | 
 48 |         if 0 != len(communityEvents):
 49 |             link, title = communityEvents.split(';')
 50 | 
 51 |     return link, title
 52 | #------------------------------------------------------------------------------
 53 | 
 54 | def runDocker(code, insightsOptions, cppStd, versionOnly=False):
 55 |     fd, fileName = tempfile.mkstemp(suffix='.cpp')
 56 |     try:
 57 |         if not versionOnly:
 58 |             with os.fdopen(fd, 'wb') as tmp:
 59 |                 # write the data into the file
 60 |                 tmp.write(code.encode('utf-8'))
 61 | 
 62 |             # FIXME (2018-04-28): workaround as docker user cannot read file without this
 63 |             os.chmod(fileName, 436)
 64 | 
 65 |         fileParam = []
 66 |         if not versionOnly:
 67 |             basePath = ''
 68 | 
 69 |             # on mac for docker file must be under /private where we also find var
 70 |             if app.config['USE_MAC']:
 71 |                 basePath = '/private'
 72 | 
 73 |             fileParam = [ '-v', '%s%s:/home/insights/insights.cpp' %(basePath, fileName) ]
 74 | 
 75 |         if app.config['USE_DOCKER']:
 76 |             # Prepend the command line with sudo
 77 |             if app.config['USE_SUDO']:
 78 |                 cmd = [ 'sudo', '-u', 'pfes' ]
 79 |             else:
 80 |                 cmd = []
 81 | 
 82 |             cmd.extend([ 'docker', 'run', '--net=none' ])
 83 |             cmd.extend(fileParam)
 84 |             cmd.extend(['--rm', '-i', 'cppinsights-container'])
 85 |         else:
 86 |             cmd = ['insights', fileName]
 87 | 
 88 | 
 89 |         if None != insightsOptions:
 90 |             cmd.extend(insightsOptions)
 91 | 
 92 |         if (None != insightsOptions or None != cppStd) or versionOnly:
 93 |             cmd.append('--')
 94 | 
 95 |         if None != cppStd:
 96 |             cppStd = cppStd.replace('2a', '20') # for transitioning
 97 |             cmd.append(cppStd)
 98 | 
 99 |         p = subprocess.Popen(cmd, stdout=subprocess.PIPE, stderr=subprocess.PIPE)
100 | 
101 |         stdout, stderr = p.communicate(timeout=20)
102 |         returncode     = p.returncode
103 | 
104 |     finally:
105 |         os.remove(fileName)
106 | 
107 |     return stdout.decode('utf-8'), stderr.decode('utf-8'), returncode
108 | #------------------------------------------------------------------------------
109 | 
110 | def buildResponse(code, stdout, stderr, insightsOptions, errCode, twcard=False, desc=''):
111 |     if twcard:
112 |         twdesc = code[: 100]
113 | 
114 |     if desc:
115 |         desc = ' - ' + desc
116 | 
117 |     communitylink, communitytitle = getCommunityEvent()
118 |     communityEventHide = ''
119 | 
120 |     if None == communitylink or None == communitytitle:
121 |         communityEventHide = 'nocommunityevent'
122 | 
123 |     selectedInsightsOptions = getInsightsSelections(insightsOptions)
124 |     response                = make_response(render_template('index.html', **locals()))
125 | 
126 |     return response, errCode
127 | #------------------------------------------------------------------------------
128 | 
129 | def error_handler(errCode, code):
130 |     stderr = 'Failed'
131 |     stdout = '// Sorry, but your request failed due to a server error:\n// %s\n\n// Sorry for the inconvenience.\n// Please feel free to report this error.' %(errCode)
132 | 
133 |     return buildResponse('// ' + code, stdout, stderr, [] , errCode)
134 | #------------------------------------------------------------------------------
135 | 
136 | def getSupportedOptions():
137 |     opts = [ {'desc': 'C++ Standard'             , 'flag' : '',                         'name' : 'C++ Standard',              'selected' : False, 'label' : True,  'single' : False , 'ccopt' : False, 'cppStd' : False },
138 |              {'desc': 'cpp98'                    , 'flag' : '-std=c++98',               'name' : 'C++ 98',                    'selected' : False, 'label' : False, 'single' : True  , 'ccopt' : True,  'cppStd' : True  },
139 |              {'desc': 'cpp11'                    , 'flag' : '-std=c++11',               'name' : 'C++ 11',                    'selected' : False, 'label' : False, 'single' : True  , 'ccopt' : True,  'cppStd' : True  },
140 |              {'desc': 'cpp14'                    , 'flag' : '-std=c++14',               'name' : 'C++ 14',                    'selected' : False, 'label' : False, 'single' : True  , 'ccopt' : True,  'cppStd' : True  },
141 |              {'desc': 'cpp17'                    , 'flag' : '-std=c++17',               'name' : 'C++ 17',                    'selected' : False, 'label' : False, 'single' : True  , 'ccopt' : True,  'cppStd' : True  },
142 |              {'desc': 'cpp20'                    , 'flag' : '-std=c++20',               'name' : 'C++ 20',                    'selected' : False, 'label' : False, 'single' : True  , 'ccopt' : True,  'cppStd' : True  },
143 |              {'desc': 'cpp23'                    , 'flag' : '-std=c++23',               'name' : 'C++ 23',                    'selected' : False, 'label' : False, 'single' : True  , 'ccopt' : True,  'cppStd' : True  },
144 |              {'desc': 'cpp2c'                    , 'flag' : '-std=c++2c',               'name' : 'C++ 2c',                    'selected' : False, 'label' : False, 'single' : True  , 'ccopt' : True,  'cppStd' : True  },
145 |              {'desc': 'Alternative Styles'       , 'flag' : '',                         'name' : 'Alternative Styles',        'selected' : False, 'label' : True,  'single' : False , 'ccopt' : False, 'cppStd' : False },
146 |              {'desc': 'alt-syntax-for'           , 'flag' : '-alt-syntax-for',          'name' : 'for-loops as while-loops',  'selected' : False, 'label' : False, 'single' : False , 'ccopt' : False, 'cppStd' : False },
147 |              {'desc': 'alt-syntax-subscription'  , 'flag' : '-alt-syntax-subscription', 'name' : 'array subscription',        'selected' : False, 'label' : False, 'single' : False , 'ccopt' : False, 'cppStd' : False },
148 |              {'desc': 'More Transformations'     , 'flag' : '',                         'name' : 'More Transformations',      'selected' : False, 'label' : True,  'single' : False , 'ccopt' : False, 'cppStd' : False },
149 |              {'desc': 'all-implicit-casts'       , 'flag' : '-show-all-implicit-casts', 'name' : 'Show all implicit casts',   'selected' : False, 'label' : False, 'single' : False , 'ccopt' : False, 'cppStd' : False },
150 |              {'desc': 'show-all-callexpr-template-parameters'      , 'flag' : '-show-all-callexpr-template-parameters',       'name' : 'Show all template parameters of a CallExpr',    'selected' : False, 'label' : False, 'single' : False , 'ccopt' : False, 'cppStd' : False },
151 |              {'desc': 'use-libcpp'               , 'flag' : '-use-libc++',              'name' : 'Use libc++',                'selected' : False, 'label' : False, 'single' : False , 'ccopt' : False, 'cppStd' : False },
152 |              {'desc': 'edu-show-initlist'        , 'flag' : '-edu-show-initlist',       'name' : 'Transform std::initializer_list',    'selected' : False, 'label' : False, 'single' : False , 'ccopt' : False, 'cppStd' : False },
153 |              {'desc': 'edu-show-noexcept'        , 'flag' : '-edu-show-noexcept',       'name' : 'Show noexcept internals',   'selected' : False, 'label' : False, 'single' : False , 'ccopt' : False, 'cppStd' : False },
154 |              {'desc': 'edu-show-padding'         , 'flag' : '-edu-show-padding',        'name' : 'Show padding information',  'selected' : False, 'label' : False, 'single' : False , 'ccopt' : False, 'cppStd' : False },
155 |              {'desc': 'edu-show-coroutines'      , 'flag' : '-edu-show-coroutine-transformation',       'name' : 'Show coroutine transformation',    'selected' : False, 'label' : False, 'single' : False , 'ccopt' : False, 'cppStd' : False },
156 |              {'desc': 'edu-show-cfront'          , 'flag' : '-edu-show-cfront',         'name' : 'Show C++ to C transformation',  'selected' : False, 'label' : False, 'single' : False , 'ccopt' : False, 'cppStd' : False },
157 |              {'desc': 'edu-show-lifetime'        , 'flag' : '-edu-show-lifetime',       'name' : 'Show object lifetime',      'selected' : False, 'label' : False, 'single' : False , 'ccopt' : False, 'cppStd' : False },
158 |            ]
159 | 
160 |     return opts
161 | #------------------------------------------------------------------------------
162 | 
163 | def getInsightsSelections(selected):
164 |     stdSelections = getSupportedOptions()
165 |     bHaveCppStd   = False
166 | 
167 |     for opt in selected:
168 |         for e in stdSelections:
169 |             if opt == e['desc']:
170 |                 e['selected'] = True
171 | 
172 |                 if True == e['cppStd']:
173 |                     bHaveCppStd = True
174 | 
175 |     # check that at least one C++ standard is selected, if not insert the default.
176 |     if not bHaveCppStd:
177 |         for e in stdSelections:
178 |             if e['desc'] == getDefaultStandard():
179 |                 e['selected'] = True
180 | 
181 |     return stdSelections
182 | #------------------------------------------------------------------------------
183 | 
184 | def render(insightsOptions, code, twcard=False, desc=''):
185 |     stdout = ''
186 |     stderr = ''
187 | 
188 |     return buildResponse(code, stdout, stderr, insightsOptions, 200, twcard, desc)
189 | #------------------------------------------------------------------------------
190 | 
191 | def getValidInsightsOptions(options):
192 |     validOpts = getSupportedOptions()
193 |     opts      = []
194 | 
195 |     for opt in options:
196 |         for e in validOpts:
197 |             if e['desc'] == opt:
198 |                 opts.append(e)
199 | 
200 |     return opts
201 | #------------------------------------------------------------------------------
202 | 
203 | @app.route("/api/v1/transform", methods=['POST'])
204 | def api():
205 |     content = request.json
206 |     code    = content['code']
207 |     options = getValidInsightsOptions(content['insightsOptions'])
208 | 
209 |     insightsOptions = [opt['flag'] for opt in options if not opt['ccopt']]
210 |     cppStd = [opt['flag'] for opt in options if opt['ccopt']]
211 | 
212 |     if 0 == len(cppStd):
213 |         cppStd = [ getValidInsightsOptions([getDefaultStandard()])[0]['flag'] ]
214 | 
215 |     stdout, stderr, returncode = runDocker(code, insightsOptions, cppStd[0])
216 | 
217 |     if (None == stderr) or ('' == stderr):
218 |         stderr = 'Insights exited with result code: %d' %(returncode)
219 | 
220 |     if returncode:
221 |         stdout = 'Compilation failed!'
222 | 
223 |     resp = {}
224 |     resp['returncode'] = returncode
225 |     resp['stdout']     = stdout
226 |     resp['stderr']     = stderr
227 | 
228 | 
229 |     return jsonify(resp)
230 | #------------------------------------------------------------------------------
231 | 
232 | @app.route("/api/v1/getshortlink", methods=['POST'])
233 | def getShortLink():
234 |     content = request.json
235 |     code    = content['code']
236 |     desc    = content['desc']
237 |     rev     = content['rev']
238 |     cppStd  = content['std']
239 |     options = '|'.join(content['options'])
240 |     toolId  = 1 # reserved in case we will have a windows container later.
241 | 
242 |     code = decodeCode(code)
243 |     desc = decodeCode(desc)
244 | 
245 |     # check for missing code
246 |     if None == code:
247 |         resp = {}
248 |         resp['returncode'] = 2
249 |         resp['shortlink']  = 'No source'
250 | 
251 |         return jsonify(resp)
252 | 
253 |     # limit content length
254 |     elif len(code) > 1000000: # 1 MB
255 |         resp = {}
256 |         resp['returncode'] = 1
257 |         resp['shortlink']  = 'Source too long'
258 | 
259 |         return jsonify(resp)
260 | 
261 |     conn = sqlite3.connect(getDbName())
262 | 
263 |     c = conn.cursor()
264 | 
265 |     # Create the structure if it does not exist
266 |     c.execute('''CREATE TABLE IF NOT EXISTS shortened (id INTEGER primary key autoincrement, toolid INTEGER, code TEXT NOT NULL, desc TEXT NOT NULL, rev text NOT NULL, cppStd TEXT NOT NULL, options TEXT NOT NULL, short TEXT NOT NULL, create_at TIMESTAMP)''')
267 | 
268 |     # Check if there is already an entry for this combination
269 |     cur = c.execute('SELECT short FROM shortened WHERE code=? AND rev=? AND cppStd=? AND options=?', (code, rev, cppStd, options,))
270 | 
271 |     rv = cur.fetchone()
272 | 
273 |     # Pack all together for the unique hash
274 |     full = code + rev + cppStd + options
275 |     hash_object = hashlib.sha1(full.encode('utf-8'))
276 |     hex_dig = hash_object.hexdigest()
277 |     surl = hex_dig[ : 8]
278 |     retVal = 0
279 | 
280 |     if None == rv:
281 |         now = datetime.now()
282 |         c.execute('INSERT INTO shortened (toolid, code, desc, rev, cppStd, options, short, create_at) VALUES (?, ?, ?, ?, ?, ?, ?, ?)', (toolId, code, desc, rev, cppStd, options, surl, now,))
283 |     else:
284 |         retVal = 1
285 |         surl = rv[0]
286 | 
287 | 
288 |     # Commit and close
289 |     conn.commit()
290 |     conn.close()
291 | 
292 |     resp = {}
293 |     resp['returncode'] = retVal
294 |     resp['shortlink']  = '/s/%s' %(surl)
295 | 
296 |     return jsonify(resp)
297 | #------------------------------------------------------------------------------
298 | 
299 | def getVersionInfo():
300 |     stdout, stderr, returncode = runDocker('', None, None, True)
301 | 
302 |     if (None == stderr) or ('' == stderr):
303 |         stderr = 'Insights exited with result code: %d' %(returncode)
304 | 
305 |     if returncode:
306 |         stdout = 'Compilation failed!'
307 | 
308 |     resp = {}
309 |     resp['returncode'] = returncode
310 |     resp['stdout']     = stdout
311 |     resp['stderr']     = stderr
312 | 
313 |     dockerImage = 'cppinsights-container'
314 |     if app.config['USE_DOCKER']:
315 |         p = subprocess.Popen(['docker', 'images', '--filter=reference=%s' %(dockerImage), '--format', '{{.ID}} {{.CreatedAt}}'], stdout=subprocess.PIPE, stderr=subprocess.PIPE)
316 | 
317 |         stdout, stderr = p.communicate(timeout=20)
318 |         stdout         = stdout.decode('utf-8')
319 |         returncode     = p.returncode
320 |     else:
321 |         stdout = 'Docker not used'
322 | 
323 |     resp['stdout'] += '\nDocker image "%s" info: ' %(dockerImage) + stdout + '\n'
324 | 
325 |     return resp
326 | #------------------------------------------------------------------------------
327 | 
328 | @app.route("/api/v1/version", methods=['GET'])
329 | def apiversion():
330 |     resp = getVersionInfo()
331 | 
332 |     return jsonify(resp)
333 | #------------------------------------------------------------------------------
334 | 
335 | @app.route("/version", methods=['GET'])
336 | def version():
337 |     resp = getVersionInfo()
338 | 
339 |     version = resp['stdout']
340 |     version = version.replace('\n', '</br>')
341 | 
342 |     response  = make_response(render_template('version.html', **locals()))
343 | 
344 |     return response
345 | #------------------------------------------------------------------------------
346 | 
347 | def getDbName():
348 |     return 'urls.db'
349 | #------------------------------------------------------------------------------
350 | 
351 | def decodeCode(code):
352 |     try:
353 |         # keep this in mind if, we get a incorrect length base64 string
354 |         #code = code + '=' * (-len(code) % 4)
355 |         # XXX: somehow we get a corrupt base64 string
356 |         code = code.replace(' ', '+')
357 | 
358 |         # base 64 decode
359 |         return base64.b64decode(code).decode('utf-8')
360 | 
361 |     except:
362 |         print(repr(code))
363 | 
364 |     return None
365 | #------------------------------------------------------------------------------
366 | 
367 | @app.route("/", methods=['GET'])
368 | def index():
369 |     code = ''
370 | 
371 |     return render([getDefaultStandard()], code)
372 | #------------------------------------------------------------------------------
373 | 
374 | def proccessLink(code, desc, cppStd, insightsOptions, rev):
375 |     if not rev or '1.0' != rev:
376 |         return error_handler(404, 'The revision of the link is invalid.')
377 | 
378 |     return render(insightsOptions, code, twcard=True, desc=desc)
379 | #------------------------------------------------------------------------------
380 | 
381 | @app.route("/lnk", methods=['GET', 'POST'])
382 | def lnk():
383 |     code    = request.args.get('code', '')
384 |     rev     = request.args.get('rev',  '')
385 |     cppStd  = request.args.get('std',  None)
386 | 
387 |     rawInsightsOptions = request.args.get('insightsOptions', '')
388 |     insightsOptions    = rawInsightsOptions.split(',')
389 | 
390 |     # If this is an old link it has 'std' set. In this case use it.
391 |     if None != cppStd:
392 |         insightsOptions.append(cppStd)
393 | 
394 |     if code:
395 |         code = decodeCode(code)
396 | 
397 |         if None == code:
398 |             code = ''
399 | 
400 |     return proccessLink(code, '', cppStd, insightsOptions, rev)
401 | #------------------------------------------------------------------------------
402 | 
403 | @app.route("/s/<link>")
404 | def slnk(link):
405 |     conn = sqlite3.connect(getDbName())
406 |     c = conn.cursor()
407 | 
408 |     cur = c.execute('SELECT code, desc, rev, cppStd, options FROM shortened WHERE short = ?', (link,))
409 | 
410 |     rv = cur.fetchone()
411 | 
412 |     conn.close()
413 | 
414 |     if None == rv:
415 |         return error_handler(404, 'There is no such link.')
416 | 
417 |     code               = rv[0]
418 |     desc               = rv[1]
419 |     rev                = rv[2]
420 |     cppStd             = rv[3]
421 |     rawInsightsOptions = rv[4]
422 |     insightsOptions    = rawInsightsOptions.split('|')
423 | 
424 |     return proccessLink(code, desc, cppStd, insightsOptions, rev)
425 | #------------------------------------------------------------------------------
426 | 
427 | 
428 | @app.errorhandler(404)
429 | def page_not_found(e):
430 | #    print(request.path)
431 | #    return redirect("/", code=302)
432 |     return render_template('404.html'), 404
433 | #------------------------------------------------------------------------------
434 | 
435 | @app.errorhandler(413)
436 | def request_to_large(e):
437 |         return error_handler(413, '')
438 | #------------------------------------------------------------------------------
439 | 
440 | @app.errorhandler(Exception)
441 | def other_errors(e):
442 |     code  = request.form.get('code', '')
443 |     ecode = 500
444 | 
445 |     print(e)
446 | 
447 |     if isinstance(e, HTTPException):
448 |         ecode = e.code
449 | 
450 |     return error_handler(ecode, code)
451 | #------------------------------------------------------------------------------
452 | 
453 | def getApp():
454 |     return app
455 | #------------------------------------------------------------------------------
456 | 
457 | 
458 | if __name__ == "__main__":
459 |     app.run(host='0.0.0.0')
460 | #------------------------------------------------------------------------------
461 | 
462 | 


--------------------------------------------------------------------------------
/app/static/16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/andreasfertig/cppinsights-web/13b1b4886e5037313c9a8957332aead088c27795/app/static/16.png


--------------------------------------------------------------------------------
/app/static/32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/andreasfertig/cppinsights-web/13b1b4886e5037313c9a8957332aead088c27795/app/static/32.png


--------------------------------------------------------------------------------
/app/static/about.html:
--------------------------------------------------------------------------------
  1 | <!doctype html>
  2 | 
  3 | <html lang="en">
  4 | 
  5 | <head>
  6 |   <title>C++ Insights</title>
  7 |   <meta name="description" content="C++ Insights - See your source code with the eyes of a compiler." />
  8 |   <meta name="author" content="Andreas Fertig" />
  9 |   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 10 |   <meta http-equiv="Content-Style-Type" content="text/css" />
 11 | 
 12 |   <meta name="twitter:card" content="summary" />
 13 |   <meta name="twitter:site" content="@andreas__fertig" />
 14 |   <meta name="twitter:creator" content="@Andreas__Fertig" />
 15 |   <meta property="og:url" content="https://cppinsights.io/" />
 16 |   <meta property="og:title" content="C++ Insights" />
 17 |   <meta property="og:description" content="C++ Insights - See your source code with the eyes of a compiler." />
 18 |   <meta property="og:image" content="https://cppinsights.io/img/twcard.png" />
 19 | 
 20 |   <!--<link rel="shortcut icon" href="favicon.ico">-->
 21 |   <link rel="icon" type="image/png" href="/32.png" sizes="32x32">
 22 |   <link rel="icon" type="image/png" href="/16.png" sizes="16x16">
 23 | 
 24 |   <link rel="stylesheet" href="/css/s.css" type="text/css">
 25 | </head>
 26 | 
 27 | <body>
 28 |   <main id="single">
 29 |     <nav id="nav">
 30 |       <controls>
 31 |         <img class="logo" src="/img/logo.svg" />
 32 |         <a class="btn btn-primary btn-lg" href="/">Home</a>
 33 |         <a class="btn btn-primary btn-lg" href="/about.html">About</a>
 34 |         <a class="btn btn-primary btn-lg" href="/privacy-policy.html" title="Policies">
 35 |           Policies
 36 |         </a>
 37 |         <a class="btn btn-primary btn-lg" href="/examples.html">Examples</a>
 38 |         <a class="btn btn-primary btn-lg" href="/settings.html">Settings</a>
 39 |       </controls>
 40 | 
 41 |       <news>
 42 |       </news>
 43 | 
 44 |       <about>
 45 |         <div id="header">
 46 |           Made by <a target="_blank" href="https://andreasfertig.com">Andreas Fertig</a><br />Powered by <a target="_blank"
 47 |               href="http://flask.pocoo.org/">Flask</a> and <a target="_blank" href="https://codemirror.net">CodeMirror</a>
 48 |         </div>
 49 |       </about>
 50 | 
 51 |     </nav>
 52 | 
 53 |     <content>
 54 |       <h1>About</h1>
 55 | 
 56 |       <p><a href="/">C++ Insights</a> is a <a target="_blank" href="https://clang.llvm.org/">clang</a>-based tool which
 57 |         does a source to source transformation. Its goal is to make things visible, which normally and intentionally
 58 |         happen behind the scenes. It's about the magic the compiler does for us to make things work. Or looking through
 59 |         the classes of a compiler.</p>
 60 | 
 61 |       <p>Some time ago, I started looking into some new things we got with C++11, C++14, C++17 and C++20. Amazing
 62 |         things like
 63 |         lambdas, range-based for-loops, and structured bindings. I put it together in a talk. You can find the <a
 64 |             target="_blank" href="https://andreasfertig.com/talks/dl/afertig-ndcolo-2017-fast-and-small.pdf">slides</a>
 65 |         and a <a target="_blank" href="https://youtu.be/Bt7KzFxcbgc">video</a> online.</p>
 66 | 
 67 |       <p>However, all that research and some of my training and teaching got me to start thinking about how it would be
 68 |         if we
 69 |         could see
 70 |         with the eyes of the compiler. Sure, there is an AST-dump, at least for clang. With tools like <a target="_blank"
 71 |             href="https://godbolt.org/#">Compiler Explorer</a>, we can see what code the compiler generates from a C++
 72 |         source snippet. However, what we see is assembler. Neither the AST nor the <a target="_blank" href="https://godbolt.org/#">Compiler
 73 |           Explorer</a> output is in the language I write code, and therefore I'm most familiar with. Plus, when
 74 |         teaching
 75 |         students C++ showing an AST and explaining that it is all there was not quite satisfying for me.</p>
 76 | 
 77 |       <p>I started to write a <a target="_blank" href="https://clang.llvm.org/">clang</a>-based tool able to transform
 78 |         a
 79 |         range-based for-loop into the compiler-internal version. Then, I did the same for structured bindings and
 80 |         lambdas. In the end, I ended up doing a lot more as initially planned. It shows where operators are
 81 |         invoked,
 82 |         places in which the compiler does some casting. <a href="/">C++ Insights</a> is able to deduce the type behind
 83 |         <code>auto</code> or <code>decltype</code>. The goal is to produce compilable code. However, this is not
 84 |         possible
 85 |         in all places.</p>
 86 | 
 87 |       <p>Still, there is work to do.</p>
 88 | 
 89 |       <p>I do not claim to get all the things right. This is just the initial version of <a href="/">C++ Insights</a> I
 90 |         consider good enough to hand
 91 |         it to the public. Also, keep in mind that it is solely based on clang and my understanding of C++ and the AST.</p>
 92 | 
 93 |       <p>You can see, for example, the transformation of a <a href="https://cppinsights.io/s/f7710a4b">lambda</a>,
 94 |         <a href="https://cppinsights.io/s/40f6a267">range-based
 95 |           for-loop</a>, or <a href="https://cppinsights.io/s/e1a8cf40">auto</a>.
 96 |         Of course, you can transform any other C++ snippet.</p>
 97 | 
 98 |       <p>For those who like videos, there is a C++ Insights series on <a href="https://www.youtube.com/watch?v=NhIubRbFfuM&list=PLm0Dc2Lp2ycaFyR2OqPkusuSB8LmifY8D"
 99 |             target="_blank">Youtube</a>. If you have topics you like me to speak
100 |         about, please reach out to me.</p>
101 | 
102 |       <p>The version information of the C++ Insights version running on this website can be found here: <a href="/version">https://cppinsights.io/version</a>.</p>
103 |       <p>You can find the <a href="https://github.com/andreasfertig/cppinsights-web">source</a> of the web front-end
104 |         and
105 |         the tool <a href="https://github.com/andreasfertig/cppinsights">C++ Insights</a> on Github.</p>
106 |       <p>If you like to support the project, consider <a href="https://github.com/andreasfertig/cppinsights/blob/master/CONTRIBUTING.md">submitting</a>
107 |         a patch. Another alternative is to become a <a href="https://www.patreon.com/cppinsights" target="_blank">Patreon</a>
108 |         supporter.</p>
109 |       <p>Contact: <a href="mailto:andy at cppinsights.io">andy at cppinsights.io</a></p>
110 | 
111 |       <div id="footer">
112 |         Made by <a target="_blank" href="https://andreasfertig.com">Andreas Fertig</a> &bull; Powered by <a target="_blank"
113 |             href="http://flask.pocoo.org/">Flask</a> and <a target="_blank" href="https://codemirror.net">CodeMirror</a>
114 |       </div>
115 |     </content>
116 | 
117 |   </main>
118 | 
119 | </body>
120 | 
121 | </html>
122 | 


--------------------------------------------------------------------------------
/app/static/cm/Readme.md:
--------------------------------------------------------------------------------
1 | This is a third-party component and not covered by the license of the C++ Insights project.
2 | 


--------------------------------------------------------------------------------
/app/static/cm/active-line.js:
--------------------------------------------------------------------------------
 1 | // CodeMirror, copyright (c) by Marijn Haverbeke and others
 2 | // Distributed under an MIT license: http://codemirror.net/LICENSE
 3 | 
 4 | (function(mod) {
 5 |   if (typeof exports == "object" && typeof module == "object") // CommonJS
 6 |     mod(require("../../lib/codemirror"));
 7 |   else if (typeof define == "function" && define.amd) // AMD
 8 |     define(["../../lib/codemirror"], mod);
 9 |   else // Plain browser env
10 |     mod(CodeMirror);
11 | })(function(CodeMirror) {
12 |   "use strict";
13 |   var WRAP_CLASS = "CodeMirror-activeline";
14 |   var BACK_CLASS = "CodeMirror-activeline-background";
15 |   var GUTT_CLASS = "CodeMirror-activeline-gutter";
16 | 
17 |   CodeMirror.defineOption("styleActiveLine", false, function(cm, val, old) {
18 |     var prev = old == CodeMirror.Init ? false : old;
19 |     if (val == prev) return
20 |     if (prev) {
21 |       cm.off("beforeSelectionChange", selectionChange);
22 |       clearActiveLines(cm);
23 |       delete cm.state.activeLines;
24 |     }
25 |     if (val) {
26 |       cm.state.activeLines = [];
27 |       updateActiveLines(cm, cm.listSelections());
28 |       cm.on("beforeSelectionChange", selectionChange);
29 |     }
30 |   });
31 | 
32 |   function clearActiveLines(cm) {
33 |     for (var i = 0; i < cm.state.activeLines.length; i++) {
34 |       cm.removeLineClass(cm.state.activeLines[i], "wrap", WRAP_CLASS);
35 |       cm.removeLineClass(cm.state.activeLines[i], "background", BACK_CLASS);
36 |       cm.removeLineClass(cm.state.activeLines[i], "gutter", GUTT_CLASS);
37 |     }
38 |   }
39 | 
40 |   function sameArray(a, b) {
41 |     if (a.length != b.length) return false;
42 |     for (var i = 0; i < a.length; i++)
43 |       if (a[i] != b[i]) return false;
44 |     return true;
45 |   }
46 | 
47 |   function updateActiveLines(cm, ranges) {
48 |     var active = [];
49 |     for (var i = 0; i < ranges.length; i++) {
50 |       var range = ranges[i];
51 |       var option = cm.getOption("styleActiveLine");
52 |       if (typeof option == "object" && option.nonEmpty ? range.anchor.line != range.head.line : !range.empty())
53 |         continue
54 |       var line = cm.getLineHandleVisualStart(range.head.line);
55 |       if (active[active.length - 1] != line) active.push(line);
56 |     }
57 |     if (sameArray(cm.state.activeLines, active)) return;
58 |     cm.operation(function() {
59 |       clearActiveLines(cm);
60 |       for (var i = 0; i < active.length; i++) {
61 |         cm.addLineClass(active[i], "wrap", WRAP_CLASS);
62 |         cm.addLineClass(active[i], "background", BACK_CLASS);
63 |         cm.addLineClass(active[i], "gutter", GUTT_CLASS);
64 |       }
65 |       cm.state.activeLines = active;
66 |     });
67 |   }
68 | 
69 |   function selectionChange(cm, sel) {
70 |     updateActiveLines(cm, sel.ranges);
71 |   }
72 | });
73 | 


--------------------------------------------------------------------------------
/app/static/cm/codemirror.css:
--------------------------------------------------------------------------------
  1 | /* BASICS */
  2 | 
  3 | .CodeMirror {
  4 |   /* Set height, width, borders, and global font properties here */
  5 |   font-family: monospace;
  6 |   height: 300px;
  7 |   color: black;
  8 |   direction: ltr;
  9 | }
 10 | 
 11 | /* PADDING */
 12 | 
 13 | .CodeMirror-lines {
 14 |   padding: 4px 0; /* Vertical padding around content */
 15 | }
 16 | .CodeMirror pre {
 17 |   padding: 0 4px; /* Horizontal padding of content */
 18 | }
 19 | 
 20 | .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
 21 |   background-color: white; /* The little square between H and V scrollbars */
 22 | }
 23 | 
 24 | /* GUTTER */
 25 | 
 26 | .CodeMirror-gutters {
 27 |   border-right: 1px solid #ddd;
 28 |   background-color: #f7f7f7;
 29 |   white-space: nowrap;
 30 | }
 31 | .CodeMirror-linenumbers {}
 32 | .CodeMirror-linenumber {
 33 |   padding: 0 3px 0 5px;
 34 |   min-width: 20px;
 35 |   text-align: right;
 36 |   color: #999;
 37 |   white-space: nowrap;
 38 | }
 39 | 
 40 | .CodeMirror-guttermarker { color: black; }
 41 | .CodeMirror-guttermarker-subtle { color: #999; }
 42 | 
 43 | /* CURSOR */
 44 | 
 45 | .CodeMirror-cursor {
 46 |   border-left: 1px solid black;
 47 |   border-right: none;
 48 |   width: 0;
 49 | }
 50 | /* Shown when moving in bi-directional text */
 51 | .CodeMirror div.CodeMirror-secondarycursor {
 52 |   border-left: 1px solid silver;
 53 | }
 54 | .cm-fat-cursor .CodeMirror-cursor {
 55 |   width: auto;
 56 |   border: 0 !important;
 57 |   background: #7e7;
 58 | }
 59 | .cm-fat-cursor div.CodeMirror-cursors {
 60 |   z-index: 1;
 61 | }
 62 | .cm-fat-cursor-mark {
 63 |   background-color: rgba(20, 255, 20, 0.5);
 64 |   -webkit-animation: blink 1.06s steps(1) infinite;
 65 |   -moz-animation: blink 1.06s steps(1) infinite;
 66 |   animation: blink 1.06s steps(1) infinite;
 67 | }
 68 | .cm-animate-fat-cursor {
 69 |   width: auto;
 70 |   border: 0;
 71 |   -webkit-animation: blink 1.06s steps(1) infinite;
 72 |   -moz-animation: blink 1.06s steps(1) infinite;
 73 |   animation: blink 1.06s steps(1) infinite;
 74 |   background-color: #7e7;
 75 | }
 76 | @-moz-keyframes blink {
 77 |   0% {}
 78 |   50% { background-color: transparent; }
 79 |   100% {}
 80 | }
 81 | @-webkit-keyframes blink {
 82 |   0% {}
 83 |   50% { background-color: transparent; }
 84 |   100% {}
 85 | }
 86 | @keyframes blink {
 87 |   0% {}
 88 |   50% { background-color: transparent; }
 89 |   100% {}
 90 | }
 91 | 
 92 | /* Can style cursor different in overwrite (non-insert) mode */
 93 | .CodeMirror-overwrite .CodeMirror-cursor {}
 94 | 
 95 | .cm-tab { display: inline-block; text-decoration: inherit; }
 96 | 
 97 | .CodeMirror-rulers {
 98 |   position: absolute;
 99 |   left: 0; right: 0; top: -50px; bottom: -20px;
100 |   overflow: hidden;
101 | }
102 | .CodeMirror-ruler {
103 |   border-left: 1px solid #ccc;
104 |   top: 0; bottom: 0;
105 |   position: absolute;
106 | }
107 | 
108 | /* DEFAULT THEME */
109 | 
110 | .cm-s-default .cm-header {color: blue;}
111 | .cm-s-default .cm-quote {color: #090;}
112 | .cm-negative {color: #d44;}
113 | .cm-positive {color: #292;}
114 | .cm-header, .cm-strong {font-weight: bold;}
115 | .cm-em {font-style: italic;}
116 | .cm-link {text-decoration: underline;}
117 | .cm-strikethrough {text-decoration: line-through;}
118 | 
119 | .cm-s-default .cm-keyword {color: #708;}
120 | .cm-s-default .cm-atom {color: #219;}
121 | .cm-s-default .cm-number {color: #164;}
122 | .cm-s-default .cm-def {color: #00f;}
123 | .cm-s-default .cm-variable,
124 | .cm-s-default .cm-punctuation,
125 | .cm-s-default .cm-property,
126 | .cm-s-default .cm-operator {}
127 | .cm-s-default .cm-variable-2 {color: #05a;}
128 | .cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #085;}
129 | .cm-s-default .cm-comment {color: #a50;}
130 | .cm-s-default .cm-string {color: #a11;}
131 | .cm-s-default .cm-string-2 {color: #f50;}
132 | .cm-s-default .cm-meta {color: #555;}
133 | .cm-s-default .cm-qualifier {color: #555;}
134 | .cm-s-default .cm-builtin {color: #30a;}
135 | .cm-s-default .cm-bracket {color: #997;}
136 | .cm-s-default .cm-tag {color: #170;}
137 | .cm-s-default .cm-attribute {color: #00c;}
138 | .cm-s-default .cm-hr {color: #999;}
139 | .cm-s-default .cm-link {color: #00c;}
140 | 
141 | .cm-s-default .cm-error {color: #f00;}
142 | .cm-invalidchar {color: #f00;}
143 | 
144 | .CodeMirror-composing { border-bottom: 2px solid; }
145 | 
146 | /* Default styles for common addons */
147 | 
148 | div.CodeMirror span.CodeMirror-matchingbracket {color: #0b0;}
149 | div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
150 | .CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
151 | .CodeMirror-activeline-background {background: #e8f2ff;}
152 | 
153 | /* STOP */
154 | 
155 | /* The rest of this file contains styles related to the mechanics of
156 |    the editor. You probably shouldn't touch them. */
157 | 
158 | .CodeMirror {
159 |   position: relative;
160 |   overflow: hidden;
161 |   background: white;
162 | }
163 | 
164 | .CodeMirror-scroll {
165 |   overflow: scroll !important; /* Things will break if this is overridden */
166 |   /* 30px is the magic margin used to hide the element's real scrollbars */
167 |   /* See overflow: hidden in .CodeMirror */
168 |   margin-bottom: -30px; margin-right: -30px;
169 |   padding-bottom: 30px;
170 |   height: 100%;
171 |   outline: none; /* Prevent dragging from highlighting the element */
172 |   position: relative;
173 | }
174 | .CodeMirror-sizer {
175 |   position: relative;
176 |   border-right: 30px solid transparent;
177 | }
178 | 
179 | /* The fake, visible scrollbars. Used to force redraw during scrolling
180 |    before actual scrolling happens, thus preventing shaking and
181 |    flickering artifacts. */
182 | .CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
183 |   position: absolute;
184 |   z-index: 6;
185 |   display: none;
186 | }
187 | .CodeMirror-vscrollbar {
188 |   right: 0; top: 0;
189 |   overflow-x: hidden;
190 |   overflow-y: scroll;
191 | }
192 | .CodeMirror-hscrollbar {
193 |   bottom: 0; left: 0;
194 |   overflow-y: hidden;
195 |   overflow-x: scroll;
196 | }
197 | .CodeMirror-scrollbar-filler {
198 |   right: 0; bottom: 0;
199 | }
200 | .CodeMirror-gutter-filler {
201 |   left: 0; bottom: 0;
202 | }
203 | 
204 | .CodeMirror-gutters {
205 |   position: absolute; left: 0; top: 0;
206 |   min-height: 100%;
207 |   z-index: 3;
208 | }
209 | .CodeMirror-gutter {
210 |   white-space: normal;
211 |   height: 100%;
212 |   display: inline-block;
213 |   vertical-align: top;
214 |   margin-bottom: -30px;
215 | }
216 | .CodeMirror-gutter-wrapper {
217 |   position: absolute;
218 |   z-index: 4;
219 |   background: none !important;
220 |   border: none !important;
221 | }
222 | .CodeMirror-gutter-background {
223 |   position: absolute;
224 |   top: 0; bottom: 0;
225 |   z-index: 4;
226 | }
227 | .CodeMirror-gutter-elt {
228 |   position: absolute;
229 |   cursor: default;
230 |   z-index: 4;
231 | }
232 | .CodeMirror-gutter-wrapper ::selection { background-color: transparent }
233 | .CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }
234 | 
235 | .CodeMirror-lines {
236 |   cursor: text;
237 |   min-height: 1px; /* prevents collapsing before first draw */
238 | }
239 | .CodeMirror pre {
240 |   /* Reset some styles that the rest of the page might have set */
241 |   -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
242 |   border-width: 0;
243 |   background: transparent;
244 |   font-family: inherit;
245 |   font-size: inherit;
246 |   margin: 0;
247 |   white-space: pre;
248 |   word-wrap: normal;
249 |   line-height: inherit;
250 |   color: inherit;
251 |   z-index: 2;
252 |   position: relative;
253 |   overflow: visible;
254 |   -webkit-tap-highlight-color: transparent;
255 |   -webkit-font-variant-ligatures: contextual;
256 |   font-variant-ligatures: contextual;
257 | }
258 | .CodeMirror-wrap pre {
259 |   word-wrap: break-word;
260 |   white-space: pre-wrap;
261 |   word-break: normal;
262 | }
263 | 
264 | .CodeMirror-linebackground {
265 |   position: absolute;
266 |   left: 0; right: 0; top: 0; bottom: 0;
267 |   z-index: 0;
268 | }
269 | 
270 | .CodeMirror-linewidget {
271 |   position: relative;
272 |   z-index: 2;
273 |   padding: 0.1px; /* Force widget margins to stay inside of the container */
274 | }
275 | 
276 | .CodeMirror-widget {}
277 | 
278 | .CodeMirror-rtl pre { direction: rtl; }
279 | 
280 | .CodeMirror-code {
281 |   outline: none;
282 | }
283 | 
284 | /* Force content-box sizing for the elements where we expect it */
285 | .CodeMirror-scroll,
286 | .CodeMirror-sizer,
287 | .CodeMirror-gutter,
288 | .CodeMirror-gutters,
289 | .CodeMirror-linenumber {
290 |   -moz-box-sizing: content-box;
291 |   box-sizing: content-box;
292 | }
293 | 
294 | .CodeMirror-measure {
295 |   position: absolute;
296 |   width: 100%;
297 |   height: 0;
298 |   overflow: hidden;
299 |   visibility: hidden;
300 | }
301 | 
302 | .CodeMirror-cursor {
303 |   position: absolute;
304 |   pointer-events: none;
305 | }
306 | .CodeMirror-measure pre { position: static; }
307 | 
308 | div.CodeMirror-cursors {
309 |   visibility: hidden;
310 |   position: relative;
311 |   z-index: 3;
312 | }
313 | div.CodeMirror-dragcursors {
314 |   visibility: visible;
315 | }
316 | 
317 | .CodeMirror-focused div.CodeMirror-cursors {
318 |   visibility: visible;
319 | }
320 | 
321 | .CodeMirror-selected { background: #d9d9d9; }
322 | .CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
323 | .CodeMirror-crosshair { cursor: crosshair; }
324 | 
325 | .cm-searching {
326 |   background-color: #ffa;
327 |   background-color: rgba(255, 255, 0, .4);
328 | }
329 | 
330 | /* Used to force a border model for a node */
331 | .cm-force-border { padding-right: .1px; }
332 | 
333 | @media print {
334 |   /* Hide the cursor when printing */
335 |   .CodeMirror div.CodeMirror-cursors {
336 |     visibility: hidden;
337 |   }
338 | }
339 | 
340 | /* See issue #2901 */
341 | .cm-tab-wrap-hack:after { content: ''; }
342 | 
343 | /* Help users use markselection to safely style text background */
344 | span.CodeMirror-selectedtext { background: none; }
345 | 


--------------------------------------------------------------------------------
/app/static/cm/matchbrackets.js:
--------------------------------------------------------------------------------
  1 | // CodeMirror, copyright (c) by Marijn Haverbeke and others
  2 | // Distributed under an MIT license: http://codemirror.net/LICENSE
  3 | 
  4 | (function(mod) {
  5 |   if (typeof exports == "object" && typeof module == "object") // CommonJS
  6 |     mod(require("../../lib/codemirror"));
  7 |   else if (typeof define == "function" && define.amd) // AMD
  8 |     define(["../../lib/codemirror"], mod);
  9 |   else // Plain browser env
 10 |     mod(CodeMirror);
 11 | })(function(CodeMirror) {
 12 |   var ie_lt8 = /MSIE \d/.test(navigator.userAgent) &&
 13 |     (document.documentMode == null || document.documentMode < 8);
 14 | 
 15 |   var Pos = CodeMirror.Pos;
 16 | 
 17 |   var matching = {"(": ")>", ")": "(<", "[": "]>", "]": "[<", "{": "}>", "}": "{<"};
 18 | 
 19 |   function findMatchingBracket(cm, where, config) {
 20 |     var line = cm.getLineHandle(where.line), pos = where.ch - 1;
 21 |     var afterCursor = config && config.afterCursor
 22 |     if (afterCursor == null)
 23 |       afterCursor = /(^| )cm-fat-cursor($| )/.test(cm.getWrapperElement().className)
 24 | 
 25 |     // A cursor is defined as between two characters, but in in vim command mode
 26 |     // (i.e. not insert mode), the cursor is visually represented as a
 27 |     // highlighted box on top of the 2nd character. Otherwise, we allow matches
 28 |     // from before or after the cursor.
 29 |     var match = (!afterCursor && pos >= 0 && matching[line.text.charAt(pos)]) ||
 30 |         matching[line.text.charAt(++pos)];
 31 |     if (!match) return null;
 32 |     var dir = match.charAt(1) == ">" ? 1 : -1;
 33 |     if (config && config.strict && (dir > 0) != (pos == where.ch)) return null;
 34 |     var style = cm.getTokenTypeAt(Pos(where.line, pos + 1));
 35 | 
 36 |     var found = scanForBracket(cm, Pos(where.line, pos + (dir > 0 ? 1 : 0)), dir, style || null, config);
 37 |     if (found == null) return null;
 38 |     return {from: Pos(where.line, pos), to: found && found.pos,
 39 |             match: found && found.ch == match.charAt(0), forward: dir > 0};
 40 |   }
 41 | 
 42 |   // bracketRegex is used to specify which type of bracket to scan
 43 |   // should be a regexp, e.g. /[[\]]/
 44 |   //
 45 |   // Note: If "where" is on an open bracket, then this bracket is ignored.
 46 |   //
 47 |   // Returns false when no bracket was found, null when it reached
 48 |   // maxScanLines and gave up
 49 |   function scanForBracket(cm, where, dir, style, config) {
 50 |     var maxScanLen = (config && config.maxScanLineLength) || 10000;
 51 |     var maxScanLines = (config && config.maxScanLines) || 1000;
 52 | 
 53 |     var stack = [];
 54 |     var re = config && config.bracketRegex ? config.bracketRegex : /[(){}[\]]/;
 55 |     var lineEnd = dir > 0 ? Math.min(where.line + maxScanLines, cm.lastLine() + 1)
 56 |                           : Math.max(cm.firstLine() - 1, where.line - maxScanLines);
 57 |     for (var lineNo = where.line; lineNo != lineEnd; lineNo += dir) {
 58 |       var line = cm.getLine(lineNo);
 59 |       if (!line) continue;
 60 |       var pos = dir > 0 ? 0 : line.length - 1, end = dir > 0 ? line.length : -1;
 61 |       if (line.length > maxScanLen) continue;
 62 |       if (lineNo == where.line) pos = where.ch - (dir < 0 ? 1 : 0);
 63 |       for (; pos != end; pos += dir) {
 64 |         var ch = line.charAt(pos);
 65 |         if (re.test(ch) && (style === undefined || cm.getTokenTypeAt(Pos(lineNo, pos + 1)) == style)) {
 66 |           var match = matching[ch];
 67 |           if ((match.charAt(1) == ">") == (dir > 0)) stack.push(ch);
 68 |           else if (!stack.length) return {pos: Pos(lineNo, pos), ch: ch};
 69 |           else stack.pop();
 70 |         }
 71 |       }
 72 |     }
 73 |     return lineNo - dir == (dir > 0 ? cm.lastLine() : cm.firstLine()) ? false : null;
 74 |   }
 75 | 
 76 |   function matchBrackets(cm, autoclear, config) {
 77 |     // Disable brace matching in long lines, since it'll cause hugely slow updates
 78 |     var maxHighlightLen = cm.state.matchBrackets.maxHighlightLineLength || 1000;
 79 |     var marks = [], ranges = cm.listSelections();
 80 |     for (var i = 0; i < ranges.length; i++) {
 81 |       var match = ranges[i].empty() && findMatchingBracket(cm, ranges[i].head, config);
 82 |       if (match && cm.getLine(match.from.line).length <= maxHighlightLen) {
 83 |         var style = match.match ? "CodeMirror-matchingbracket" : "CodeMirror-nonmatchingbracket";
 84 |         marks.push(cm.markText(match.from, Pos(match.from.line, match.from.ch + 1), {className: style}));
 85 |         if (match.to && cm.getLine(match.to.line).length <= maxHighlightLen)
 86 |           marks.push(cm.markText(match.to, Pos(match.to.line, match.to.ch + 1), {className: style}));
 87 |       }
 88 |     }
 89 | 
 90 |     if (marks.length) {
 91 |       // Kludge to work around the IE bug from issue #1193, where text
 92 |       // input stops going to the textare whever this fires.
 93 |       if (ie_lt8 && cm.state.focused) cm.focus();
 94 | 
 95 |       var clear = function() {
 96 |         cm.operation(function() {
 97 |           for (var i = 0; i < marks.length; i++) marks[i].clear();
 98 |         });
 99 |       };
100 |       if (autoclear) setTimeout(clear, 800);
101 |       else return clear;
102 |     }
103 |   }
104 | 
105 |   function doMatchBrackets(cm) {
106 |     cm.operation(function() {
107 |       if (cm.state.matchBrackets.currentlyHighlighted) {
108 |         cm.state.matchBrackets.currentlyHighlighted();
109 |         cm.state.matchBrackets.currentlyHighlighted = null;
110 |       }
111 |       cm.state.matchBrackets.currentlyHighlighted = matchBrackets(cm, false, cm.state.matchBrackets);
112 |     });
113 |   }
114 | 
115 |   CodeMirror.defineOption("matchBrackets", false, function(cm, val, old) {
116 |     if (old && old != CodeMirror.Init) {
117 |       cm.off("cursorActivity", doMatchBrackets);
118 |       if (cm.state.matchBrackets && cm.state.matchBrackets.currentlyHighlighted) {
119 |         cm.state.matchBrackets.currentlyHighlighted();
120 |         cm.state.matchBrackets.currentlyHighlighted = null;
121 |       }
122 |     }
123 |     if (val) {
124 |       cm.state.matchBrackets = typeof val == "object" ? val : {};
125 |       cm.on("cursorActivity", doMatchBrackets);
126 |     }
127 |   });
128 | 
129 |   CodeMirror.defineExtension("matchBrackets", function() {matchBrackets(this, true);});
130 |   CodeMirror.defineExtension("findMatchingBracket", function(pos, config, oldConfig){
131 |     // Backwards-compatibility kludge
132 |     if (oldConfig || typeof config == "boolean") {
133 |       if (!oldConfig) {
134 |         config = config ? {strict: true} : null
135 |       } else {
136 |         oldConfig.strict = config
137 |         config = oldConfig
138 |       }
139 |     }
140 |     return findMatchingBracket(this, pos, config)
141 |   });
142 |   CodeMirror.defineExtension("scanForBracket", function(pos, dir, style, config){
143 |     return scanForBracket(this, pos, dir, style, config);
144 |   });
145 | });
146 | 


--------------------------------------------------------------------------------
/app/static/cm/show-hint.css:
--------------------------------------------------------------------------------
 1 | .CodeMirror-hints {
 2 |   position: absolute;
 3 |   z-index: 10;
 4 |   overflow: hidden;
 5 |   list-style: none;
 6 | 
 7 |   margin: 0;
 8 |   padding: 2px;
 9 | 
10 |   -webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
11 |   -moz-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
12 |   box-shadow: 2px 3px 5px rgba(0,0,0,.2);
13 |   border-radius: 3px;
14 |   border: 1px solid silver;
15 | 
16 |   background: white;
17 |   font-size: 90%;
18 |   font-family: monospace;
19 | 
20 |   max-height: 20em;
21 |   overflow-y: auto;
22 | }
23 | 
24 | .CodeMirror-hint {
25 |   margin: 0;
26 |   padding: 0 4px;
27 |   border-radius: 2px;
28 |   white-space: pre;
29 |   color: black;
30 |   cursor: pointer;
31 | }
32 | 
33 | li.CodeMirror-hint-active {
34 |   background: #08f;
35 |   color: white;
36 | }
37 | 


--------------------------------------------------------------------------------
/app/static/cm/show-hint.js:
--------------------------------------------------------------------------------
  1 | // CodeMirror, copyright (c) by Marijn Haverbeke and others
  2 | // Distributed under an MIT license: http://codemirror.net/LICENSE
  3 | 
  4 | (function(mod) {
  5 |   if (typeof exports == "object" && typeof module == "object") // CommonJS
  6 |     mod(require("../../lib/codemirror"));
  7 |   else if (typeof define == "function" && define.amd) // AMD
  8 |     define(["../../lib/codemirror"], mod);
  9 |   else // Plain browser env
 10 |     mod(CodeMirror);
 11 | })(function(CodeMirror) {
 12 |   "use strict";
 13 | 
 14 |   var HINT_ELEMENT_CLASS        = "CodeMirror-hint";
 15 |   var ACTIVE_HINT_ELEMENT_CLASS = "CodeMirror-hint-active";
 16 | 
 17 |   // This is the old interface, kept around for now to stay
 18 |   // backwards-compatible.
 19 |   CodeMirror.showHint = function(cm, getHints, options) {
 20 |     if (!getHints) return cm.showHint(options);
 21 |     if (options && options.async) getHints.async = true;
 22 |     var newOpts = {hint: getHints};
 23 |     if (options) for (var prop in options) newOpts[prop] = options[prop];
 24 |     return cm.showHint(newOpts);
 25 |   };
 26 | 
 27 |   CodeMirror.defineExtension("showHint", function(options) {
 28 |     options = parseOptions(this, this.getCursor("start"), options);
 29 |     var selections = this.listSelections()
 30 |     if (selections.length > 1) return;
 31 |     // By default, don't allow completion when something is selected.
 32 |     // A hint function can have a `supportsSelection` property to
 33 |     // indicate that it can handle selections.
 34 |     if (this.somethingSelected()) {
 35 |       if (!options.hint.supportsSelection) return;
 36 |       // Don't try with cross-line selections
 37 |       for (var i = 0; i < selections.length; i++)
 38 |         if (selections[i].head.line != selections[i].anchor.line) return;
 39 |     }
 40 | 
 41 |     if (this.state.completionActive) this.state.completionActive.close();
 42 |     var completion = this.state.completionActive = new Completion(this, options);
 43 |     if (!completion.options.hint) return;
 44 | 
 45 |     CodeMirror.signal(this, "startCompletion", this);
 46 |     completion.update(true);
 47 |   });
 48 | 
 49 |   function Completion(cm, options) {
 50 |     this.cm = cm;
 51 |     this.options = options;
 52 |     this.widget = null;
 53 |     this.debounce = 0;
 54 |     this.tick = 0;
 55 |     this.startPos = this.cm.getCursor("start");
 56 |     this.startLen = this.cm.getLine(this.startPos.line).length - this.cm.getSelection().length;
 57 | 
 58 |     var self = this;
 59 |     cm.on("cursorActivity", this.activityFunc = function() { self.cursorActivity(); });
 60 |   }
 61 | 
 62 |   var requestAnimationFrame = window.requestAnimationFrame || function(fn) {
 63 |     return setTimeout(fn, 1000/60);
 64 |   };
 65 |   var cancelAnimationFrame = window.cancelAnimationFrame || clearTimeout;
 66 | 
 67 |   Completion.prototype = {
 68 |     close: function() {
 69 |       if (!this.active()) return;
 70 |       this.cm.state.completionActive = null;
 71 |       this.tick = null;
 72 |       this.cm.off("cursorActivity", this.activityFunc);
 73 | 
 74 |       if (this.widget && this.data) CodeMirror.signal(this.data, "close");
 75 |       if (this.widget) this.widget.close();
 76 |       CodeMirror.signal(this.cm, "endCompletion", this.cm);
 77 |     },
 78 | 
 79 |     active: function() {
 80 |       return this.cm.state.completionActive == this;
 81 |     },
 82 | 
 83 |     pick: function(data, i) {
 84 |       var completion = data.list[i];
 85 |       if (completion.hint) completion.hint(this.cm, data, completion);
 86 |       else this.cm.replaceRange(getText(completion), completion.from || data.from,
 87 |                                 completion.to || data.to, "complete");
 88 |       CodeMirror.signal(data, "pick", completion);
 89 |       this.close();
 90 |     },
 91 | 
 92 |     cursorActivity: function() {
 93 |       if (this.debounce) {
 94 |         cancelAnimationFrame(this.debounce);
 95 |         this.debounce = 0;
 96 |       }
 97 | 
 98 |       var pos = this.cm.getCursor(), line = this.cm.getLine(pos.line);
 99 |       if (pos.line != this.startPos.line || line.length - pos.ch != this.startLen - this.startPos.ch ||
100 |           pos.ch < this.startPos.ch || this.cm.somethingSelected() ||
101 |           (pos.ch && this.options.closeCharacters.test(line.charAt(pos.ch - 1)))) {
102 |         this.close();
103 |       } else {
104 |         var self = this;
105 |         this.debounce = requestAnimationFrame(function() {self.update();});
106 |         if (this.widget) this.widget.disable();
107 |       }
108 |     },
109 | 
110 |     update: function(first) {
111 |       if (this.tick == null) return
112 |       var self = this, myTick = ++this.tick
113 |       fetchHints(this.options.hint, this.cm, this.options, function(data) {
114 |         if (self.tick == myTick) self.finishUpdate(data, first)
115 |       })
116 |     },
117 | 
118 |     finishUpdate: function(data, first) {
119 |       if (this.data) CodeMirror.signal(this.data, "update");
120 | 
121 |       var picked = (this.widget && this.widget.picked) || (first && this.options.completeSingle);
122 |       if (this.widget) this.widget.close();
123 | 
124 |       this.data = data;
125 | 
126 |       if (data && data.list.length) {
127 |         if (picked && data.list.length == 1) {
128 |           this.pick(data, 0);
129 |         } else {
130 |           this.widget = new Widget(this, data);
131 |           CodeMirror.signal(data, "shown");
132 |         }
133 |       }
134 |     }
135 |   };
136 | 
137 |   function parseOptions(cm, pos, options) {
138 |     var editor = cm.options.hintOptions;
139 |     var out = {};
140 |     for (var prop in defaultOptions) out[prop] = defaultOptions[prop];
141 |     if (editor) for (var prop in editor)
142 |       if (editor[prop] !== undefined) out[prop] = editor[prop];
143 |     if (options) for (var prop in options)
144 |       if (options[prop] !== undefined) out[prop] = options[prop];
145 |     if (out.hint.resolve) out.hint = out.hint.resolve(cm, pos)
146 |     return out;
147 |   }
148 | 
149 |   function getText(completion) {
150 |     if (typeof completion == "string") return completion;
151 |     else return completion.text;
152 |   }
153 | 
154 |   function buildKeyMap(completion, handle) {
155 |     var baseMap = {
156 |       Up: function() {handle.moveFocus(-1);},
157 |       Down: function() {handle.moveFocus(1);},
158 |       PageUp: function() {handle.moveFocus(-handle.menuSize() + 1, true);},
159 |       PageDown: function() {handle.moveFocus(handle.menuSize() - 1, true);},
160 |       Home: function() {handle.setFocus(0);},
161 |       End: function() {handle.setFocus(handle.length - 1);},
162 |       Enter: handle.pick,
163 |       Tab: handle.pick,
164 |       Esc: handle.close
165 |     };
166 |     var custom = completion.options.customKeys;
167 |     var ourMap = custom ? {} : baseMap;
168 |     function addBinding(key, val) {
169 |       var bound;
170 |       if (typeof val != "string")
171 |         bound = function(cm) { return val(cm, handle); };
172 |       // This mechanism is deprecated
173 |       else if (baseMap.hasOwnProperty(val))
174 |         bound = baseMap[val];
175 |       else
176 |         bound = val;
177 |       ourMap[key] = bound;
178 |     }
179 |     if (custom)
180 |       for (var key in custom) if (custom.hasOwnProperty(key))
181 |         addBinding(key, custom[key]);
182 |     var extra = completion.options.extraKeys;
183 |     if (extra)
184 |       for (var key in extra) if (extra.hasOwnProperty(key))
185 |         addBinding(key, extra[key]);
186 |     return ourMap;
187 |   }
188 | 
189 |   function getHintElement(hintsElement, el) {
190 |     while (el && el != hintsElement) {
191 |       if (el.nodeName.toUpperCase() === "LI" && el.parentNode == hintsElement) return el;
192 |       el = el.parentNode;
193 |     }
194 |   }
195 | 
196 |   function Widget(completion, data) {
197 |     this.completion = completion;
198 |     this.data = data;
199 |     this.picked = false;
200 |     var widget = this, cm = completion.cm;
201 | 
202 |     var hints = this.hints = document.createElement("ul");
203 |     hints.className = "CodeMirror-hints";
204 |     this.selectedHint = data.selectedHint || 0;
205 | 
206 |     var completions = data.list;
207 |     for (var i = 0; i < completions.length; ++i) {
208 |       var elt = hints.appendChild(document.createElement("li")), cur = completions[i];
209 |       var className = HINT_ELEMENT_CLASS + (i != this.selectedHint ? "" : " " + ACTIVE_HINT_ELEMENT_CLASS);
210 |       if (cur.className != null) className = cur.className + " " + className;
211 |       elt.className = className;
212 |       if (cur.render) cur.render(elt, data, cur);
213 |       else elt.appendChild(document.createTextNode(cur.displayText || getText(cur)));
214 |       elt.hintId = i;
215 |     }
216 | 
217 |     var pos = cm.cursorCoords(completion.options.alignWithWord ? data.from : null);
218 |     var left = pos.left, top = pos.bottom, below = true;
219 |     hints.style.left = left + "px";
220 |     hints.style.top = top + "px";
221 |     // If we're at the edge of the screen, then we want the menu to appear on the left of the cursor.
222 |     var winW = window.innerWidth || Math.max(document.body.offsetWidth, document.documentElement.offsetWidth);
223 |     var winH = window.innerHeight || Math.max(document.body.offsetHeight, document.documentElement.offsetHeight);
224 |     (completion.options.container || document.body).appendChild(hints);
225 |     var box = hints.getBoundingClientRect(), overlapY = box.bottom - winH;
226 |     var scrolls = hints.scrollHeight > hints.clientHeight + 1
227 |     var startScroll = cm.getScrollInfo();
228 | 
229 |     if (overlapY > 0) {
230 |       var height = box.bottom - box.top, curTop = pos.top - (pos.bottom - box.top);
231 |       if (curTop - height > 0) { // Fits above cursor
232 |         hints.style.top = (top = pos.top - height) + "px";
233 |         below = false;
234 |       } else if (height > winH) {
235 |         hints.style.height = (winH - 5) + "px";
236 |         hints.style.top = (top = pos.bottom - box.top) + "px";
237 |         var cursor = cm.getCursor();
238 |         if (data.from.ch != cursor.ch) {
239 |           pos = cm.cursorCoords(cursor);
240 |           hints.style.left = (left = pos.left) + "px";
241 |           box = hints.getBoundingClientRect();
242 |         }
243 |       }
244 |     }
245 |     var overlapX = box.right - winW;
246 |     if (overlapX > 0) {
247 |       if (box.right - box.left > winW) {
248 |         hints.style.width = (winW - 5) + "px";
249 |         overlapX -= (box.right - box.left) - winW;
250 |       }
251 |       hints.style.left = (left = pos.left - overlapX) + "px";
252 |     }
253 |     if (scrolls) for (var node = hints.firstChild; node; node = node.nextSibling)
254 |       node.style.paddingRight = cm.display.nativeBarWidth + "px"
255 | 
256 |     cm.addKeyMap(this.keyMap = buildKeyMap(completion, {
257 |       moveFocus: function(n, avoidWrap) { widget.changeActive(widget.selectedHint + n, avoidWrap); },
258 |       setFocus: function(n) { widget.changeActive(n); },
259 |       menuSize: function() { return widget.screenAmount(); },
260 |       length: completions.length,
261 |       close: function() { completion.close(); },
262 |       pick: function() { widget.pick(); },
263 |       data: data
264 |     }));
265 | 
266 |     if (completion.options.closeOnUnfocus) {
267 |       var closingOnBlur;
268 |       cm.on("blur", this.onBlur = function() { closingOnBlur = setTimeout(function() { completion.close(); }, 100); });
269 |       cm.on("focus", this.onFocus = function() { clearTimeout(closingOnBlur); });
270 |     }
271 | 
272 |     cm.on("scroll", this.onScroll = function() {
273 |       var curScroll = cm.getScrollInfo(), editor = cm.getWrapperElement().getBoundingClientRect();
274 |       var newTop = top + startScroll.top - curScroll.top;
275 |       var point = newTop - (window.pageYOffset || (document.documentElement || document.body).scrollTop);
276 |       if (!below) point += hints.offsetHeight;
277 |       if (point <= editor.top || point >= editor.bottom) return completion.close();
278 |       hints.style.top = newTop + "px";
279 |       hints.style.left = (left + startScroll.left - curScroll.left) + "px";
280 |     });
281 | 
282 |     CodeMirror.on(hints, "dblclick", function(e) {
283 |       var t = getHintElement(hints, e.target || e.srcElement);
284 |       if (t && t.hintId != null) {widget.changeActive(t.hintId); widget.pick();}
285 |     });
286 | 
287 |     CodeMirror.on(hints, "click", function(e) {
288 |       var t = getHintElement(hints, e.target || e.srcElement);
289 |       if (t && t.hintId != null) {
290 |         widget.changeActive(t.hintId);
291 |         if (completion.options.completeOnSingleClick) widget.pick();
292 |       }
293 |     });
294 | 
295 |     CodeMirror.on(hints, "mousedown", function() {
296 |       setTimeout(function(){cm.focus();}, 20);
297 |     });
298 | 
299 |     CodeMirror.signal(data, "select", completions[this.selectedHint], hints.childNodes[this.selectedHint]);
300 |     return true;
301 |   }
302 | 
303 |   Widget.prototype = {
304 |     close: function() {
305 |       if (this.completion.widget != this) return;
306 |       this.completion.widget = null;
307 |       this.hints.parentNode.removeChild(this.hints);
308 |       this.completion.cm.removeKeyMap(this.keyMap);
309 | 
310 |       var cm = this.completion.cm;
311 |       if (this.completion.options.closeOnUnfocus) {
312 |         cm.off("blur", this.onBlur);
313 |         cm.off("focus", this.onFocus);
314 |       }
315 |       cm.off("scroll", this.onScroll);
316 |     },
317 | 
318 |     disable: function() {
319 |       this.completion.cm.removeKeyMap(this.keyMap);
320 |       var widget = this;
321 |       this.keyMap = {Enter: function() { widget.picked = true; }};
322 |       this.completion.cm.addKeyMap(this.keyMap);
323 |     },
324 | 
325 |     pick: function() {
326 |       this.completion.pick(this.data, this.selectedHint);
327 |     },
328 | 
329 |     changeActive: function(i, avoidWrap) {
330 |       if (i >= this.data.list.length)
331 |         i = avoidWrap ? this.data.list.length - 1 : 0;
332 |       else if (i < 0)
333 |         i = avoidWrap ? 0  : this.data.list.length - 1;
334 |       if (this.selectedHint == i) return;
335 |       var node = this.hints.childNodes[this.selectedHint];
336 |       node.className = node.className.replace(" " + ACTIVE_HINT_ELEMENT_CLASS, "");
337 |       node = this.hints.childNodes[this.selectedHint = i];
338 |       node.className += " " + ACTIVE_HINT_ELEMENT_CLASS;
339 |       if (node.offsetTop < this.hints.scrollTop)
340 |         this.hints.scrollTop = node.offsetTop - 3;
341 |       else if (node.offsetTop + node.offsetHeight > this.hints.scrollTop + this.hints.clientHeight)
342 |         this.hints.scrollTop = node.offsetTop + node.offsetHeight - this.hints.clientHeight + 3;
343 |       CodeMirror.signal(this.data, "select", this.data.list[this.selectedHint], node);
344 |     },
345 | 
346 |     screenAmount: function() {
347 |       return Math.floor(this.hints.clientHeight / this.hints.firstChild.offsetHeight) || 1;
348 |     }
349 |   };
350 | 
351 |   function applicableHelpers(cm, helpers) {
352 |     if (!cm.somethingSelected()) return helpers
353 |     var result = []
354 |     for (var i = 0; i < helpers.length; i++)
355 |       if (helpers[i].supportsSelection) result.push(helpers[i])
356 |     return result
357 |   }
358 | 
359 |   function fetchHints(hint, cm, options, callback) {
360 |     if (hint.async) {
361 |       hint(cm, callback, options)
362 |     } else {
363 |       var result = hint(cm, options)
364 |       if (result && result.then) result.then(callback)
365 |       else callback(result)
366 |     }
367 |   }
368 | 
369 |   function resolveAutoHints(cm, pos) {
370 |     var helpers = cm.getHelpers(pos, "hint"), words
371 |     if (helpers.length) {
372 |       var resolved = function(cm, callback, options) {
373 |         var app = applicableHelpers(cm, helpers);
374 |         function run(i) {
375 |           if (i == app.length) return callback(null)
376 |           fetchHints(app[i], cm, options, function(result) {
377 |             if (result && result.list.length > 0) callback(result)
378 |             else run(i + 1)
379 |           })
380 |         }
381 |         run(0)
382 |       }
383 |       resolved.async = true
384 |       resolved.supportsSelection = true
385 |       return resolved
386 |     } else if (words = cm.getHelper(cm.getCursor(), "hintWords")) {
387 |       return function(cm) { return CodeMirror.hint.fromList(cm, {words: words}) }
388 |     } else if (CodeMirror.hint.anyword) {
389 |       return function(cm, options) { return CodeMirror.hint.anyword(cm, options) }
390 |     } else {
391 |       return function() {}
392 |     }
393 |   }
394 | 
395 |   CodeMirror.registerHelper("hint", "auto", {
396 |     resolve: resolveAutoHints
397 |   });
398 | 
399 |   CodeMirror.registerHelper("hint", "fromList", function(cm, options) {
400 |     var cur = cm.getCursor(), token = cm.getTokenAt(cur);
401 |     var to = CodeMirror.Pos(cur.line, token.end);
402 |     if (token.string && /\w/.test(token.string[token.string.length - 1])) {
403 |       var term = token.string, from = CodeMirror.Pos(cur.line, token.start);
404 |     } else {
405 |       var term = "", from = to;
406 |     }
407 |     var found = [];
408 |     for (var i = 0; i < options.words.length; i++) {
409 |       var word = options.words[i];
410 |       if (word.slice(0, term.length) == term)
411 |         found.push(word);
412 |     }
413 | 
414 |     if (found.length) return {list: found, from: from, to: to};
415 |   });
416 | 
417 |   CodeMirror.commands.autocomplete = CodeMirror.showHint;
418 | 
419 |   var defaultOptions = {
420 |     hint: CodeMirror.hint.auto,
421 |     completeSingle: true,
422 |     alignWithWord: true,
423 |     closeCharacters: /[\s()\[\]{};:>,]/,
424 |     closeOnUnfocus: true,
425 |     completeOnSingleClick: true,
426 |     container: null,
427 |     customKeys: null,
428 |     extraKeys: null
429 |   };
430 | 
431 |   CodeMirror.defineOption("hintOptions", null);
432 | });
433 | 


--------------------------------------------------------------------------------
/app/static/cookie-policy.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html lang="en">
 3 | 
 4 | <head>
 5 |   <title>C++ Insights - Cookie Policy</title>
 6 |   <meta name="description" content="C++ Insights - See your source code with the eyes of a compiler." />
 7 |   <meta name="author" content="Andreas Fertig" />
 8 |   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 9 |   <meta http-equiv="Content-Style-Type" content="text/css" />
10 | 
11 |   <meta name="twitter:card" content="summary" />
12 |   <meta name="twitter:site" content="@andreas__fertig" />
13 |   <meta name="twitter:creator" content="@Andreas__Fertig" />
14 |   <meta property="og:url" content="https://cppinsights.io/" />
15 |   <meta property="og:title" content="C++ Insights" />
16 |   <meta property="og:description" content="C++ Insights - See your source code with the eyes of a compiler." />
17 |   <meta property="og:image" content="https://cppinsights.io/img/twcard.png" />
18 | 
19 | 
20 |   <!--<link rel="shortcut icon" href="favicon.ico">-->
21 |   <link rel="icon" type="image/png" href="/32.png" sizes="32x32">
22 |   <link rel="icon" type="image/png" href="/16.png" sizes="16x16">
23 | 
24 |   <link rel="stylesheet" href="css/s.css" type="text/css">
25 | </head>
26 | 
27 | <body>
28 |   <main id="single">
29 |     <nav id="nav">
30 |       <controls>
31 |         <img class="logo" src="/img/logo.svg" />
32 |         <a class="btn btn-primary btn-lg" href="/">Home</a>
33 |         <a class="btn btn-primary btn-lg" href="/about.html">About</a>
34 |         <a class="btn btn-primary btn-lg" href="/privacy-policy.html" title="Policies">
35 |           Policies
36 |         </a>
37 |         <a class="btn btn-primary btn-lg" href="/examples.html">Examples</a>
38 |         <a class="btn btn-primary btn-lg" href="/settings.html">Settings</a>
39 |       </controls>
40 | 
41 |       <news>
42 |       </news>
43 | 
44 |       <about>
45 |         <div id="header">
46 |           Made by <a target="_blank" href="https://andreasfertig.com">Andreas Fertig</a><br />Powered by <a target="_blank"
47 |               href="http://flask.pocoo.org/">Flask</a> and <a target="_blank" href="https://codemirror.net">CodeMirror</a>
48 |         </div>
49 |       </about>
50 | 
51 |     </nav>
52 | 
53 |     <content>
54 |       <h1>C++ Insights Cookie Policy</h1>
55 | 
56 |       <p>Browsers support the storing and sending back of small text files called "Cookies". These cookie files can be
57 |         used (amongst other things) to help to track the usage of a website. See the <a href="https://developer.mozilla.org/docs/Web/HTTP/Cookies"
58 |             about="_blank">Mozilla description of cookies</a>
59 |         for more details.</p>
60 | 
61 |       <p>C++ Insights uses a cookie to store current state, such as:
62 |         <ul>
63 |           <li>Current consent status</li>
64 |         </ul>
65 |       </p>
66 | 
67 |       <p>C++ Insights uses a Local Storage to store current state, such as:
68 |         <ul>
69 |           <li>Your current code</li>
70 |           <li>The selected C++ Standard</li>
71 |         </ul>
72 |       </p>
73 | 
74 |       <p>This information is used to provide a better user experience, it is used at no point to track any user
75 |         identifying information. For general privacy information see <a href="/privacy-policy.html">Privacy Policy</a></p>
76 | 
77 |       <p>Note that the consent status cookie is set even if you decline cookies. Otherwise, the website would ask you
78 |         all
79 |         the time whether to accept cookies. In case, you do not click decline or accept no cookies at all are
80 |         stored.</p>
81 | 
82 |     </content>
83 | 
84 |     <div id="footer">
85 |       Made by <a target="_blank" href="https://andreasfertig.com">Andreas Fertig</a> &bull; Powered by <a target="_blank"
86 |           href="http://flask.pocoo.org/">Flask</a> and <a target="_blank" href="https://codemirror.net">CodeMirror</a>
87 |     </div>
88 | 
89 |   </main>
90 | 
91 | </body>
92 | 
93 | </html>
94 | 


--------------------------------------------------------------------------------
/app/static/css/s.css:
--------------------------------------------------------------------------------
   1 | /* C++ Insights Web, copyright (c) by Andreas Fertig
   2 |    Distributed under an MIT license. See /LICENSE */
   3 | 
   4 | :root {
   5 |   --cl-main-bg: #fff;
   6 |   --cl-text: #000;
   7 |   --cl-text-gray: #333;
   8 |   --cl-text-light-gray: gray;
   9 |   --cl-black: #000;
  10 |   --cl-button: var(--cl-main-bg);
  11 |   --cl-button-hover: #e6ebf1;
  12 |   --cl-button-border: rgba(27, 31, 35, 0.2);
  13 |   --cl-button-border-hover: rgba(27, 31, 35, 0.35);
  14 |   --cl-button-text: #24292e;
  15 | 
  16 |   --cl-link: #0275d8;
  17 |   --cl-link-hover: #014c8c;
  18 | 
  19 |   --cl-button-header: #545353;
  20 | 
  21 |   --cl-in-readonly: var(--cl-text-gray);
  22 |   --cl-in-readonly-selected: var(--cl-in-readonly);
  23 |   --cl-in-readonly-bg: #f2f2f2;
  24 | 
  25 |   --cl-code-bg: var(--cl-main-bg);
  26 |   --cl-code-selected-line: #e6e6e6;
  27 |   --cl-code-selection: #a3d0ff;
  28 |   --cl-code-border: #c5c5c5;
  29 |   --cl-console-bg: #f4f4f4;
  30 |   --cl-cursor: var(--cl-text);
  31 | 
  32 |   --cl-cm-string: #032f62;
  33 |   --cl-cm-keyword: #d73a49;
  34 |   --cl-cm-definition: #6f42c1;
  35 |   --cl-cm-number: #005cc5;
  36 | 
  37 |   --filter-icon-invert: 0%;
  38 |   --filter-icon-grayscale: 0%;
  39 |   --filter-logo-brightness: 100%;
  40 | }
  41 | 
  42 | @media (prefers-color-scheme: dark) {
  43 |   /* CSS Code if Dark Mode is active. Keep in sync with "[data-theme="dark"]" */
  44 | 
  45 |   :root {
  46 |     --cl-main-bg: #353839;
  47 |     --cl-black: #cdcdce;
  48 |     --cl-text: var(--cl-black);
  49 |     --cl-text-gray: var(--cl-black);
  50 |     --cl-text-light-gray: var(--cl-button-text);
  51 | 
  52 |     --cl-button: #515354;
  53 |     --cl-button-hover: var(--cl-main-bg);
  54 |     --cl-button-border: var(--cl-button);
  55 |     --cl-button-border-hover: var(--cl-button);
  56 |     --cl-button-text: #cdcdce;
  57 | 
  58 |     --cl-link: #64b2f5;
  59 |     --cl-link-hover: #87b1d5;
  60 | 
  61 |     --cl-button-header: inherit;
  62 | 
  63 |     --cl-in-readonly: #5a5c62;
  64 |     --cl-in-readonly-selected: white;
  65 |     --cl-in-readonly-bg: #313131;
  66 | 
  67 |     --cl-code-bg: #1f1f23;
  68 |     --cl-code-selected-line: #24252c;
  69 |     --cl-code-selection: #515b70;
  70 |     --cl-code-border: #000;
  71 |     --cl-console-bg: var(--cl-code-bg);
  72 |     --cl-cursor: var(--cl-text);
  73 | 
  74 |     --cl-cm-string: #569cd6;
  75 |     --cl-cm-keyword: #fb60a2;
  76 |     --cl-cm-definition: #9874d9;
  77 |     --cl-cm-number: #b5cea8;
  78 | 
  79 |     --filter-icon-invert: 60%;
  80 |     --filter-icon-grayscale: 100%;
  81 |     --filter-logo-brightness: 130%;
  82 |   }
  83 | }
  84 | 
  85 | [data-theme="dark"] {
  86 |   /* copy & paste from above (@media (prefers-color-scheme: dark)) */
  87 |   --cl-main-bg: #353839;
  88 |   --cl-black: #cdcdce;
  89 |   --cl-text: var(--cl-black);
  90 |   --cl-text-gray: var(--cl-black);
  91 |   --cl-text-light-gray: var(--cl-button-text);
  92 | 
  93 |   --cl-button: #515354;
  94 |   --cl-button-hover: var(--cl-main-bg);
  95 |   --cl-button-border: var(--cl-button);
  96 |   --cl-button-border-hover: var(--cl-button);
  97 |   --cl-button-text: #cdcdce;
  98 | 
  99 |   --cl-link: #64b2f5;
 100 |   --cl-link-hover: #87b1d5;
 101 | 
 102 |   --cl-button-header: inherit;
 103 | 
 104 |   --cl-in-readonly: #5a5c62;
 105 |   --cl-in-readonly-selected: white;
 106 |   --cl-in-readonly-bg: #313131;
 107 | 
 108 |   --cl-code-bg: #1f1f23;
 109 |   --cl-code-selected-line: #24252c;
 110 |   --cl-code-selection: #515b70;
 111 |   --cl-code-border: #000;
 112 |   --cl-console-bg: var(--cl-code-bg);
 113 |   --cl-cursor: var(--cl-text);
 114 | 
 115 |   --cl-cm-string: #569cd6;
 116 |   --cl-cm-keyword: #fb60a2;
 117 |   --cl-cm-definition: #9874d9;
 118 |   --cl-cm-number: #b5cea8;
 119 | 
 120 |   --filter-icon-invert: 60%;
 121 |   --filter-icon-grayscale: 100%;
 122 |   --filter-logo-brightness: 130%;
 123 | 
 124 | }
 125 | 
 126 | html {
 127 |   height: 100%;
 128 | }
 129 | 
 130 | body,
 131 | html {
 132 |   margin: 0;
 133 |   padding: 0;
 134 |   color: var(--cl-text-gray);
 135 |   background: var(--cl-main-bg);
 136 |   font-family: Verdana, Helvetica, Arial, sans-serif;
 137 | }
 138 | 
 139 | body {
 140 |   min-height: 100%;
 141 |   font-size: initial;
 142 |   font-weight: 400;
 143 |   line-height: 1.5;
 144 | }
 145 | 
 146 | h1 {
 147 |   font-size: larger;
 148 | }
 149 | 
 150 | input {}
 151 | 
 152 | label {
 153 |   margin: 0;
 154 | }
 155 | 
 156 | button:focus {
 157 |   outline: none;
 158 | }
 159 | 
 160 | main {
 161 |   display: grid;
 162 |   margin-left: 10px;
 163 |   margin-right: 10px;
 164 | 
 165 |   grid-template:
 166 |     "nav nav nav" 41px "srcin vdragbar insights" minmax(60vh, auto) "hdragbar hdragbar hdragbar" 10px "console console console" minmax(0, 150px) / calc(50% - 5px) 10px calc(50% - 5px);
 167 |   height: 100vh;
 168 | }
 169 | 
 170 | #single {
 171 |   grid-template:
 172 |     "nav nav" 41px "content content " auto / 100%;
 173 | }
 174 | 
 175 | nav {
 176 |   grid-area: nav;
 177 |   display: grid;
 178 |   grid-template:
 179 |     "controls news about" 41px / max-content minmax(100px, auto) max-content;
 180 |   align-items: center;
 181 | }
 182 | 
 183 | srcin {
 184 |   grid-area: srcin;
 185 | }
 186 | 
 187 | vdragbar {
 188 |   grid-area: vdragbar;
 189 |   cursor: col-resize;
 190 | }
 191 | 
 192 | hdragbar {
 193 |   grid-area: hdragbar;
 194 |   cursor: row-resize;
 195 | }
 196 | 
 197 | vdragbar:hover,
 198 | hdragbar:hover {
 199 |   background: var(--cl-console-bg);
 200 | }
 201 | 
 202 | insights {
 203 |   grid-area: insights;
 204 | }
 205 | 
 206 | console {
 207 |   grid-area: console;
 208 | }
 209 | 
 210 | info {
 211 |   grid-area: info;
 212 | }
 213 | 
 214 | controls {
 215 |   grid-area: controls;
 216 | }
 217 | 
 218 | news {
 219 |   grid-area: news;
 220 |   margin-left: auto;
 221 |   margin-right: auto;
 222 | }
 223 | 
 224 | about {
 225 |   grid-area: about;
 226 |   align-self: baseline;
 227 | }
 228 | 
 229 | .icon-run,
 230 | .icon-save,
 231 | .icon-load,
 232 | .icon-link,
 233 | .icon-twitter {
 234 |   speak: none;
 235 |   font-style: normal;
 236 |   font-weight: normal;
 237 |   font-variant: normal;
 238 |   text-transform: none;
 239 |   line-height: 1;
 240 |   -webkit-font-smoothing: antialiased;
 241 | }
 242 | 
 243 | .icon-run:before,
 244 | .icon-run:hover:before,
 245 | #active .icon-run:before,
 246 | .icon-save:before,
 247 | .icon-save:hover:before,
 248 | #active .icon-save:before,
 249 | .icon-load:before,
 250 | .icon-load:hover:before,
 251 | #active .icon-load:before,
 252 | .icon-link:before,
 253 | .icon-link:hover:before,
 254 | #active .icon-link:before,
 255 | .icon-twitter:before,
 256 | .icon-twitter:hover:before,
 257 | #active .icon-twitter:before {
 258 |   content: "";
 259 |   background-image: url("../img/nav.svg");
 260 |   width: 16px;
 261 |   height: 16px;
 262 |   display: block;
 263 |   filter: invert(var(--filter-icon-invert));
 264 | }
 265 | 
 266 | .btn-group-lg>.btn,
 267 | .btn-lg {
 268 |   font-size: .8em;
 269 | }
 270 | 
 271 | .btn-primary:hover,
 272 | .ms-choice:hover {
 273 |   color: var(--cl-text);
 274 |   background-color: var(--cl-button-hover);
 275 |   border-color: var(--cl-button-border-hover);
 276 | }
 277 | 
 278 | .btn-primary {
 279 |   color: var(--cl-button-text);
 280 |   background-color: var(--cl-button);
 281 |   border: 1px solid var(--cl-button-border);
 282 | }
 283 | 
 284 | .btn-group-lg>.btn,
 285 | .btn-lg {
 286 |   height: 32px;
 287 |   line-height: 32px;
 288 |   padding-left: 1rem;
 289 |   padding-right: 1rem;
 290 | }
 291 | 
 292 | #cppStd {
 293 |   padding-left: 0.5rem;
 294 | }
 295 | 
 296 | .btn {
 297 |   transition: initial;
 298 |   margin-top: 5px;
 299 |   cursor: pointer;
 300 | }
 301 | 
 302 | .btn:focus,
 303 | .btn:hover {
 304 |   text-decoration: none;
 305 |   outline: none;
 306 | }
 307 | 
 308 | .btn-group-lg>.btn,
 309 | .btn-lg {
 310 |   border-radius: .3rem;
 311 | }
 312 | 
 313 | .btn {
 314 |   display: inline-block;
 315 |   text-align: center;
 316 |   white-space: nowrap;
 317 |   vertical-align: middle;
 318 |   -webkit-user-select: none;
 319 |   -moz-user-select: none;
 320 |   -ms-user-select: none;
 321 |   user-select: none;
 322 |   -webkit-transition: all .2s ease-in-out;
 323 |   -o-transition: all .2s ease-in-out;
 324 |   transition: all .2s ease-in-out;
 325 | }
 326 | 
 327 | /* remove standard-styles */
 328 | select {
 329 |   -webkit-appearance: none;
 330 |   -moz-appearance: none;
 331 |   appearance: none;
 332 |   border: none;
 333 |   border-radius: 0;
 334 |   font-size: 1em;
 335 |   /*width: 100%*/
 336 | }
 337 | 
 338 | /*
 339 | @-moz-document url-prefix() {
 340 |     select, select:-moz-focusring, select::-moz-focus-inner {
 341 |        color: transparent !important;
 342 |        text-shadow: 0 0 0 #000 !important;
 343 |        background-image: none !important;
 344 |        border:0;
 345 |     }
 346 | }
 347 | */
 348 | 
 349 | /* remove standard-styles */
 350 | /*
 351 | select {
 352 |   -webkit-appearance: none;
 353 |   -moz-appearance: none;
 354 |   appearance: none;
 355 |   border:none;
 356 |   border-radius: 0;
 357 |   font-size: 1em;
 358 |   width: 100%;
 359 |   display: inline-block;
 360 |    overflow: hidden;
 361 | }
 362 | */
 363 | 
 364 | [role="button"],
 365 | a,
 366 | area,
 367 | button,
 368 | input,
 369 | label,
 370 | select,
 371 | summary,
 372 | textarea {
 373 |   -ms-touch-action: manipulation;
 374 |   touch-action: manipulation;
 375 | }
 376 | 
 377 | *,
 378 | ::after,
 379 | ::before {
 380 |   -webkit-box-sizing: inherit;
 381 |   box-sizing: inherit;
 382 | }
 383 | 
 384 | img {
 385 |   vertical-align: middle;
 386 |   border-style: none;
 387 | }
 388 | 
 389 | #cookie-law {
 390 |   background-color: lightcyan;
 391 |   height: 60px;
 392 |   vertical-align: middle;
 393 |   margin: 0;
 394 |   font-size: 0.9em;
 395 |   line-height: 60px;
 396 |   padding-left: 10px;
 397 | }
 398 | 
 399 | .accept-decline {
 400 |   width: 20%;
 401 |   display: inline-block;
 402 |   float: right;
 403 | }
 404 | 
 405 | .btn-decline,
 406 | .btn-accept {
 407 |   width: 50%;
 408 |   display: block;
 409 |   height: 60px;
 410 |   text-align: center;
 411 | }
 412 | 
 413 | .btn-accept {
 414 |   float: right;
 415 |   background-color: darkturquoise;
 416 | }
 417 | 
 418 | .btn-decline {
 419 |   float: left;
 420 | }
 421 | 
 422 | a:focus,
 423 | a:hover {
 424 |   color: var(--cl-link-hover);
 425 |   text-decoration: underline;
 426 | }
 427 | 
 428 | a:active,
 429 | a:hover {
 430 |   outline-width: 0;
 431 | }
 432 | 
 433 | a {
 434 |   background-color: transparent;
 435 |   color: var(--cl-link);
 436 |   text-decoration: none;
 437 | }
 438 | 
 439 | a.close-cookie-banner,
 440 | a.decline-cookie-banner {
 441 |   display: block;
 442 |   background-color: turquoise;
 443 |   height: 60px;
 444 |   text-align: center;
 445 |   color: white;
 446 | }
 447 | 
 448 | a.decline-cookie-banner {
 449 |   background-color: lightcyan;
 450 |   color: black;
 451 | }
 452 | 
 453 | a.decline-cookie-banner:focus,
 454 | a.decline-cookie-banner:hover,
 455 | a.close-cookie-banner:focus,
 456 | a.close-cookie-banner:hover {
 457 |   background-color: darkturquoise;
 458 |   color: white;
 459 |   text-decoration: none;
 460 | }
 461 | 
 462 | #container {
 463 |   width: 100%;
 464 |   margin-left: auto;
 465 |   margin-right: auto;
 466 | }
 467 | 
 468 | #container>div {
 469 |   margin: auto 1em;
 470 | }
 471 | 
 472 | #stdin,
 473 | #stdout,
 474 | #stderr {
 475 |   height: 100%;
 476 |   display: flex;
 477 |   flex-flow: column;
 478 | }
 479 | 
 480 | #stderr-div {
 481 |   display: flex;
 482 |   flex-flow: column;
 483 |   flex-grow: 1;
 484 | }
 485 | 
 486 | #stderr button,
 487 | #banner button {
 488 |   border: none;
 489 |   background: inherit;
 490 |   margin: 0;
 491 |   padding: 0;
 492 |   font-size: small;
 493 |   color: inherit;
 494 |   cursor: pointer;
 495 |   vertical-align: super;
 496 | }
 497 | 
 498 | #stderr button {
 499 |   background-position: center center;
 500 |   background-repeat: no-repeat;
 501 |   background-size: 100%;
 502 |   width: 10px;
 503 |   height: 10px;
 504 |   opacity: .5;
 505 | }
 506 | 
 507 | #stderr button:hover {
 508 |   opacity: 1;
 509 | }
 510 | 
 511 | #stderr button {
 512 |   background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='10' height='10' viewBox='0 0 10 10'%3E%3Cg stroke='%23808080' fill='none'%3E%3Cpath d='m0,0 10,0 0,10 -10,0 0,-10'/%3E%3Cpath d='m0,1 10,0' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
 513 | }
 514 | 
 515 | #stderr .minimized {
 516 |   background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cg stroke='%23808080' fill='none'%3E%3Cpath d='m0,10 10,0' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E ");
 517 | }
 518 | 
 519 | #lnkdesc {
 520 |   width: 100%;
 521 |   height: 30px;
 522 |   background-color: var(--cl-main-bg);
 523 |   color: var(--cl-text);
 524 |   border: 1px solid #ccc;
 525 |   border-bottom: none;
 526 |   border-top: none;
 527 | }
 528 | 
 529 | #header {
 530 |   text-align: left;
 531 |   font-size: 70%;
 532 |   border-left: 1px dotted var(--cl-black);
 533 |   padding-left: 10px;
 534 |   color: var(--cl-text-light-gray);
 535 |   padding-top: 5px;
 536 | }
 537 | 
 538 | #footer {
 539 |   display: none;
 540 | }
 541 | 
 542 | .kt,
 543 | .k {
 544 |   color: #226BAA;
 545 |   font-weight: bold;
 546 | }
 547 | 
 548 | .c1,
 549 | .cm {
 550 |   color: #6666FF;
 551 | }
 552 | 
 553 | .s,
 554 | .se {
 555 |   color: #B3793D;
 556 | }
 557 | 
 558 | .linenos {
 559 |   color: #7F7F7F;
 560 | }
 561 | 
 562 | .icon-run:before,
 563 | .icon-run:hover:before {
 564 |   background-position: 0px 0;
 565 | }
 566 | 
 567 | .icon-save:before,
 568 | .icon-save:hover:before {
 569 |   background-position: 64px 0;
 570 | }
 571 | 
 572 | .icon-load:before,
 573 | .icon-load:hover:before {
 574 |   background-position: 48px 0;
 575 | }
 576 | 
 577 | .icon-link:before,
 578 | .icon-link:hover:before {
 579 |   background-position: 32px 0;
 580 | }
 581 | 
 582 | .icon-twitter:before,
 583 | .icon-twitter:hover:before {
 584 |   background-position: 16px 0;
 585 | }
 586 | 
 587 | .CodeMirror {
 588 |   overflow: hidden;
 589 |   width: 100%;
 590 |   border: solid var(--cl-code-border);
 591 |   border-width: 1px;
 592 |   flex-grow: 1;
 593 |   background: var(--cl-code-bg);
 594 | }
 595 | 
 596 | .CodeMirror-gutters {
 597 |   border-right: initial;
 598 |   background-color: initial;
 599 |   white-space: nowrap;
 600 | }
 601 | 
 602 | .CodeMirror-selected {
 603 |   background-color: var(--cl-code-selection) !important;
 604 | }
 605 | 
 606 | .CodeMirror-focused div.CodeMirror-selected {
 607 |   background: rgba(255, 255, 255, 0.10);
 608 | }
 609 | 
 610 | .CodeMirror-activeline-background {
 611 |   background: #e8e8e8;
 612 | }
 613 | 
 614 | .CodeMirror-line::selection,
 615 | .CodeMirror-line>span::selection,
 616 | .CodeMirror-line>span>span::selection,
 617 | .CodeMirror-activeline-background {
 618 |   background: var(--cl-code-selected-line);
 619 | }
 620 | 
 621 | .CodeMirror-line::-moz-selection,
 622 | .CodeMirror-line>span::-moz-selection,
 623 | .CodeMirror-line>span>span::-moz-selection {
 624 |   background: var(--cl-code-selected-line);
 625 | }
 626 | 
 627 | .CodeMirror,
 628 | .cm-s-default .cm-variable,
 629 | .cm-s-default .cm-punctuation,
 630 | .cm-s-default .cm-property,
 631 | .cm-s-default .cm-operator {
 632 |   color: var(--cl-text);
 633 | }
 634 | 
 635 | .CodeMirror div.CodeMirror-cursor {
 636 |   border-left: 1px solid var(--cl-cursor);
 637 | }
 638 | 
 639 | /*.CodeMirror-selectedtext {
 640 |      color: white;
 641 | }
 642 | */
 643 | 
 644 | div.CodeMirror span.CodeMirror-matchingbracket {
 645 |   color: inherit;
 646 |   border: var(--cl-text-light-gray);
 647 |   border-width: thin;
 648 |   border-style: solid;
 649 | }
 650 | 
 651 | .CodeMirror-linenumber {
 652 |   background-color: var(--cl-code-bg);
 653 | }
 654 | 
 655 | .CodeMirror-activeline-gutter .CodeMirror-linenumber {
 656 |   background: var(--cl-code-selected-line);
 657 | }
 658 | 
 659 | /**
 660 |  * GitHub Gist Theme from https://github.com/LouisBarranqueiro
 661 |  */
 662 | 
 663 | .cm-s-default .cm-comment,
 664 | .c1,
 665 | .cm {
 666 |   color: #6a737d;
 667 | }
 668 | 
 669 | .cm-s-default .cm-keyword,
 670 | .cm-s-default .cm-meta,
 671 | .cm-s-default .cm-type,
 672 | .k,
 673 | .kt,
 674 | .cp,
 675 | .cpf {
 676 |   color: var(--cl-cm-keyword);
 677 | }
 678 | 
 679 | .cm-s-default .cm-def,
 680 | .nf {
 681 |   color: var(--cl-cm-definition);
 682 | }
 683 | 
 684 | .cm-s-default .cm-number {
 685 |   color: var(--cl-cm-number);
 686 | }
 687 | 
 688 | .cm-s-default .cm-string,
 689 | .cm-s-default .cm-atom,
 690 | .s,
 691 | .se {
 692 |   color: var(--cl-cm-string);
 693 | }
 694 | 
 695 | .k,
 696 | .kt {
 697 |   font-weight: normal;
 698 | }
 699 | 
 700 | .shortlink-entry {
 701 |   border: 1px solid #ddd;
 702 |   border-radius: 3px;
 703 |   margin-bottom: 16px;
 704 |   margin-top: 16px;
 705 |   margin-bottom: 1.5em;
 706 | }
 707 | 
 708 | .shortlink-entry-header {
 709 |   font-size: 12px;
 710 |   line-height: 32px;
 711 |   background-color: #fafbfc;
 712 |   border-bottom: 1px solid #e1e4e8;
 713 |   border-top-left-radius: 3px;
 714 |   border-top-right-radius: 3px;
 715 |   padding: 5px 10px;
 716 | }
 717 | 
 718 | .content {
 719 |   width: 90%;
 720 |   margin: auto;
 721 |   margin-left: auto !important;
 722 |   margin-right: auto !important;
 723 | }
 724 | 
 725 | .stderr .CodeMirror {
 726 |   height: 100%;
 727 |   background: var(--cl-console-bg);
 728 |   color: var(--cl-text);
 729 | }
 730 | 
 731 | .logo {
 732 |   height: 32px;
 733 |   width: auto;
 734 |   margin-right: 2em;
 735 |   filter: brightness(var(--filter-logo-brightness));
 736 | }
 737 | 
 738 | .h2,
 739 | h2 {
 740 |   font-size: 0.8rem;
 741 |   padding: 0;
 742 |   margin: 0;
 743 |   font-weight: 600;
 744 |   color: var(--cl-text-light-gray);
 745 | }
 746 | 
 747 | #file-input {
 748 |   display: none;
 749 | }
 750 | 
 751 | .copy-group {
 752 |   position: relative;
 753 | }
 754 | 
 755 | .input-group {
 756 |   display: table;
 757 | }
 758 | 
 759 | .input-group input:first-child,
 760 | .input-group-button:first-child .cpybtn {
 761 |   border-top-right-radius: 0;
 762 |   border-bottom-right-radius: 0;
 763 | }
 764 | 
 765 | .input-group input,
 766 | .input-group-button {
 767 |   display: table-cell;
 768 | }
 769 | 
 770 | .input-group input[type="text"] {
 771 |   min-height: 30px;
 772 |   padding: 3px 8px;
 773 |   color: var(--cl-in-readonly);
 774 |   vertical-align: middle;
 775 |   background-color: inherit;
 776 |   border: 1px solid #ccc;
 777 |   border-right: none;
 778 |   border-radius: 3px 0 0 0;
 779 |   -webkit-border-top-right-radius: 0;
 780 |   -moz-border-top-right-radius: 0;
 781 |   -webkit-border-bottom-right-radius: 0;
 782 |   -moz-border-bottom-right-radius: 0;
 783 |   outline: 0;
 784 |   box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);
 785 |   width: 100%;
 786 | }
 787 | 
 788 | .input-group-button:last-child .cpybtn {
 789 |   margin-left: -1px;
 790 | }
 791 | 
 792 | .input-group input:last-child,
 793 | .input-group-button:last-child .cpybtn {}
 794 | 
 795 | .input-group-row {
 796 |   display: table-row;
 797 |   border-collapse: collapse;
 798 | }
 799 | 
 800 | .input-group-url-row {
 801 |   width: 100%;
 802 |   border-collapse: collapse;
 803 | }
 804 | 
 805 | .cell-left {
 806 |   float: left;
 807 |   width: 80%;
 808 | }
 809 | 
 810 | .cell-right {
 811 |   float: right;
 812 |   width: 20%;
 813 | }
 814 | 
 815 | .cpybtn,
 816 | .reqslbtn {
 817 |   padding: 0 8px;
 818 |   min-height: 30px;
 819 |   font-weight: 700;
 820 |   line-height: 20px;
 821 |   color: #333;
 822 |   white-space: nowrap;
 823 |   vertical-align: middle;
 824 |   cursor: pointer;
 825 |   background-color: inherit;
 826 |   /*#eee;*/
 827 |   /*  background-color: var(--cl-button);
 828 | */
 829 |   border: 1px solid #d5d5d5;
 830 |   border-radius: 0;
 831 |   border-top-right-radius: 3px;
 832 |   -webkit-user-select: none;
 833 |   -moz-user-select: none;
 834 |   -ms-user-select: none;
 835 |   user-select: none;
 836 |   -webkit-appearance: none;
 837 |   width: 100%;
 838 |   outline: none;
 839 | }
 840 | 
 841 | .reqslbtn {
 842 |   background-color: #0366d6;
 843 |   color: white;
 844 |   width: 100%;
 845 |   min-height: 42px;
 846 |   border-radius: 0 0 3px 3px;
 847 | }
 848 | 
 849 | .note-text {
 850 |   font-size: 0.6em;
 851 |   padding: 10px;
 852 |   background-color: lavender;
 853 |   border-bottom-left-radius: 3px;
 854 |   border-bottom-right-radius: 3px;
 855 | }
 856 | 
 857 | .pagination {
 858 |   font-size: 0.8em;
 859 |   margin-bottom: 10px;
 860 | }
 861 | 
 862 | .dropdown-table {
 863 |   padding: 5px;
 864 | }
 865 | 
 866 | .morebtn {
 867 |   margin: 0;
 868 |   padding: 0;
 869 |   font-size: inherit;
 870 |   border: none;
 871 |   margin-top: .8em;
 872 | }
 873 | 
 874 | .clip {
 875 |   margin-top: -3px;
 876 |   position: relative;
 877 |   top: 3px;
 878 |   filter: invert(var(--filter-icon-invert));
 879 | }
 880 | 
 881 | .cebutton,
 882 | .qbbutton {
 883 |   position: relative;
 884 |   top: -2px;
 885 |   height: 20px;
 886 |   filter: grayscale(var(--filter-icon-grayscale)) invert(var(--filter-icon-invert));
 887 | }
 888 | 
 889 | .cebutton {
 890 |   height: 23px;
 891 | }
 892 | 
 893 | .copyDownDownContent,
 894 | .moreDownDownContent {
 895 |   display: none;
 896 |   position: absolute;
 897 |   left: 0px;
 898 |   background-color: var(--cl-main-bg);
 899 |   min-width: 230px;
 900 |   box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
 901 |   z-index: 10;
 902 |   box-sizing: border-box;
 903 |   border-radius: 3px;
 904 |   border: 1px solid #aaa;
 905 | }
 906 | 
 907 | .moreDownDownContent {
 908 |   min-width: 0;
 909 |   background-color: var(--cl-main-bg);
 910 |   -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
 911 |   -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
 912 |   box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
 913 |   padding: 10px;
 914 |   color: var(--cl-black);
 915 |   border: 1px solid #aaa;
 916 |   -webkit-border-radius: 4px;
 917 |   -moz-border-radius: 4px;
 918 |   border-radius: 4px;
 919 |   font-size: .8em;
 920 | }
 921 | 
 922 | .btn-parent {
 923 |   display: inline-block;
 924 | }
 925 | 
 926 | .morebtn a {
 927 |   color: var(--cl-text);
 928 |   background-color: var(--cl-main-bg);
 929 | }
 930 | 
 931 | .morebtn a:focus,
 932 | .morebtn a:hover {
 933 |   text-decoration: none;
 934 | }
 935 | 
 936 | .reqslbtn:hover {
 937 |   background-color: #0059bd;
 938 | }
 939 | 
 940 | .cpybtn:hover {
 941 |   border-color: var(--cl-button-border-hover);
 942 | }
 943 | 
 944 | .news {
 945 |   position: relative;
 946 |   display: inline-block;
 947 |   vertical-align: middle;
 948 |   margin-top: 5px;
 949 | }
 950 | 
 951 | #banner {
 952 |   border: 1px dotted #0275d8;
 953 |   border-radius: 2px;
 954 |   padding: 5px 10px 5px 10px;
 955 |   font-size: small;
 956 | }
 957 | 
 958 | .nocommunityevent {
 959 |   display: none !important;
 960 | }
 961 | 
 962 | .button-more>div {
 963 |   position: absolute;
 964 |   top: 0;
 965 |   right: 0;
 966 |   width: 20px;
 967 | 
 968 | }
 969 | 
 970 | /*
 971 | .button-more>div::after {
 972 |   content: '▼';
 973 |   color: var(--cl-text-light-gray);
 974 | }
 975 | */
 976 | 
 977 | #shrtlnkurl {
 978 |   color: var(--cl-text-light-gray);
 979 | }
 980 | 
 981 | #lnkurl::selection {
 982 |   background: var(--cl-code-selection);
 983 |   color: var(--cl-in-readonly-selected);
 984 | }
 985 | 
 986 | .show {
 987 |   display: block;
 988 | }
 989 | 
 990 | .ms-parent {
 991 |   display: inline-block;
 992 |   position: relative;
 993 |   vertical-align: middle;
 994 |   margin-top: 5px;
 995 | }
 996 | 
 997 | .ms-choice {
 998 |   display: block;
 999 |   width: 100%;
1000 |   height: 32px;
1001 |   line-height: 32px;
1002 |   padding: 0;
1003 |   overflow: hidden;
1004 |   cursor: pointer;
1005 |   text-align: left;
1006 |   white-space: nowrap;
1007 |   text-decoration: none;
1008 |   -webkit-border-radius: 4px;
1009 |   -moz-border-radius: 4px;
1010 |   border-radius: 4px;
1011 |   font-size: 0.8em;
1012 |   color: var(--cl-button-text);
1013 |   background-color: var(--cl-button);
1014 |   border: 1px solid var(--cl-button-border);
1015 | }
1016 | 
1017 | .ms-choice>span {
1018 |   position: absolute;
1019 |   top: 0;
1020 |   left: 0;
1021 |   right: 20px;
1022 |   white-space: nowrap;
1023 |   overflow: hidden;
1024 |   text-overflow: ellipsis;
1025 |   display: block;
1026 |   padding-left: 8px;
1027 | }
1028 | 
1029 | .ms-choice>span.placeholder {}
1030 | 
1031 | .ms-choice>div {
1032 |   position: absolute;
1033 |   top: 0;
1034 |   right: 0;
1035 |   width: 20px;
1036 | }
1037 | 
1038 | .ms-choice>div:after {
1039 |   content: '▼';
1040 |   color: var(--cl-text-light-gray);
1041 | }
1042 | 
1043 | .ms-choice>div.open:after {
1044 |   content: '▲';
1045 |   color: var(--cl-text-light-gray);
1046 | }
1047 | 
1048 | .ms-choice>div.open {}
1049 | 
1050 | .ms-drop {
1051 |   width: 100%;
1052 |   overflow: hidden;
1053 |   display: none;
1054 |   margin-top: -1px;
1055 |   padding: 0;
1056 |   position: absolute;
1057 |   z-index: 1000;
1058 |   background: var(--cl-main-bg);
1059 |   color: var(--cl-text);
1060 |   border: 1px solid #aaa;
1061 |   -webkit-border-radius: 4px;
1062 |   -moz-border-radius: 4px;
1063 |   border-radius: 4px;
1064 |   font-size: .8em;
1065 | }
1066 | 
1067 | .ms-drop.bottom {
1068 |   top: 100%;
1069 |   -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
1070 |   -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
1071 |   box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
1072 | }
1073 | 
1074 | .ms-drop.top {
1075 |   bottom: 100%;
1076 |   -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
1077 |   -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
1078 |   box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
1079 | }
1080 | 
1081 | .ms-drop ul {
1082 |   overflow: auto;
1083 |   margin: 0;
1084 |   padding: 5px 8px;
1085 | }
1086 | 
1087 | .ms-drop ul>li {
1088 |   list-style: none;
1089 |   display: list-item;
1090 |   background-image: none;
1091 |   position: static;
1092 | }
1093 | 
1094 | .ms-drop ul>li.multiple {
1095 |   display: block;
1096 |   float: left;
1097 | }
1098 | 
1099 | .ms-drop ul>li.group {
1100 |   clear: both;
1101 | }
1102 | 
1103 | .ms-drop ul>li.multiple label {
1104 |   width: 100%;
1105 |   display: block;
1106 |   white-space: nowrap;
1107 |   overflow: hidden;
1108 |   text-overflow: ellipsis;
1109 | }
1110 | 
1111 | .ms-drop ul>li label {
1112 |   font-weight: normal;
1113 |   display: block;
1114 |   white-space: nowrap;
1115 | }
1116 | 
1117 | .ms-drop ul>li label.optgroup {
1118 |   font-weight: bold;
1119 |   color: var(--cl-button-header);
1120 | }
1121 | 
1122 | .ms-drop input[type="checkbox"] {
1123 |   vertical-align: middle;
1124 |   margin: 5px;
1125 | }
1126 | 
1127 | .optgroup input[type="checkbox"] {
1128 |   display: none;
1129 | }
1130 | 
1131 | .single input[type="checkbox"] {
1132 |   -webkit-appearance: radio;
1133 |   /* Chrome, Safari, Opera */
1134 |   -moz-appearance: radio;
1135 |   /* Firefox */
1136 |   -ms-appearance: radio;
1137 |   /* not currently supported */
1138 | }
1139 | 
1140 | .fonts input[type="radio"] {
1141 |   display: none;
1142 | }
1143 | 
1144 | .fonts input[type="radio"]:checked+span {
1145 |   font-weight: bold;
1146 | }
1147 | 
1148 | /* settings */
1149 | #settings {
1150 |   list-style: none;
1151 |   padding-left: 0;
1152 | 
1153 | }
1154 | 
1155 | #settings label {
1156 |   margin-left: .8em;
1157 | }
1158 | 
1159 | /* settings */
1160 | 
1161 | @media screen and (max-width: 750px) {
1162 |   main {
1163 |     grid-template:
1164 |       "nav nav" max-content "srcin srcin" 100% "vdragbar vdragbar" 0 "insights insights" 100% "hdragbar hdragbar" 0 "console console" 150px / 100%;
1165 | 
1166 |   }
1167 | 
1168 |   nav {
1169 |     grid-template:
1170 |       "controls controls"
1171 |       "news news"
1172 |       "about about" 100% / 100%;
1173 |   }
1174 | 
1175 |   .logo {
1176 |     margin-right: 0;
1177 |   }
1178 | 
1179 |   #header {
1180 |     display: none;
1181 |   }
1182 | 
1183 |   #footer {
1184 |     clear: both;
1185 |     padding-top: 10px;
1186 |     text-align: center;
1187 |     font-size: 70%;
1188 |     display: initial;
1189 |     width: 100%;
1190 |     color: var(--cl-text-light-gray);
1191 |   }
1192 | 
1193 |   .btn-group-lg>.btn,
1194 |   .btn-lg {
1195 |     height: 24px;
1196 |     line-height: 24px;
1197 |     padding-left: 0.5rem;
1198 |     padding-right: 0.5rem;
1199 |   }
1200 | 
1201 |   #cppStd {
1202 |     padding-left: 0;
1203 |   }
1204 | 
1205 |   .ms-choice {
1206 |     height: 24px;
1207 |     line-height: 24px;
1208 |     padding-left: 0.5rem;
1209 |     padding-right: 0.5rem;
1210 |   }
1211 | 
1212 |   .ms-choice>div {
1213 |     width: 10px;
1214 |   }
1215 | 
1216 |   .content {
1217 |     width: 100%;
1218 |   }
1219 | }
1220 | 


--------------------------------------------------------------------------------
/app/static/examples.html:
--------------------------------------------------------------------------------
  1 | <!doctype html>
  2 | 
  3 | <html lang="en">
  4 | 
  5 | <head>
  6 |   <title>C++ Insights</title>
  7 |   <meta name="description" content="C++ Insights - Examples" />
  8 |   <meta name="author" content="Andreas Fertig" />
  9 |   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 10 |   <meta http-equiv="Content-Style-Type" content="text/css" />
 11 | 
 12 |   <meta name="twitter:card" content="summary" />
 13 |   <meta name="twitter:site" content="@andreas__fertig" />
 14 |   <meta name="twitter:creator" content="@Andreas__Fertig" />
 15 |   <meta property="og:url" content="https://cppinsights.io/" />
 16 |   <meta property="og:title" content="C++ Insights" />
 17 |   <meta property="og:description" content="C++ Insights - Examples" />
 18 |   <meta property="og:image" content="https://cppinsights.io/img/twcard.png" />
 19 | 
 20 |   <!--<link rel="shortcut icon" href="favicon.ico">-->
 21 |   <link rel="icon" type="image/png" href="/32.png" sizes="32x32">
 22 |   <link rel="icon" type="image/png" href="/16.png" sizes="16x16">
 23 | 
 24 |   <link rel="stylesheet" href="/css/s.css" type="text/css">
 25 | </head>
 26 | 
 27 | <body>
 28 |   <main id="single">
 29 |     <nav id="nav">
 30 |       <controls>
 31 |         <img class="logo" src="/img/logo.svg" />
 32 |         <a class="btn btn-primary btn-lg" href="/">Home</a>
 33 |         <a class="btn btn-primary btn-lg" href="/about.html">About</a>
 34 |         <a class="btn btn-primary btn-lg" href="/privacy-policy.html" title="Policies">
 35 |           Policies
 36 |         </a>
 37 |         <a class="btn btn-primary btn-lg" href="/examples.html">Examples</a>
 38 |         <a class="btn btn-primary btn-lg" href="/settings.html">Settings</a>
 39 |       </controls>
 40 | 
 41 |       <news>
 42 |       </news>
 43 | 
 44 |       <about>
 45 |         <div id="header">
 46 |           Made by <a target="_blank" href="https://andreasfertig.com">Andreas Fertig</a><br />Powered by <a target="_blank"
 47 |               href="http://flask.pocoo.org/">Flask</a> and <a target="_blank" href="https://codemirror.net">CodeMirror</a>
 48 |         </div>
 49 |       </about>
 50 | 
 51 |     </nav>
 52 | 
 53 |     <content>
 54 |       <h1>C++ Insights Examples</h1>
 55 | 
 56 |       <p>Here are some examples to give you an impression what C++ Insights can show you:</p>
 57 | 
 58 |       <p>C++11:</p>
 59 |       <ul>
 60 |         <li>
 61 |           <a href="/lnk?code=aW50IG1haW4oKQp7CiAgLy8gVGhlIGNvbXBpbGVyIGF1dG9tYXRpY2FsbHkgZmlsbHMgdGhlIHJlbWFpbmluZwogIC8vIGZpZWxkcyB3aXRoIDAgdGhhbmtzIHRvIGJyYWNlZCBpbml0aWFsaXphdGlvbi4KICBpbnQgYXJyWzVdezIsMyw0fTsKfQ==&insightsOptions=cpp17&std=cpp17&rev=1.0">Braced
 62 |             array initialization</a>
 63 |         </li>
 64 |         <li>
 65 |           <a href="/lnk?code=c3RydWN0IEEgCnsKICAvLyB1c2VyIHByb3ZpZGVkIGNvbnN0cnVjdG9yIF9taXNzaW5nXyBpbml0aWFsemF0aW9uIG9mIGBqYAogIEEoKQogIDogaXszfQogIHt9CiAgCiAgaW50IGk7CiAgaW50IGo7Cn07CgpzdHJ1Y3QgQgp7CiAgLy8gdXNlcyB0aGUgZGVmYXVsdCBjb25zdHJ1Y3RvcgogIGludCBpOwogIGludCBqOwp9OwoKaW50IG1haW4oKQp7CiAgQSBhOwogIEEgYTJ7fTsgLy8gb25seSBpIGdldHMgaW5pdGlhbGl6ZWQuCiAgCiAgQiBiOwogIEIgYjJ7fTsgIC8vIGJvdGggaSBhbmQgaiBnZXQgaW5pdGlhbGl6ZWQuCn0=&std=cpp17&rev=1.0">Braced
 66 |             (uniform) Initialization</a>
 67 |         </li>
 68 |         <li>
 69 |           <a href="/lnk?code=Y2xhc3MgQ1Rlc3QKewogICAgYXV0byBUZXN0KCkgeyByZXR1cm4gMjI7IH0KfTsKCmF1dG8gVGVzdCgpCnsKICAgIHJldHVybiAxOwp9CgphdXRvIEJlc3QoKSAtPiBpbnQKewogICAgcmV0dXJuIDE7Cn0KCmNvbnN0ZXhwciBhdXRvIENFQmVzdCgpIC0+IGludAp7CiAgICByZXR1cm4gMTsKfQoKZGVjbHR5cGUoYXV0bykgV2VzdCgpCnsKICAgIHJldHVybiAnYyc7Cn0KCmNvbnN0ZXhwciBkZWNsdHlwZShhdXRvKSBDRVdlc3QoKQp7CiAgICByZXR1cm4gJ2MnOwp9CgpbW21heWJlX3VudXNlZF1dIGlubGluZSBjb25zdGV4cHIgZGVjbHR5cGUoYXV0bykgTVVDRVdlc3QoKQp7CiAgICByZXR1cm4gJ2MnOwp9CgoKaW50IG1haW4oKQp7CiAgaW50IHggPSAyOwogIGNvbnN0IGNoYXIqIHA7CiAgY29uc3RleHByIGF1dG8gY2VpID0gMDsKICBhdXRvIGNvbnN0ZXhwciBjZWkyID0gMDsKICBhdXRvIGkgPSAwOwogIGRlY2x0eXBlKGF1dG8pIHhYID0gKGkpOwogIGF1dG8gaWkgPSAmaTsKICBhdXRvJiBpciA9IGk7CiAgYXV0byAqIGlwID0gJmk7CiAgY29uc3QgYXV0byAqIGNpcCA9ICZpOwogIGF1dG8gKiBwcCA9IHA7CiAgY29uc3QgYXV0byAqIGNwID0gcDsKICB2b2xhdGlsZSBjb25zdCBhdXRvICogdmNwID0gcDsKICBhdXRvIGYgPSAxLjBmOwogIGF1dG8gYyA9ICdjJzsKICBhdXRvIHUgPSAwdTsKICBkZWNsdHlwZSh1KSB1dSA9IHU7CgogIFtbbWF5YmVfdW51c2VkXV0gYXV0byBtdSA9IDB1OwogIFtbbWF5YmVfdW51c2VkXV0gZGVjbHR5cGUodSkgbXV1ID0gdTsKfQ==&std=cpp17&rev=1.0">auto</a>
 70 |         </li>
 71 |         <li>
 72 |           <a href="/lnk?code=I2luY2x1ZGUgPGNzdGRpbz4KCmludCBtYWluKCkKewogICAgY29uc3QgY2hhciBhcnJbXXsyLDQsNiw4LDEwfTsKCiAgICBmb3IoY29uc3QgY2hhciYgYyA6IGFycikKICAgIHsKICAgICAgcHJpbnRmKCJjPSVjXG4iLCBjKTsKICAgIH0KfQ==&std=cpp17&rev=1.0">range
 73 |             based for loop</a>
 74 |         </li>
 75 |         <li>
 76 |           <a href="/lnk?code=aW50IG1haW4oKQp7CiAgaW50ICgqZnApKGludCwgY2hhcikgPSBbXShpbnQgYSwgY2hhciBiKXsgcmV0dXJuIGErYjt9Owp9&std=cpp17&rev=1.0">Lambda
 77 |             with static invoker</a>
 78 |         </li>
 79 | 
 80 |         <li>
 81 |           <a href="/lnk?code=I2luY2x1ZGUgPGNzdGRpbz4KdGVtcGxhdGU8dHlwZW5hbWUgVT4KY2xhc3MgWAp7CnB1YmxpYzoKICAgIFgoKSAgICAgICAgICAgPSBkZWZhdWx0OwogICAgWChjb25zdCBYJiB4KSA9IGRlZmF1bHQ7CgogICAgdGVtcGxhdGU8dHlwZW5hbWUgVD4KICAgIFgoVCYmIHgpCiAgICA6IG1Ye30KICAgIHsgfQoKcHJpdmF0ZToKICAgIFUgbVg7Cn07CgppbnQgbWFpbigpCnsKICAgIFg8aW50PiBhcnJbMl17fTsKCiAgCS8vIFdlIHVzZSBYPGNvbnN0IGludD4gaW5zdGVhZCBvZiBYPGludD4gaGVyZS4gVGhpcyByZXN1bHRzCiAgICAvLyBpbiBhIGNvbnN0cnVjdG9yIGNhbGwgdG8gY3JlYXRlIGEgWDxjb25zdCBpbnQ+IG9iamVjdCBhcyAKICAgIC8vIHlvdSBjYW4gc2VlIGluIHRoZSB0cmFuc2Zvcm1hdGlvbi4KICAgIGZvcihjb25zdCBYPGNvbnN0IGludD4mIHggOiBhcnIpIHsgfQp9&std=cpp11&rev=1.0">Implicit
 82 |             conversions</a>
 83 |         </li>
 84 | 
 85 |         <li>
 86 |           <a href="/lnk?code=I2luY2x1ZGUgPGluaXRpYWxpemVyX2xpc3Q+CgppbnQgbWFpbigpCnsKICBhdXRvIGkgPSAzOyAgICAgICAvLyBpbnQKICBhdXRvIGEgPSB7NDJ9OyAgICAvLyBpbml0aWFsaXplciBsaXN0CiAgYXV0byBiezQyfTsgICAgICAgLy8gaW50CiAgYXV0byBjID0gezEsIDJ9OyAgLy8gaW5pdGlhbGl6ZXIgbGlzdAp9Cg==&std=cpp11&rev=1.0">auto,
 87 |             uniform initialization and the equal sign</a>
 88 |         </li>
 89 | 
 90 |         <li>
 91 |           <a href="/lnk?code=I2luY2x1ZGUgPGNzdGRpbz4KI2luY2x1ZGUgPHZlY3Rvcj4KCnRlbXBsYXRlPGludCBuPgpzdHJ1Y3QgQQp7CiAgc3RhdGljIGNvbnN0IGF1dG8gdmFsdWUgPSBBPG4tMT46OnZhbHVlK247Cn07Cgp0ZW1wbGF0ZTw+CnN0cnVjdCBBPDE+CnsKCXN0YXRpYyBjb25zdCBhdXRvIHZhbHVlID0gMTsKfTsKCgppbnQgbWFpbigpCnsKICAgICAgcHJpbnRmKCJjPSVjXG4iLCBBPDU+Ojp2YWx1ZSk7Cn0=&insightsOptions=cpp11&std=cpp11&rev=1.0">Recursive
 92 |             template</a>
 93 |         </li>
 94 |       </ul>
 95 | 
 96 |       <p>C++14:</p>
 97 |       <ul>
 98 |         <li>
 99 |           <a href="/lnk?code=ZGVjbHR5cGUoYXV0bykgQmFyKCkKewogIGludCB4ID0gMjI7CiAgLy8gZG8gc29tZSBmYW5jeSBjYWxjdWxhdGlvbiB3aXRoIHgKICByZXR1cm4gKHgpOwp9&std=cpp17&rev=1.0">Braced
100 |             return value and decltype(auto)
101 |           </a>
102 |         </li>
103 |         <li>
104 |           <a href="/lnk?code=aW50IG1haW4oKQp7CiAgLy8gR2VuZXJpYyBsYW1iZGFzIGhhdmUgYSBtZXRob2QgdGVtcGxhdGUgY2FsbCBvcGVyYXRvci4KICBhdXRvIHggPSBbXShhdXRvIHgpIHsgcmV0dXJuIHggKiB4OyB9OwogIAogIHgoMik7ICAgLy8gaW50CiAgeCgzLjApOyAvLyBkb3VibGUKfQ==&insightsOptions=cpp17&std=cpp17&rev=1.0">Generic
105 |             lambda</a>
106 |         </li>
107 |       </ul>
108 | 
109 |       <p>C++17:</p>
110 |       <ul>
111 |         <li>
112 |           <a href="/lnk?code=c3RydWN0IFBvaW50CnsKICBpbnQgeDsKICBpbnQgeTsKfTsKClBvaW50IHB0ezEsMn07Ci8vIEhlcmUgd2UgZ2V0IGFuIGFkZGl0aW9uYWwgb2JqZWN0IGluamVjdGVkIHRvIHdoaWNoIGF4IGFuZCBheSByZWZlci4KYXV0byBbYXgsIGF5XSA9IHB0OwoKLy8gSW4gY2FzZSBvZiBhbiByZWZlcmVuY2UgdGhlIGluamVjdGVkIG9iamVjdCBpcyBqdXN0IGEgcmVmZXJlbmNlIHRvCi8vIHRoZSBvcmlnaW5hbCBvbmUuCmF1dG8mIFthMngsIGEyeV0gPSBwdDs=&std=cpp17&rev=1.0">Structured
113 |             bindings</a>
114 |         </li>
115 |       </ul>
116 | 
117 |       <p>In case, you're missing an important example, feel free to open a <a href="https://github.com/andreasfertig/cppinsights-web/pulls">pull
118 |           request</a> with a modified
119 |         <a href="https://github.com/andreasfertig/cppinsights-web/tree/master/app/static/examples.html">examples.html</a>.
120 | 
121 |         <div id="footer">
122 |           Made by <a target="_blank" href="https://andreasfertig.com">Andreas Fertig</a> &bull; Powered by <a target="_blank"
123 |               href="http://flask.pocoo.org/">Flask</a> and <a target="_blank" href="https://codemirror.net">CodeMirror</a>
124 |         </div>
125 |     </content>
126 | 
127 |   </main>
128 | 
129 | </body>
130 | 
131 | </html>
132 | 


--------------------------------------------------------------------------------
/app/static/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/andreasfertig/cppinsights-web/13b1b4886e5037313c9a8957332aead088c27795/app/static/favicon.ico


--------------------------------------------------------------------------------
/app/static/img/ce.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 4 | 	 viewBox="0 0 1000 1000" style="enable-background:new 0 0 1000 1000;" xml:space="preserve">
 5 | <style type="text/css">
 6 | 	.st0{fill:#67C52A;}
 7 | 	.st1{fill:#3C3C3F;}
 8 | </style>
 9 | <g id="CE">
10 | 	<path id="XMLID_3_" class="st0" d="M756.4,658.1c-3.2-5.7-3.2-12.7,0-18.5c3.8-6.9,7.3-13.8,10.6-21.1c2.3-5.2-1.4-11.1-7.2-11.1
11 | 		H697c-6.4,0-12.5,3.2-16,8.6c-8.1,12.3-17.5,24.3-28.3,35c-40.3,40.3-94,62.5-151,62.5c-57,0-110.7-22.2-151-62.5
12 | 		c-40.3-40.3-62.5-94-62.5-151s22.2-110.7,62.5-151c40.3-40.3,94-62.5,151-62.5c57,0,110.7,22.2,151,62.5
13 | 		c10.7,10.7,20.2,22.7,28.3,35c3.5,5.4,9.5,8.6,16,8.6h62.8c5.7,0,9.5-5.9,7.2-11.1c-3.2-7.2-6.8-14.1-10.6-21.1
14 | 		c-3.2-5.7-3.1-12.7,0-18.5l21.3-38.6c4.1-7.5,2.8-16.8-3.2-22.8l-53.2-53.2c-6-6-15.4-7.4-22.8-3.2l-38.7,21.4
15 | 		c-5.8,3.2-12.7,3.1-18.5-0.1c-18.4-10.1-37.9-18.1-58.1-23.9c-6.3-1.8-11.3-6.7-13.1-13L557.8,166c-2.4-8.2-9.9-13.9-18.4-13.9
16 | 		h-75.3c-8.5,0-16.1,5.6-18.4,13.9l-12.2,42.3c-1.8,6.3-6.8,11.2-13.1,13c-20.2,5.9-39.7,13.9-58.1,24c-5.8,3.2-12.7,3.2-18.5,0.1
17 | 		L305,224.1c-7.5-4.1-16.8-2.8-22.8,3.2L229,280.5c-6,6-7.4,15.4-3.2,22.8l21.4,38.7c3.2,5.8,3.1,12.7-0.1,18.5
18 | 		c-10.1,18.4-18.1,37.9-23.9,58.1c-1.8,6.3-6.7,11.3-13,13.1l-42.3,12.2c-8.2,2.4-13.9,9.9-13.9,18.4v75.3c0,8.5,5.6,16.1,13.9,18.4
19 | 		l42.3,12.2c6.3,1.8,11.2,6.8,13,13.1c5.9,20.2,13.9,39.7,24,58.1c3.2,5.8,3.2,12.7,0.1,18.5l-21.4,38.7c-4.1,7.5-2.8,16.8,3.2,22.8
20 | 		l53.2,53.2c6,6,15.4,7.4,22.8,3.2l38.7-21.4c5.8-3.2,12.7-3.1,18.5,0.1c18.4,10.1,37.9,18.1,58.1,23.9c6.3,1.8,11.3,6.7,13.1,13
21 | 		l12.2,42.3c2.4,8.2,9.9,13.9,18.4,13.9h75.3c8.5,0,16.1-5.6,18.4-13.9l12.2-42.3c1.8-6.3,6.8-11.2,13.1-13
22 | 		c20.2-5.9,39.7-13.9,58.1-24c5.8-3.2,12.7-3.2,18.5-0.1l38.7,21.4c7.5,4.1,16.8,2.8,22.8-3.2l53.2-53.2c6-6,7.4-15.4,3.2-22.8
23 | 		L756.4,658.1z"/>
24 | 	<g id="XMLID_2_">
25 | 		<rect id="XMLID_15_" x="373.7" y="391.6" class="st1" width="258.4" height="48"/>
26 | 	</g>
27 | 	<g id="XMLID_4_">
28 | 		<rect id="XMLID_14_" x="373.7" y="476.9" class="st1" width="213.2" height="48"/>
29 | 	</g>
30 | 	<g id="XMLID_5_">
31 | 		<rect id="XMLID_13_" x="373.7" y="562.1" class="st1" width="258.4" height="48"/>
32 | 	</g>
33 | </g>
34 | </svg>
35 | 


--------------------------------------------------------------------------------
/app/static/img/clb.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 2 | <svg
 3 |    xmlns:dc="http://purl.org/dc/elements/1.1/"
 4 |    xmlns:cc="http://creativecommons.org/ns#"
 5 |    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
 6 |    xmlns:svg="http://www.w3.org/2000/svg"
 7 |    xmlns="http://www.w3.org/2000/svg"
 8 |    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
 9 |    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
10 |    height="1024"
11 |    width="896"
12 |    id="svg4141"
13 |    version="1.1"
14 |    inkscape:version="0.91+devel+osxmenu r12922"
15 |    sodipodi:docname="clb.svg"
16 |    viewBox="0 0 896 1024">
17 |   <metadata
18 |      id="metadata4149">
19 |     <rdf:RDF>
20 |       <cc:Work
21 |          rdf:about="">
22 |         <dc:format>image/svg+xml</dc:format>
23 |         <dc:type
24 |            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
25 |       </cc:Work>
26 |     </rdf:RDF>
27 |   </metadata>
28 |   <defs
29 |      id="defs4147" />
30 |   <sodipodi:namedview
31 |      pagecolor="#ffffff"
32 |      bordercolor="#666666"
33 |      borderopacity="1"
34 |      objecttolerance="10"
35 |      gridtolerance="10"
36 |      guidetolerance="10"
37 |      inkscape:pageopacity="0"
38 |      inkscape:pageshadow="2"
39 |      inkscape:window-width="1116"
40 |      inkscape:window-height="710"
41 |      id="namedview4145"
42 |      inkscape:document-units="px"
43 |      showgrid="false"
44 |      inkscape:zoom="0.5266571"
45 |      inkscape:cx="448"
46 |      inkscape:cy="512"
47 |      inkscape:window-x="448"
48 |      inkscape:window-y="23"
49 |      inkscape:window-maximized="0"
50 |      inkscape:current-layer="svg4141" />
51 |   <path
52 |      d="m 768,768 -256,0 0,64 256,0 0,-64 z"
53 |      id="path4163" />
54 |   <path
55 |      d="M 265.71821,384 768,384 l 0,64 -502.28179,0 0,-64 z"
56 |      id="path4161"
57 |      inkscape:connector-curvature="0"
58 |      style="stroke-width:1.25284898" />
59 |   <path
60 |      d="m 320,626 0,-128 192,192 -192,192 0,-128 -320,0 0,-128 320,0 z"
61 |      id="path4159"
62 |      inkscape:connector-curvature="0" />
63 |   <path
64 |      d="m 530,512 238,0 0,64 -238,0 z"
65 |      id="path4157"
66 |      inkscape:connector-curvature="0"
67 |      sodipodi:nodetypes="ccccc" />
68 |   <path
69 |      d="m 768,704 -160,0 0,-64 160,0 0,64 z"
70 |      id="path4155" />
71 |   <path
72 |      d="m 192,804 -64,0 0,92 c 1,18 7,33 19,45 12,12 27,18 45,19 l 640,0 c 35,0 64,-29 64,-64 l 0,-704 c 0,-35 -29,-64 -64,-64 l -192,0 C 640,57 583,0 512,0 441,0 384,57 384,128 l -192,0 c -35,0 -64,29 -64,64 l 0,372 64,0 0,-320 640,0 0,652 -640,0 z"
73 |      id="path4153"
74 |      inkscape:connector-curvature="0"
75 |      sodipodi:nodetypes="cccscsssscscssccccccc" />
76 |   <path
77 |      inkscape:connector-curvature="0"
78 |      d="m 260.0219,270.46791 507.9781,0 0,64 -507.9781,0 0,-64 z"
79 |      id="path4161-9"
80 |      style="stroke-width:1.25993311" />
81 | </svg>
82 | 


--------------------------------------------------------------------------------
/app/static/img/logo.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 2 | <svg xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="32" width="32" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" viewBox="0 0 8.4666665 8.4666669">
 3 |  <g transform="translate(0 -288.53)">
 4 |   <path stroke-linejoin="round" d="m7.7768 292.89a2.5612 2.5612 0 0 1 -2.8442 1.2764 2.5612 2.5612 0 0 1 -1.97 -2.4162 2.5612 2.5612 0 0 1 1.823 -2.5289 2.5612 2.5612 0 0 1 2.915 1.1053" stroke="#2980b9" stroke-linecap="square" stroke-width=".76729" fill="none"/>
 5 |   <g aria-label="+" fill="#4d4d4d">
 6 |    <path stroke-width=".096671px" fill="#4d4d4d" d="m3.7805 291.86v-0.31721h0.82323v-0.82889h0.32287v0.82889h0.82323v0.31721h-0.82323v0.827h-0.32287v-0.827h-0.82323z"/>
 7 |   </g>
 8 |   <g aria-label="+" fill="#4d4d4d">
 9 |    <path stroke-width=".096671px" fill="#4d4d4d" d="m5.78 291.85v-0.31721h0.82323v-0.82889h0.32287v0.82889h0.82323v0.31721h-0.82323v0.827h-0.32287v-0.827h-0.82323z"/>
10 |   </g>
11 |  </g>
12 |  <g display="none">
13 |   <rect ry=".26457" transform="rotate(45 348.29 -144.27)" height="3.9688" width=".79375" y="205.45" x="209.69"/>
14 |  </g>
15 |  <path d="m3.5622 5.5729-2.6194 2.6194c-0.10364 0.10364-0.27052 0.10364-0.37416 0l-0.18711-0.18711c-0.10364-0.10364-0.10364-0.27052 0-0.37416l2.6194-2.6194c0.18691 0.18726 0.54399 0.544 0.56127 0.56126z" fill="#4d4d4d"/>
16 | </svg>
17 | 


--------------------------------------------------------------------------------
/app/static/img/nav-dark.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2 | <!-- Created with Inkscape (http://www.inkscape.org/) -->
  3 | 
  4 | <svg
  5 |    xmlns:dc="http://purl.org/dc/elements/1.1/"
  6 |    xmlns:cc="http://creativecommons.org/ns#"
  7 |    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  8 |    xmlns:svg="http://www.w3.org/2000/svg"
  9 |    xmlns="http://www.w3.org/2000/svg"
 10 |    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
 11 |    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
 12 |    width="80"
 13 |    height="16.000032"
 14 |    viewBox="0 0 21.166666 4.233342"
 15 |    id="svg5260"
 16 |    version="1.1"
 17 |    inkscape:version="0.91+devel+osxmenu r12922"
 18 |    sodipodi:docname="nav-dark.svg">
 19 |   <defs
 20 |      id="defs5262" />
 21 |   <sodipodi:namedview
 22 |      id="base"
 23 |      pagecolor="#ffffff"
 24 |      bordercolor="#666666"
 25 |      borderopacity="1.0"
 26 |      inkscape:pageopacity="0.0"
 27 |      inkscape:pageshadow="2"
 28 |      inkscape:zoom="7.1272221"
 29 |      inkscape:cx="29.706105"
 30 |      inkscape:cy="-20.754405"
 31 |      inkscape:document-units="mm"
 32 |      inkscape:current-layer="g5864"
 33 |      showgrid="false"
 34 |      units="px"
 35 |      fit-margin-top="0"
 36 |      fit-margin-left="3"
 37 |      fit-margin-right="0"
 38 |      fit-margin-bottom="0"
 39 |      inkscape:window-width="1749"
 40 |      inkscape:window-height="678"
 41 |      inkscape:window-x="103"
 42 |      inkscape:window-y="221"
 43 |      inkscape:window-maximized="0" />
 44 |   <metadata
 45 |      id="metadata5265">
 46 |     <rdf:RDF>
 47 |       <cc:Work
 48 |          rdf:about="">
 49 |         <dc:format>image/svg+xml</dc:format>
 50 |         <dc:type
 51 |            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
 52 |         <dc:title />
 53 |       </cc:Work>
 54 |     </rdf:RDF>
 55 |   </metadata>
 56 |   <g
 57 |      inkscape:label="Layer 1"
 58 |      inkscape:groupmode="layer"
 59 |      id="layer1"
 60 |      transform="translate(0,-169.23818)">
 61 |     <path
 62 |        inkscape:connector-curvature="0"
 63 |        d="m 7.7186946,169.23819 -2.956191,0 c -0.2913109,0 -0.5291703,0.23813 -0.5291703,0.52917 l 0,3.175 c 0,0.29104 0.2378594,0.52916 0.5291703,0.52916 l 3.175001,0 c 0.291311,0 0.529171,-0.23812 0.529171,-0.52916 l 0,-2.87682 -0.747981,-0.82735 z m -0.31036,1.5875 c 0,0.14526 -0.11906,0.26458 -0.26458,0.26458 l -1.5875002,0 c -0.1455199,0 -0.2645799,-0.11932 -0.2645799,-0.26458 l 0,-1.32292 2.1166601,0 0,1.32292 z m -0.26458,-1.05833 -0.52917,0 0,1.05833 0.52917,0 0,-1.05833 z"
 64 |        id="path4709"
 65 |        style="fill:#a1a3a3;stroke-width:0.26458347;fill-opacity:1" />
 66 |     <g
 67 |        transform="matrix(0.00481061,0,0,0.00481061,12.7,168.94955)"
 68 |        id="g4143"
 69 |        style="fill:#a1a3a3;fill-opacity:1">
 70 |       <path
 71 |          d="m 440,60 c 0,0 120,336 120,336 0,0 320,0 320,0 0,0 -262,196 -262,196 0,0 94,348 94,348 0,0 -272,-208 -272,-208 0,0 -272,208 -272,208 0,0 94,-348 94,-348 0,0 -262,-196 -262,-196 0,0 320,0 320,0 0,0 120,-336 120,-336"
 72 |          id="path4145"
 73 |          inkscape:connector-curvature="0"
 74 |          style="fill:#a1a3a3;fill-opacity:1" />
 75 |     </g>
 76 |     <g
 77 |        transform="matrix(0.00460145,0,0,0.00460145,16.933333,168.6584)"
 78 |        id="g4155"
 79 |        style="fill:#a1a3a3;fill-opacity:1">
 80 |       <path
 81 |          d="m 920,214 c -24,36 -55.333,68.667 -94,98 0,0 0,24 0,24 0,86.667 -20,170 -60,250 -40,80 -102,147.667 -186,203 -84,55.333 -180.667,83 -290,83 -106.667,0 -203.333,-28 -290,-84 9.333,1.333 24.667,2 46,2 88,0 166,-26.667 234,-80 -41.333,-1.333 -78,-14 -110,-38 -32,-24 -54,-55.333 -66,-94 6.667,2.667 18,4 34,4 17.333,0 34,-2 50,-6 C 144,566.667 108,544.667 80,510 52,475.333 38,435.333 38,390 c 0,0 0,-2 0,-2 24,13.333 52,21.333 84,24 -56,-38.667 -84,-91.333 -84,-158 0,-32 8.667,-63.333 26,-94 102.667,125.333 232.667,190.667 390,196 -4,-12 -6,-26 -6,-42 0,-52 18.333,-96.333 55,-133 36.667,-36.667 81.667,-55 135,-55 54.667,0 100,19.333 136,58 40,-8 80,-22.667 120,-44 -13.333,44 -40.667,78.667 -82,104 37.333,-5.333 73.333,-15.333 108,-30 0,0 0,0 0,0"
 82 |          id="path4157"
 83 |          inkscape:connector-curvature="0"
 84 |          style="fill:#a1a3a3;fill-opacity:1" />
 85 |     </g>
 86 |     <g
 87 |        transform="matrix(0.00703571,0,0,0.00703571,0.26458333,167.84403)"
 88 |        id="g5864">
 89 |       <path
 90 |          d="m 486,474 c 9.333,6.667 14,15.333 14,26 0,9.333 -4.667,17.333 -14,24 0,0 -428,266 -428,266 -16,10.667 -29.667,12.667 -41,6 C 5.667,789.333 0,776 0,756 c 0,0 0,-514 0,-514 0,-20 5.667,-33.333 17,-40 11.333,-6.667 25,-4.667 41,6 0,0 428,266 428,266"
 91 |          id="path5866"
 92 |          inkscape:connector-curvature="0"
 93 |          style="fill:#a1a3a3;fill-opacity:1" />
 94 |     </g>
 95 |     <g
 96 |        transform="matrix(0.01056804,0,0,0.01056804,142.61042,261.4482)"
 97 |        id="g6437">
 98 |       <path
 99 |          d="m 294,734 c 9.333,-9.333 20.667,-14 34,-14 13.333,0 25.333,4.667 36,14 21.333,22.667 21.333,46 0,70 0,0 -42,40 -42,40 -37.333,37.333 -81.333,56 -132,56 C 138,900 93.333,881.333 56,844 18.667,806.667 0,762.667 0,712 0,660 18.667,615.333 56,578 c 0,0 148,-148 148,-148 46.667,-45.333 94.667,-71 144,-77 49.333,-6 92,8.333 128,43 10.667,10.667 16,22.667 16,36 0,13.333 -5.333,25.333 -16,36 -24,21.333 -47.333,21.333 -70,0 -33.333,-32 -77.333,-20.667 -132,34 0,0 -148,146 -148,146 -17.333,17.333 -26,38.667 -26,64 0,25.333 8.667,46 26,62 17.333,17.333 38.333,26 63,26 24.667,0 45.667,-8.667 63,-26 0,0 42,-40 42,-40 M 744,160 c 37.333,37.333 56,81.333 56,132 0,52 -18.667,96.667 -56,134 0,0 -158,158 -158,158 -49.333,48 -99.333,72 -150,72 -41.333,0 -78.667,-16.667 -112,-50 -9.333,-9.333 -14,-20.667 -14,-34 0,-13.333 4.667,-25.333 14,-36 9.333,-9.333 21,-14 35,-14 14,0 25.667,4.667 35,14 33.333,32 74,24 122,-24 0,0 158,-156 158,-156 18.667,-18.667 28,-40 28,-64 0,-25.333 -9.333,-46 -28,-62 -16,-17.333 -34.667,-27.667 -56,-31 -21.333,-3.333 -41.333,3.667 -60,21 0,0 -50,50 -50,50 -10.667,9.333 -22.667,14 -36,14 -13.333,0 -24.667,-4.667 -34,-14 -22.667,-22.667 -22.667,-46 0,-70 0,0 50,-50 50,-50 36,-36 78.333,-53 127,-51 48.667,2 91.667,22.333 129,61 0,0 0,0 0,0"
100 |          id="path6439"
101 |          inkscape:connector-curvature="0" />
102 |     </g>
103 |     <g
104 |        transform="matrix(0.00423197,0,0,0.00423197,8.4673997,168.92502)"
105 |        id="g7010"
106 |        style="fill:#a1a3a3;fill-opacity:1">
107 |       <path
108 |          d="m 499.75,74 c 0,0 260,244 260,244 0,0 -164,0 -164,0 0,0 0,256 0,256 0,0 -190,0 -190,0 0,0 0,-256 0,-256 0,0 -166,0 -166,0 0,0 260,-244 260,-244 m 468,578 c 12,6.667 21,17.333 27,32 6,14.667 7,28 3,40 0,0 -28,154 -28,154 -2.667,13.333 -10,24.333 -22,33 -12,8.667 -25.333,13 -40,13 0,0 -816,0 -816,0 -14.667,0 -28,-4.333 -40,-13 -12,-8.667 -19.333,-19.667 -22,-33 0,0 -28,-154 -28,-154 -6.667,-32 4,-56 32,-72 0,0 158,-108 158,-108 0,0 98,0 98,0 0,0 -170,130 -170,130 0,0 178,0 178,0 5.333,0 9.333,2.667 12,8 0,0 40,110 40,110 0,0 300,0 300,0 0,0 40,-110 40,-110 5.333,-5.333 9.333,-8 12,-8 0,0 178,0 178,0 0,0 -170,-130 -170,-130 0,0 98,0 98,0 0,0 160,108 160,108"
109 |          id="path7012"
110 |          inkscape:connector-curvature="0"
111 |          style="fill:#a1a3a3;fill-opacity:1" />
112 |     </g>
113 |   </g>
114 | </svg>
115 | 


--------------------------------------------------------------------------------
/app/static/img/nav.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2 | <!-- Created with Inkscape (http://www.inkscape.org/) -->
  3 | 
  4 | <svg
  5 |    xmlns:dc="http://purl.org/dc/elements/1.1/"
  6 |    xmlns:cc="http://creativecommons.org/ns#"
  7 |    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  8 |    xmlns:svg="http://www.w3.org/2000/svg"
  9 |    xmlns="http://www.w3.org/2000/svg"
 10 |    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
 11 |    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
 12 |    width="80"
 13 |    height="16.000032"
 14 |    viewBox="0 0 21.166666 4.233342"
 15 |    id="svg5260"
 16 |    version="1.1"
 17 |    inkscape:version="0.91+devel+osxmenu r12922"
 18 |    sodipodi:docname="nav.svg">
 19 |   <defs
 20 |      id="defs5262" />
 21 |   <sodipodi:namedview
 22 |      id="base"
 23 |      pagecolor="#ffffff"
 24 |      bordercolor="#666666"
 25 |      borderopacity="1.0"
 26 |      inkscape:pageopacity="0.0"
 27 |      inkscape:pageshadow="2"
 28 |      inkscape:zoom="2.32"
 29 |      inkscape:cx="84.413909"
 30 |      inkscape:cy="-20.754405"
 31 |      inkscape:document-units="mm"
 32 |      inkscape:current-layer="layer1"
 33 |      showgrid="false"
 34 |      units="px"
 35 |      fit-margin-top="0"
 36 |      fit-margin-left="3"
 37 |      fit-margin-right="0"
 38 |      fit-margin-bottom="0"
 39 |      inkscape:window-width="960"
 40 |      inkscape:window-height="600"
 41 |      inkscape:window-x="165"
 42 |      inkscape:window-y="23"
 43 |      inkscape:window-maximized="0" />
 44 |   <metadata
 45 |      id="metadata5265">
 46 |     <rdf:RDF>
 47 |       <cc:Work
 48 |          rdf:about="">
 49 |         <dc:format>image/svg+xml</dc:format>
 50 |         <dc:type
 51 |            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
 52 |         <dc:title></dc:title>
 53 |       </cc:Work>
 54 |     </rdf:RDF>
 55 |   </metadata>
 56 |   <g
 57 |      inkscape:label="Layer 1"
 58 |      inkscape:groupmode="layer"
 59 |      id="layer1"
 60 |      transform="translate(0,-169.23818)">
 61 |     <path
 62 |        inkscape:connector-curvature="0"
 63 |        d="m 7.7186946,169.23819 -2.956191,0 c -0.2913109,0 -0.5291703,0.23813 -0.5291703,0.52917 l 0,3.175 c 0,0.29104 0.2378594,0.52916 0.5291703,0.52916 l 3.175001,0 c 0.291311,0 0.529171,-0.23812 0.529171,-0.52916 l 0,-2.87682 -0.747981,-0.82735 z m -0.31036,1.5875 c 0,0.14526 -0.11906,0.26458 -0.26458,0.26458 l -1.5875002,0 c -0.1455199,0 -0.2645799,-0.11932 -0.2645799,-0.26458 l 0,-1.32292 2.1166601,0 0,1.32292 z m -0.26458,-1.05833 -0.52917,0 0,1.05833 0.52917,0 0,-1.05833 z"
 64 |        id="path4709"
 65 |        style="fill:#000000;stroke-width:0.26458347" />
 66 |     <g
 67 |        transform="matrix(0.00481061,0,0,0.00481061,12.7,168.94955)"
 68 |        id="g4143">
 69 |       <path
 70 |          d="m 440,60 c 0,0 120,336 120,336 0,0 320,0 320,0 0,0 -262,196 -262,196 0,0 94,348 94,348 0,0 -272,-208 -272,-208 0,0 -272,208 -272,208 0,0 94,-348 94,-348 0,0 -262,-196 -262,-196 0,0 320,0 320,0 0,0 120,-336 120,-336"
 71 |          id="path4145"
 72 |          inkscape:connector-curvature="0" />
 73 |     </g>
 74 |     <g
 75 |        transform="matrix(0.00460145,0,0,0.00460145,16.933333,168.6584)"
 76 |        id="g4155">
 77 |       <path
 78 |          d="m 920,214 c -24,36 -55.333,68.667 -94,98 0,0 0,24 0,24 0,86.667 -20,170 -60,250 -40,80 -102,147.667 -186,203 -84,55.333 -180.667,83 -290,83 -106.667,0 -203.333,-28 -290,-84 9.333,1.333 24.667,2 46,2 88,0 166,-26.667 234,-80 -41.333,-1.333 -78,-14 -110,-38 -32,-24 -54,-55.333 -66,-94 6.667,2.667 18,4 34,4 17.333,0 34,-2 50,-6 C 144,566.667 108,544.667 80,510 52,475.333 38,435.333 38,390 c 0,0 0,-2 0,-2 24,13.333 52,21.333 84,24 -56,-38.667 -84,-91.333 -84,-158 0,-32 8.667,-63.333 26,-94 102.667,125.333 232.667,190.667 390,196 -4,-12 -6,-26 -6,-42 0,-52 18.333,-96.333 55,-133 36.667,-36.667 81.667,-55 135,-55 54.667,0 100,19.333 136,58 40,-8 80,-22.667 120,-44 -13.333,44 -40.667,78.667 -82,104 37.333,-5.333 73.333,-15.333 108,-30 0,0 0,0 0,0"
 79 |          id="path4157"
 80 |          inkscape:connector-curvature="0" />
 81 |     </g>
 82 |     <g
 83 |        transform="matrix(0.00703571,0,0,0.00703571,0.26458333,167.84403)"
 84 |        id="g5864">
 85 |       <path
 86 |          d="m 486,474 c 9.333,6.667 14,15.333 14,26 0,9.333 -4.667,17.333 -14,24 0,0 -428,266 -428,266 -16,10.667 -29.667,12.667 -41,6 C 5.667,789.333 0,776 0,756 c 0,0 0,-514 0,-514 0,-20 5.667,-33.333 17,-40 11.333,-6.667 25,-4.667 41,6 0,0 428,266 428,266"
 87 |          id="path5866"
 88 |          inkscape:connector-curvature="0" />
 89 |     </g>
 90 |     <g
 91 |        transform="matrix(0.01056804,0,0,0.01056804,142.61042,261.4482)"
 92 |        id="g6437">
 93 |       <path
 94 |          d="m 294,734 c 9.333,-9.333 20.667,-14 34,-14 13.333,0 25.333,4.667 36,14 21.333,22.667 21.333,46 0,70 0,0 -42,40 -42,40 -37.333,37.333 -81.333,56 -132,56 C 138,900 93.333,881.333 56,844 18.667,806.667 0,762.667 0,712 0,660 18.667,615.333 56,578 c 0,0 148,-148 148,-148 46.667,-45.333 94.667,-71 144,-77 49.333,-6 92,8.333 128,43 10.667,10.667 16,22.667 16,36 0,13.333 -5.333,25.333 -16,36 -24,21.333 -47.333,21.333 -70,0 -33.333,-32 -77.333,-20.667 -132,34 0,0 -148,146 -148,146 -17.333,17.333 -26,38.667 -26,64 0,25.333 8.667,46 26,62 17.333,17.333 38.333,26 63,26 24.667,0 45.667,-8.667 63,-26 0,0 42,-40 42,-40 M 744,160 c 37.333,37.333 56,81.333 56,132 0,52 -18.667,96.667 -56,134 0,0 -158,158 -158,158 -49.333,48 -99.333,72 -150,72 -41.333,0 -78.667,-16.667 -112,-50 -9.333,-9.333 -14,-20.667 -14,-34 0,-13.333 4.667,-25.333 14,-36 9.333,-9.333 21,-14 35,-14 14,0 25.667,4.667 35,14 33.333,32 74,24 122,-24 0,0 158,-156 158,-156 18.667,-18.667 28,-40 28,-64 0,-25.333 -9.333,-46 -28,-62 -16,-17.333 -34.667,-27.667 -56,-31 -21.333,-3.333 -41.333,3.667 -60,21 0,0 -50,50 -50,50 -10.667,9.333 -22.667,14 -36,14 -13.333,0 -24.667,-4.667 -34,-14 -22.667,-22.667 -22.667,-46 0,-70 0,0 50,-50 50,-50 36,-36 78.333,-53 127,-51 48.667,2 91.667,22.333 129,61 0,0 0,0 0,0"
 95 |          id="path6439"
 96 |          inkscape:connector-curvature="0" />
 97 |     </g>
 98 |     <g
 99 |        transform="matrix(0.00423197,0,0,0.00423197,8.4673997,168.92502)"
100 |        id="g7010">
101 |       <path
102 |          d="m 499.75,74 c 0,0 260,244 260,244 0,0 -164,0 -164,0 0,0 0,256 0,256 0,0 -190,0 -190,0 0,0 0,-256 0,-256 0,0 -166,0 -166,0 0,0 260,-244 260,-244 m 468,578 c 12,6.667 21,17.333 27,32 6,14.667 7,28 3,40 0,0 -28,154 -28,154 -2.667,13.333 -10,24.333 -22,33 -12,8.667 -25.333,13 -40,13 0,0 -816,0 -816,0 -14.667,0 -28,-4.333 -40,-13 -12,-8.667 -19.333,-19.667 -22,-33 0,0 -28,-154 -28,-154 -6.667,-32 4,-56 32,-72 0,0 158,-108 158,-108 0,0 98,0 98,0 0,0 -170,130 -170,130 0,0 178,0 178,0 5.333,0 9.333,2.667 12,8 0,0 40,110 40,110 0,0 300,0 300,0 0,0 40,-110 40,-110 5.333,-5.333 9.333,-8 12,-8 0,0 178,0 178,0 0,0 -170,-130 -170,-130 0,0 98,0 98,0 0,0 160,108 160,108"
103 |          id="path7012"
104 |          inkscape:connector-curvature="0" />
105 |     </g>
106 |   </g>
107 | </svg>
108 | 


--------------------------------------------------------------------------------
/app/static/img/qb.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 4 | 	 viewBox="0 0 1416.1 1517.8" style="enable-background:new 0 0 1416.1 1517.8;" xml:space="preserve">
 5 | <style type="text/css">
 6 | 	.st0{fill:none;}
 7 | 	.st1{fill:#265954;}
 8 | </style>
 9 | <title>Fichier 1</title>
10 | <g id="Calque_2">
11 | 	<g id="Calque_2-2">
12 | 		<path class="st0" d="M665.4,986.9c-8.7-7.5-21.1-11.4-31.8-13.4c-12.9-2.2-26.1-2.1-39,0.5c-1.9,0.8-3.8,1.5-5.7,2.3
13 | 			c-17,7.1-33.5,15.6-49.2,25.2c-14.8,9-28.5,19.7-43.1,28.9c-8.5,5.4-19.1,11.7-29.9,14.6c-12,5.8-24.4,11-37,15.3
14 | 			c-15.1,5.4-31.1,9.4-45.6,16.3c-15,7.1-26.2,17.7-30.4,34.1c-0.5,1.8-0.8,3.6-1.1,5.4c4.1,31,3.5,62.5-1.8,93.4
15 | 			c-9.1,53.9-32,104.5-66.5,146.9c-7.1,15.4-17.7,29.7-30.8,39.6c-1,0.8-2.4,0.9-3.6,0.4c-3.8,1.2-7.6-0.4-11.6-1.4
16 | 			c-4.9-1.2-9.7-2.1-14.7-2.9c-2.7-0.4-5.3-0.7-8-1c-4.3,0.8-8.6,1.8-12.8,3c-16.7,4.8-33,11.3-49.1,17.7
17 | 			c-16.8,6.6-33.4,13.8-49.7,21.5c-5.3,2.5-10.7,5.1-16.2,7.5c19.9-2.4,39.8-4.8,59.7-7.1c0.8-0.2,1.7-0.2,2.5,0c1,0.2,2,0.4,3,0.7
18 | 			c3,0.6,6.1,1,9.2,1.1c4.1,0.2,8,5.1,5.1,8.9c-10,13.4-21.9,25.3-35.2,35.5c32.9-10.1,66.2-20.3,96-37.3c0.4-0.8,1.1-1.6,1.8-2.1
19 | 			c8-5.8,16.8-10.4,24.8-16.2c7.5-5.5,14.7-11.5,21.4-17.9c13-12.4,24.2-26.6,35.3-40.6c1.9-3.4,3.9-6.9,5.7-10.3
20 | 			c19.5-36,35-74,46.3-113.3c5.6-19.5,10.3-39.3,13.9-59.2c1.7-9.2,3-36.8,16.5-37.1l0.5-0.2c21.5-8.4,43.1-16.3,64.5-25.2
21 | 			c37.5-15.5,74.4-32.2,110.8-50.3c18.2-9,36.2-18.3,54.1-27.8c10-5.3,20-10.7,30.1-15.8c3.7-3.5,7-7.5,9.6-11.9
22 | 			c4.6-7.5,5.7-16.6,3-25C666,988.6,665.7,987.7,665.4,986.9z"/>
23 | 		<ellipse class="st0" cx="1099.3" cy="72.4" rx="18" ry="30"/>
24 | 		<path class="st0" d="M1104.4,673.4c-3.3-7.1-7.1-14.1-11.2-20.7c-25-24.2-58.3-39.6-93.7-39.1c-49.8,0.8-97.5,30.6-119.5,75.3
25 | 			c-23.6,48-19.3,103.9-27.2,155.8c0,0.2,0,0.3,0,0.5c-3.2,23.1-7.7,46-13.7,68.5c-10.3,39.5-24.8,79-49,112.2
26 | 			c-6,8.2-12.6,16.1-19.6,23.4c-7,7.4-14.4,14.6-19.5,23.5c-4.3,7.5-6.1,15.5-3.7,23.9c1.3,4.6,4,9.5,8.3,12
27 | 			c11.7,0.1,23.4-0.2,35.1-1.2c18.4-1.5,36.7-4.5,54.9-7.5c26.5-4.4,53.8-9.6,80.9-9.8c43.8-6.9,88-10.9,132.3-12
28 | 			c0.8,0,1.6,0.2,2.3,0.6l8.7-0.2c1,0,1.9,0.1,2.8,0.5c21.2,0.3,42.6,0.1,63.6,2.8c11,1.4,21.9,4,31.5,9.6c4.3,2.5,10,6,10,11.7
29 | 			c0,1.2-0.3,2.4-0.8,3.5c3.2,13.8,9.5,26.6,18.4,37.6c4.3,5.4,8.9,10.4,13.9,15.2c5.2,5,10.9,8.4,17,12.2
30 | 			c12,7.7,23.5,16.1,34.4,25.3c2.6,2.2,5.2,4.4,7.7,6.7c-2.6-6.1-4.6-12.5-7.3-18.4c-3.8-8.4-8.1-16.5-11.8-25
31 | 			c-0.3-0.7-0.5-1.6-0.3-2.4l-0.9-0.7c-2.4-2,0.2-5.9,3-5.1l1.2,0.4c0.3,0,0.5,0.1,0.7,0.2l0.6,0.3c5.5,2,10.7,4.7,15.5,8
32 | 			c10.6,2.4,21.3,9.1,30.4,14.4c5.9,3.4,11.6,7.1,17.2,10.9c-3.5-4.2-7.1-8.3-10.8-12.3c-11.5-12.4-23.6-24.3-36.3-35.6
33 | 			c-12.9-11.4-26.3-22.3-40.3-32.4c-6.9-5-13.9-9.8-20.9-14.5c-3-2-6.9-4.1-10.5-6.5c-7-2.7-13.8-5.6-20.8-8.3
34 | 			c-3-1.1-5.9-2.2-8.9-3.3c-4.6-0.9-9.2-1.8-13.9-2.6l-37-6.4c-11.7-2-23.4-4.1-35.1-6.2c-11.9-1.1-23.8-2.2-35.7-3.3l-23.8-2.2
35 | 			c-7.9-0.7-16.6-0.6-24.3-2.8c-59-3.7-118.2,3.8-174.5,22c-6,2-11.8-7-6.5-11.2c28-21.9,56.2-43.6,84.4-65.2
36 | 			c24.6-18.9,49.2-37.8,73.7-56.7c19.9-15.4,39.7-31,58.4-47.9c18.1-16.3,35.3-33.9,49.6-53.6l0.9-1.3c1-4.5,2.6-8.8,4.9-12.7
37 | 			c4.5-7.7,8.6-15.6,12.2-23.6c6-15.3,10.4-31.2,13.1-47.4c1.5-14,1.5-28.1,0.1-42.1C1112.3,697.6,1108.9,685.3,1104.4,673.4z"/>
38 | 		<path class="st1" d="M1358.5,725.1c19.5-25.2,35.5-53.2,45.6-83.5c10.6-32.2,14.3-66.4,10.7-100.1c-7.2-69-40.8-132.7-90-181
39 | 			c-48.6-47.7-109.8-79.8-174.2-100.5c-29.6-9.5-65.2-18.9-84.9-45c-13.9-18.4-18.4-48.1-4.5-67.8c1.8-2.5,3.9-4.8,6.2-6.7
40 | 			c27.2,0.6,54.3-0.8,81.3-4.4c28.6-3.7,57-10.7,83.1-23.3c14.5-7,29-15.4,40.6-26.7c2.2-2.1,0.8-5.4-1.5-6.4
41 | 			c-1-1.3-2.7-1.9-4.3-1.4c-16.7,4.3-34.1,4.9-51.1,1.9c-8.3-1.5-16.4-3.9-24.1-7.2c-4-1.7-7.8-3.6-11.6-5.6c-1.7-1-3.4-2-5.1-3
42 | 			c-0.8-8.9-6-17.3-11.8-24.2c-8.5-9.9-18.6-18.2-29.9-24.6c-47-27.3-106.7-17.7-142.8,22.9c-8,9-14.5,19.1-19.5,30
43 | 			c-4.5,8.4-8.1,17.4-10.5,26.7c-3.6,14.1-4.9,28.7-3.9,43.3c-0.2,17.6,1,35.1,3.6,52.5c3.4,25.2,9.8,50,19,73.7
44 | 			c9.3,23.5,21.7,45.7,38.2,64.8c17.8,20.6,39.8,34.8,64.2,46.5s51.7,23.2,67.1,46.7c4.7,7.1,8,15.1,8.9,23.5
45 | 			c-0.1,4.2-0.3,8.4-0.7,12.6c-1.9,8.9-6.6,17.6-13.8,23.1c-2.7,2-5.7,3.5-8.9,4.4c-0.3-0.7-0.7-1.3-1.3-1.8
46 | 			c-66.9-59.2-154.7-93.4-243.5-99.6c-86.8-6.1-174.2,16.2-248.4,61.5c-20.5,12.5-40,26.8-58.1,42.6c-13.6,11.7-26.3,24.4-38,38
47 | 			c-7.2-1.7-15.1-1.9-22.4-2.7s-14.6-1.8-21.8-2.9c-15.1-2.2-30-5.2-44.8-9c-27.7-7.3-54-19.1-76.5-36.9c-0.2-0.7-0.7-1.3-1.3-1.7
48 | 			c-6.9-4.3-13.2-5.6-21.3-4c-1.7,0.4-3,1.8-3.4,3.4c-10.8,42-6.5,88,6.9,128.9c13.6,41.4,37.4,79.8,69,109.8
49 | 			c8.9,8.4,18.3,16.2,28.3,23.2c6.1,4.4,12.4,8.5,18.9,12.2c6.3,50.3,32.4,96.6,66.9,133.2c6.1,6.4,12.4,12.6,19,18.4
50 | 			c-18.8,33.7-41,64.9-69.5,91.2c-28.3,26.1-61.2,46.8-97,60.8c-9.1,3.6-18.4,6.6-27.9,9.3c-9.1,2.5-18.7,4.9-26.6,10.2
51 | 			c-18.5,12.3-17.9,33.4-15.2,53.1c5.6,40.3,3.2,80.8-8.3,119.9c-6.3,21.5-15.1,42.1-26.3,61.5c-11,19.2-24.5,36-39.1,52.5
52 | 			c-0.4-0.6-0.8-1.1-1.4-1.5c-28.1-19.8-64.8,1.7-89.7,16.7c-31.3,18.9-64.1,35.3-98,48.9c-19.2,7.7-38.7,14.4-58.6,20.2
53 | 			c-4.5,1.3-6.6,7.5-2.9,10.9c7.7,7,17.6,8.6,27.7,8.1c12.7-0.7,25.5-2.8,38.1-4.3l60.4-7.2c-5.9,4.8-12.1,9.2-18.5,13.2
54 | 			c-10.6,6.3-21.7,11.8-33.2,16.3c-23,9.3-47.1,15.7-71.1,21.9c-5.8,1.5-6.4,11.3,0,12.4c89.1,16,183.7-7.5,256-61.8
55 | 			c18.7-14,36.4-29.9,51.3-48c11-10.3,18.6-24.8,25.5-37.8c4.2-7.9,8.2-15.9,11.9-24c23.4-40.1,42.2-82.8,56.1-127.1
56 | 			c6.1-19.3,11.2-39,15.3-58.9c96.4-23.6,188.8-61.6,273.9-112.7c12.1-7.3,24-14.8,35.7-22.7c3.1-2.1,6.4-4.2,9.6-6.4
57 | 			c2.2-1.4,4.4-2.9,6.5-4.3c7.8-5.2,15.3-10.7,22.6-16.5l3,0.6c-8.6,12.1-17.6,23.9-26.8,35.6c-9.2,11.6-19.2,22.9-26.8,35.6
58 | 			c-12.8,21.3-17.4,50.8,1.6,70.2c4,4,8.9,7.1,14.3,8.9c1,0.4,2,0.5,3,0.3c1.9,0.6,3.9,1,5.9,1.1c2,0.1,4,0,6-0.3
59 | 			c7.8-0.1,15.4-2.6,22.9-4.8c10.5-3.1,21-6.3,31.4-9.5c5.9-1.8,12.2-3.3,18.3-5.2c79.7-13.6,160-22.8,240.9-25.8
60 | 			c24.5-0.9,50.8-3.1,74.6,4.2c-2.3,17.8,2,35.9,12.1,50.8c2.6,3.8,5.6,7.2,9,10.4c4.4,5,9.8,10.2,16,12.3c0.2,0.1,0.4,0.1,0.7,0.2
61 | 			c7.8,4.8,16.2,9,24.3,13.7c34,19.4,63.6,45.8,86.8,77.3c13.3,18,24.4,37.5,33,58.2c2.6,6.2,10.6,5.2,11.5-1.6
62 | 			c3.9-31.2,0.7-64.1-10.7-93.7c1.2-0.1,2.4-0.3,3.6-0.8c0.7,0.8,1.4,1.6,2.1,2.5c19.2,23,35.5,48.1,48.7,75
63 | 			c2.3,4.6,10.6,2.6,10-2.7c-2.5-22.4-8.1-44.4-16.6-65.3c-0.1-0.3-0.3-0.7-0.4-1c-23.1-56.3-65.6-103.9-114.9-140.2
64 | 			c-19.7-14.4-40.3-27.4-61.8-39c-1.3-0.8-2.9-1-4.4-0.5c-16.7-7.4-35.1-12.4-52.6-17.5c-18.6-5.4-37.4-10.1-56.4-14
65 | 			c-38-8-76.5-13-115.2-15.2c-10.6-0.6-21.2-1-31.9-1c-3.2,0-6.3,0.1-9.5,0.2c6-4.7,12-9.4,17.9-14.1c14.3,0.5,29.3-3,43.2-5.7
66 | 			c15-2.8,29.9-6.4,44.6-10.7c18.3-5.5,37.6-12.7,54.6-22.8c37.5-15,72.8-35.9,102-64c8.9-8.6,17.8-17.9,25-28.1
67 | 			c2.8-4.1,4.3-9,4.2-14.1C1266.1,816.5,1318.8,776.5,1358.5,725.1z M1099.3,42.4c9.9,0,18,13.4,18,30s-8.1,30-18,30s-18-13.4-18-30
68 | 			S1089.3,42.4,1099.3,42.4z M663.3,1014.5c-2.6,4.4-5.9,8.4-9.6,11.9c-10.1,5.1-20.1,10.5-30.1,15.8c-17.9,9.5-35.9,18.8-54.1,27.8
69 | 			c-36.3,18-73.2,34.8-110.8,50.3c-21.3,8.8-43,16.8-64.5,25.2l-0.5,0.2c-13.5,0.3-14.8,27.9-16.5,37.1c-3.6,20-8.2,39.7-13.9,59.2
70 | 			c-11.3,39.3-26.8,77.3-46.3,113.3c-1.9,3.5-3.8,6.9-5.7,10.3c-11.2,14.1-22.3,28.2-35.3,40.6c-6.7,6.4-13.9,12.4-21.4,17.9
71 | 			c-8,5.8-16.8,10.4-24.8,16.2c-0.8,0.6-1.4,1.3-1.8,2.1c-29.8,17-63.1,27.2-96,37.3c13.3-10.2,25.2-22.1,35.2-35.5
72 | 			c2.9-3.8-1.1-8.8-5.1-8.9c-3.1-0.1-6.2-0.5-9.2-1.1c-1-0.3-2-0.5-3-0.7c-0.8-0.2-1.7-0.2-2.5,0c-19.9,2.4-39.8,4.8-59.7,7.1
73 | 			c5.5-2.4,10.9-5,16.2-7.5c16.3-7.7,32.9-14.8,49.7-21.5c16.1-6.3,32.4-12.9,49.1-17.7c4.2-1.2,8.5-2.2,12.8-3c2.7,0.3,5.4,0.6,8,1
74 | 			c4.9,0.8,9.8,1.7,14.7,2.9c4,1,7.8,2.7,11.6,1.4c1.2,0.5,2.6,0.4,3.6-0.4c13.1-9.9,23.7-24.2,30.8-39.6
75 | 			c34.4-42.4,57.3-93,66.5-146.9c5.3-30.9,5.9-62.3,1.8-93.4c0.3-1.8,0.7-3.7,1.1-5.4c4.2-16.4,15.4-27,30.4-34.1
76 | 			c14.5-6.9,30.5-11,45.6-16.3c12.6-4.4,25-9.5,37-15.3c10.8-2.9,21.4-9.2,29.9-14.6c14.6-9.2,28.4-19.9,43.1-28.9
77 | 			c15.7-9.6,32.2-18.1,49.2-25.2c1.9-0.8,3.8-1.6,5.7-2.3c12.9-2.6,26.1-2.7,39-0.5c10.7,2,23.2,5.8,31.8,13.4
78 | 			c0.4,0.9,0.7,1.7,1,2.6C669,997.8,667.9,1006.9,663.3,1014.5L663.3,1014.5z M1114.2,752.2c-2.7,16.2-7.1,32.1-13.1,47.4
79 | 			c-3.7,8.1-7.7,16-12.2,23.6c-2.3,4-3.9,8.3-4.9,12.7l-0.9,1.3c-14.3,19.7-31.5,37.3-49.6,53.6c-18.7,16.9-38.5,32.5-58.4,47.9
80 | 			c-24.5,18.9-49.1,37.9-73.7,56.7c-28.2,21.7-56.3,43.4-84.4,65.2c-5.3,4.2,0.5,13.1,6.5,11.2c56.3-18.2,115.5-25.7,174.5-22
81 | 			c7.6,2.2,16.4,2,24.3,2.8l23.7,2.2c11.9,1.1,23.8,2.2,35.7,3.3c11.7,2.1,23.4,4.2,35.1,6.2l37,6.4c4.6,0.8,9.2,1.7,13.9,2.6
82 | 			c3,1,6,2.1,8.9,3.3c7,2.7,13.8,5.7,20.8,8.3c3.6,2.4,7.5,4.5,10.5,6.5c7,4.7,14,9.5,20.9,14.5c13.9,10.1,27.4,20.9,40.3,32.4
83 | 			c12.7,11.3,24.8,23.1,36.3,35.6c3.7,4,7.3,8.1,10.8,12.3c-5.6-3.8-11.3-7.5-17.2-10.9c-9.2-5.3-19.8-12-30.4-14.4
84 | 			c-4.8-3.3-10-6-15.5-8l-0.6-0.3c-0.2-0.1-0.5-0.2-0.7-0.2l-1.2-0.4c-2.8-0.8-5.3,3.1-3,5.1l0.9,0.7c-0.1,0.8,0,1.6,0.3,2.4
85 | 			c3.7,8.4,7.9,16.6,11.8,25c2.7,5.9,4.8,12.3,7.3,18.4c-2.5-2.3-5.1-4.5-7.7-6.7c-10.9-9.2-22.4-17.6-34.4-25.3
86 | 			c-6-3.8-11.8-7.2-17-12.2c-5-4.7-9.6-9.8-13.9-15.2c-8.9-11-15.1-23.9-18.4-37.6c0.5-1.1,0.8-2.3,0.8-3.5c0.1-5.7-5.7-9.2-10-11.7
87 | 			c-9.6-5.6-20.5-8.2-31.5-9.6c-20.9-2.7-42.4-2.5-63.6-2.8c-0.9-0.4-1.8-0.5-2.8-0.5l-8.7,0.2c-0.7-0.4-1.5-0.6-2.3-0.6
88 | 			c-44.3,1.1-88.5,5.1-132.3,12c-27.1,0.2-54.4,5.3-80.9,9.8c-18.2,3.1-36.5,6-54.9,7.5c-11.6,1-23.4,1.3-35.1,1.2
89 | 			c-4.2-2.5-7-7.4-8.3-12c-2.4-8.4-0.6-16.4,3.7-23.9c5.1-8.9,12.5-16.2,19.5-23.5c7.1-7.4,13.7-15.2,19.8-23.4
90 | 			c24.3-33.3,38.7-72.7,49-112.2c6-22.5,10.5-45.4,13.7-68.5c0-0.2,0-0.3,0-0.5c7.8-51.8,3.6-107.7,27.2-155.8
91 | 			c22-44.8,69.7-74.6,119.5-75.3c35.4-0.6,68.8,14.8,93.7,39.1c4.2,6.7,7.9,13.6,11.2,20.7c4.5,11.9,7.9,24.2,10,36.7
92 | 			C1115.7,724.1,1115.7,738.2,1114.2,752.2z"/>
93 | 	</g>
94 | </g>
95 | </svg>
96 | 


--------------------------------------------------------------------------------
/app/static/img/twcard.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/andreasfertig/cppinsights-web/13b1b4886e5037313c9a8957332aead088c27795/app/static/img/twcard.png


--------------------------------------------------------------------------------
/app/static/js/cookie.js:
--------------------------------------------------------------------------------
 1 | /* C++ Insights Web, copyright (c) by Andreas Fertig
 2 |    Distributed under an MIT license. See /LICENSE */
 3 | 
 4 | var cookieName = 'complianceCookie';
 5 | 
 6 | function createBanner() {
 7 |   var bodytag = document.getElementsByTagName('body')[0];
 8 |   var div = document.createElement('div');
 9 |   div.setAttribute('id', 'cookie-law');
10 |   div.innerHTML =
11 |     '<span>This website uses cookies. See <a href="/cookie-policy.html" rel="nofollow" title="Privacy &amp; Cookies Policy">cookie policy</a> for more information.</span> <div class="accept-decline"><div class="btn-decline"><a class="decline-cookie-banner" href="javascript:void(0);" onclick="cookieAccept(false);"><span>Decline</span></a></div><div class="btn-accept"><a class="close-cookie-banner" href="javascript:void(0);" onclick="cookieAccept(true);"><span>Accept</span></a></div></div>';
12 | 
13 |   bodytag.insertBefore(div, bodytag.firstChild);
14 | }
15 | 
16 | function createCookie(name, value) {
17 |   var days = 365;
18 |   var date = new Date();
19 |   date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
20 |   var expires = '; expires=' + date.toGMTString();
21 | 
22 |   document.cookie = name + '=' + value + expires + '; path=/';
23 | }
24 | 
25 | function checkCookie(name) {
26 |   var nameEQ = name + '=';
27 |   var ca = document.cookie.split(';');
28 | 
29 |   for (var i = 0; i < ca.length; i++) {
30 |     var c = ca[i];
31 |     while (c.charAt(0) == ' ') {
32 |       c = c.substring(1, c.length);
33 |     }
34 | 
35 |     if (c.indexOf(nameEQ) == 0) {
36 |       return c.substring(nameEQ.length, c.length);
37 |     }
38 |   }
39 | 
40 |   return null;
41 | }
42 | 
43 | function createComplianceCookie(b) {
44 |   createCookie(cookieName, b);
45 | }
46 | 
47 | function cookieAccept(b) { // eslint-disable-line no-unused-vars
48 |   createComplianceCookie(b);
49 | 
50 |   var element = document.getElementById('cookie-law');
51 |   element.parentNode.removeChild(element);
52 | }
53 | 
54 | function storageAllowed() { // eslint-disable-line no-unused-vars
55 |   return ('true' == checkCookie(cookieName));
56 | }
57 | 
58 | function onLoad() { // eslint-disable-line no-unused-vars
59 |   if (!checkCookie(cookieName)) {
60 |     createBanner();
61 |   }
62 | }
63 | 
64 | function canUseLocalStorage() {
65 |   return window.localStorage && storageAllowed();
66 | }
67 | 
68 | function setLocalStorageItem(key, data) { // eslint-disable-line no-unused-vars
69 |   if (canUseLocalStorage()) {
70 |     window.localStorage.setItem(key, JSON.stringify(data));
71 |   }
72 | }
73 | 
74 | function getLocalStorageItem(key, deflt) { // eslint-disable-line no-unused-vars
75 |   if (canUseLocalStorage()) {
76 |     var data = window.localStorage.getItem(key);
77 |     if (data) {
78 |       return JSON.parse(data);
79 |     }
80 |   }
81 | 
82 |   return deflt;
83 | }
84 | 


--------------------------------------------------------------------------------
/app/static/js/main.js:
--------------------------------------------------------------------------------
  1 | /* C++ Insights Web, copyright (c) by Andreas Fertig
  2 |    Distributed under an MIT license. See /LICENSE */
  3 | 
  4 | /* global CodeMirror, onLoad, getLocalStorageItem, setLocalStorageItem, canUseLocalStorage */
  5 | 
  6 | var DEFAULT_CPP_STD = 'cpp17';
  7 | var DEFAULT_REV = '1.0';
  8 | 
  9 | // load cookies
 10 | onLoad();
 11 | 
 12 | var cppEditor = CodeMirror.fromTextArea(document.getElementById('cpp-code'), {
 13 |   lineNumbers: true,
 14 |   matchBrackets: true,
 15 |   styleActiveLine: true,
 16 |   mode: 'text/x-c++src'
 17 | });
 18 | 
 19 | cppEditor.focus();
 20 | var insightsOptions = [DEFAULT_CPP_STD];
 21 | var code = cppEditor.getValue();
 22 | 
 23 | function setStandard(std) {
 24 |   var selected = $('#insightsOptions').multipleSelect('getSelects', 'value');
 25 | 
 26 |   var filtered = selected.filter(function(value, index, arr) { // eslint-disable-line no-unused-vars
 27 |     return !value.startsWith('cpp');
 28 |   });
 29 | 
 30 |   filtered.push(std);
 31 | 
 32 |   $('#insightsOptions').multipleSelect('setSelects', filtered);
 33 | }
 34 | 
 35 | $('#insightsOptions').multipleSelect({
 36 |   placeholder: 'C++ Insights Options',
 37 |   selectAll: false,
 38 |   onClick: function(opt) {
 39 |     if (opt.value.startsWith('cpp')) {
 40 |       setStandard(opt.value);
 41 |     }
 42 |   },
 43 |   onOptgroupClick: function(group) {
 44 |     if ('C++ Standard' == group.label) {
 45 |       setStandard(DEFAULT_CPP_STD);
 46 |     }
 47 |   },
 48 | });
 49 | 
 50 | function changeFontSize(value) {
 51 |   var elCode = document.getElementById('stdin');
 52 |   elCode.style.fontSize = value;
 53 |   var elStdOut = document.getElementById('stdout');
 54 |   elStdOut.style.fontSize = value;
 55 |   var elStdErr = document.getElementById('stderr');
 56 |   elStdErr.style.fontSize = value;
 57 | }
 58 | 
 59 | $('#fontSizer').multipleSelect({
 60 |   placeholder: 'A+',
 61 |   selectAll: false,
 62 |   single: true,
 63 |   onClick: function(opt) {
 64 | 
 65 |     changeFontSize(opt.value);
 66 | 
 67 |     $('#fontSizer').multipleSelect('setSelects', opt);
 68 | 
 69 |     setLocalStorageItem('fontSize', opt.value);
 70 |   },
 71 | });
 72 | // check if the current url contains '/lnk' which means that we opened a link. In that case do not load the values from
 73 | // local storage.
 74 | function isLink() {
 75 |   return (window.location.href.indexOf('/lnk') > -1) || (window.location.href.indexOf('/s') > -1);
 76 | }
 77 | 
 78 | // If this is a link add a keydown listener to the cppEditor and remove the link, if the code is changed.
 79 | if (isLink()) {
 80 |   cppEditor.on('keydown', function(instance, event) { // eslint-disable-line no-unused-vars
 81 |     if (isLink()) {
 82 |       history.pushState(null, null, '/');
 83 |     }
 84 | 
 85 |   });
 86 | }
 87 | 
 88 | if (canUseLocalStorage() && !isLink()) {
 89 |   if (!cppEditor.getValue()) {
 90 |     insightsOptions = window.localStorage.getItem('insightsOptions');
 91 | 
 92 |     if (insightsOptions) {
 93 |       insightsOptions = JSON.parse(insightsOptions);
 94 |     }
 95 | 
 96 |     code = window.localStorage.getItem('code');
 97 |     if (code) {
 98 |       code = JSON.parse(code);
 99 |     }
100 |   }
101 | }
102 | 
103 | if (!code) {
104 |   insightsOptions = [DEFAULT_CPP_STD];
105 |   code =
106 |     '#include <cstdio>\n\nint main()\n{\n    const char arr[10]{2,4,6,8};\n\n    for(const char& c : arr)\n    {\n      printf("c=%c\\n", c);\n    }\n}';
107 | 
108 | }
109 | 
110 | //try {
111 | if (!isLink()) {
112 |   $('#insightsOptions').multipleSelect('setSelects', insightsOptions);
113 | }
114 | 
115 | var DEFAULT_FONT_SIZE = getLocalStorageItem('fontSize', 'initial');
116 | 
117 | $('#fontSizer').multipleSelect('setSelects', [DEFAULT_FONT_SIZE]);
118 | changeFontSize(DEFAULT_FONT_SIZE);
119 | 
120 | displayContents(code);
121 | //} catch (e) {
122 | // hm
123 | //}
124 | 
125 | var mac = CodeMirror.keyMap.default == CodeMirror.keyMap.macDefault;
126 | CodeMirror.keyMap.default[(mac ? 'Cmd' : 'Ctrl') + '-Space'] = 'autocomplete';
127 | var cppOutEditor = CodeMirror.fromTextArea(document.getElementById(
128 |   'cpp-code-out'), { // eslint-disable-line no-unused-vars
129 |   lineNumbers: true,
130 |   matchBrackets: true,
131 |   styleActiveLine: true,
132 |   readOnly: true,
133 |   mode: 'text/x-c++src'
134 | });
135 | var stdErrEditor = CodeMirror.fromTextArea(document.getElementById(
136 |   'stderr-out'), { // eslint-disable-line no-unused-vars
137 |   lineNumbers: false,
138 |   readOnly: true,
139 |   mode: 'shell'
140 | });
141 | 
142 | function readSingleFile(e) {
143 |   var file = e.target.files[0];
144 |   if (!file) {
145 |     return;
146 |   }
147 |   var reader = new FileReader();
148 |   reader.onload = function(e) {
149 |     var contents = e.target.result;
150 |     displayContents(contents);
151 |   };
152 |   reader.readAsText(file);
153 | }
154 | 
155 | function displayContents(contents) {
156 |   cppEditor.setValue(contents);
157 | }
158 | 
159 | document.querySelector('.button-upload')
160 |   .addEventListener('click', function(event) {
161 |     event.preventDefault();
162 |     document.getElementById('file-input').click();
163 |   });
164 | 
165 | document.getElementById('file-input')
166 |   .addEventListener('change', readSingleFile);
167 | 
168 | document.querySelector('.button-download').addEventListener('click', function(event) {
169 |   event.preventDefault();
170 |   download('cppinsights.txt', cppEditor.getValue());
171 | });
172 | 
173 | function download(filename, text) {
174 |   var pom = document.createElement('a');
175 |   pom.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
176 |   pom.setAttribute('download', filename);
177 |   if (document.createEvent) {
178 |     var event = document.createEvent('MouseEvents');
179 |     event.initEvent('click', true, true);
180 |     pom.dispatchEvent(event);
181 |   } else {
182 |     pom.click();
183 |   }
184 | }
185 | 
186 | function toggleButton(divId) { // eslint-disable-line no-unused-vars
187 |   var element = document.getElementById(divId).style;
188 | 
189 |   if ('none' == element.display) {
190 |     element.display = 'initial';
191 | 
192 |   } else {
193 |     element.display = 'none';
194 | 
195 |   }
196 | 
197 |   setLocalStorageItem(divId, element.display);
198 | }
199 | 
200 | function setElementDisplay(divId, value) {
201 |   var element = document.getElementById(divId).style;
202 | 
203 |   element.display = value;
204 | }
205 | 
206 | setElementDisplay('banner', getLocalStorageItem('banner', 'initial'));
207 | showHideConsole(getLocalStorageItem('stderr-div', 'initial'));
208 | 
209 | /* -- resizing columns and rows -- */
210 | 
211 | function changeGridConsoleRowHeight(newHeight) {
212 |   var allm = document.getElementById('allmain');
213 |   var navHeight = document.getElementById('nav').clientHeight + 'px';
214 | 
215 |   allm.style.gridTemplateRows = navHeight + ' ' + 'auto' + ' 10px ' + newHeight;
216 | }
217 | 
218 | var dragging = false;
219 | var draggingMode = '';
220 | var consoleClosed = false;
221 | 
222 | function showHideConsole(show) {
223 |   var elem = document.getElementById('stderr-div');
224 |   var err = document.getElementById('errstd');
225 |   var oldHeight = err.clientHeight;
226 | 
227 |   var allm = document.getElementById('allmain');
228 | 
229 |   var element = elem.style;
230 |   var minimized = document.getElementById('console-btn');
231 | 
232 |   if (show) {
233 |     element.display = 'initial';
234 | 
235 |     allm.style.removeProperty('grid-template-rows');
236 | 
237 |     minimized.classList.remove('minimized');
238 |     // refresh codemirror, otherwise the editor contains the old value
239 |     stdErrEditor.refresh();
240 | 
241 |   } else {
242 |     var height = elem.clientHeight;
243 | 
244 |     element.display = 'none';
245 |     var errStyleHeight = 'calc(' + oldHeight + 'px - ' + height + 'px)';
246 |     changeGridConsoleRowHeight(errStyleHeight);
247 | 
248 |     minimized.classList.add('minimized');
249 |   }
250 | 
251 |   consoleClosed = (element.display == 'none');
252 | }
253 | 
254 | function toggleConsole() { // eslint-disable-line no-unused-vars
255 |   var element = document.getElementById('stderr-div').style;
256 | 
257 |   showHideConsole('none' == element.display);
258 | 
259 |   setLocalStorageItem('stderr-div', !consoleClosed);
260 | }
261 | 
262 | function dragstart(e, mode) {
263 |   e.preventDefault();
264 |   dragging = true;
265 |   draggingMode = mode;
266 | }
267 | 
268 | function dragmove(e) {
269 |   if (dragging) {
270 |     var percentage = 0;
271 |     var mainPercentage = 0;
272 | 
273 |     if ('v' == draggingMode) {
274 |       percentage = (e.pageX / window.innerWidth) * 100;
275 |       if (percentage > 5 && percentage < 98) {
276 |         mainPercentage = 100 - percentage;
277 |         var allm = document.getElementById('allmain');
278 | 
279 |         allm.style.gridTemplateColumns = 'calc(' + percentage + '% - 5px) 10px calc(' + mainPercentage + '% - 5px)';
280 |       }
281 |     } else if ('h' == draggingMode) {
282 |       if (consoleClosed) {
283 |         return;
284 |       }
285 | 
286 |       percentage = (e.pageY / window.innerHeight) * 100;
287 | 
288 |       if (percentage > 5 && percentage < 94) {
289 |         mainPercentage = 100 - percentage;
290 |         changeGridConsoleRowHeight(mainPercentage + '%');
291 |       }
292 |     }
293 | 
294 |   }
295 | }
296 | 
297 | function dragend() {
298 |   dragging = false;
299 | }
300 | 
301 | if (window.addEventListener) {
302 |   document.getElementById('vdragbar').addEventListener('mousedown', function(e) {
303 |     dragstart(e, 'v');
304 |   });
305 |   document.getElementById('vdragbar').addEventListener('touchstart', function(e) {
306 |     dragstart(e, 'v');
307 |   });
308 |   document.getElementById('hdragbar').addEventListener('mousedown', function(e) {
309 |     dragstart(e, 'h');
310 |   });
311 |   document.getElementById('hdragbar').addEventListener('touchstart', function(e) {
312 |     dragstart(e, 'h');
313 |   });
314 |   window.addEventListener('mousemove', function(e) {
315 |     dragmove(e);
316 |   });
317 |   window.addEventListener('touchmove', function(e) {
318 |     dragmove(e);
319 |   });
320 |   window.addEventListener('mouseup', dragend);
321 |   window.addEventListener('touchend', dragend);
322 | }
323 | 
324 | /* -- resizing columns and rows -- */
325 | 
326 | function getInsightsOptions() {
327 |   return $('#insightsOptions').multipleSelect('getSelects', 'value');
328 | }
329 | 
330 | function getCppStd() {
331 |   var filtered = getInsightsOptions().filter(function(value, index, arr) { // eslint-disable-line no-unused-vars
332 |     return value.startsWith('cpp');
333 |   });
334 | 
335 |   return filtered[0];
336 | }
337 | 
338 | function getUseLibStdCpp() {
339 |   var filtered = getInsightsOptions().filter(function(value, index, arr) { // eslint-disable-line no-unused-vars
340 |     return value.startsWith('use-libcpp');
341 |   });
342 | 
343 |   if (0 == filtered.length) {
344 |     return null;
345 |   }
346 | 
347 |   return filtered[0];
348 | }
349 | 
350 | function OnRunKeyDown(e) {
351 |   if (!((e.keyCode == 10 || e.keyCode == 13) && e.ctrlKey)) return;
352 |   Transform();
353 | }
354 | 
355 | function OnRunClicked(e) {
356 |   e.preventDefault();
357 |   Transform();
358 |   cppEditor.focus();
359 | }
360 | 
361 | function OnWaitForResultKeyDown(e) {
362 |   if (!((e.keyCode == 10 || e.keyCode == 13) && e.ctrlKey)) return;
363 |   stdErrEditor.setValue('A request is already in the air...');
364 | }
365 | 
366 | function OnWaitForResultRunClicked(e) {
367 |   e.preventDefault();
368 |   stdErrEditor.setValue('A request is already in the air...');
369 | }
370 | 
371 | function RunListenersSetup(addKeyDown, removeRunBtn, addRunBtn) {
372 |   window.onkeyup = addKeyDown;
373 | 
374 |   var runButton = document.querySelector('.button-run');
375 |   if (runButton) {
376 |     runButton.title = 'Run C++ Insights (' + (mac ? 'Cmd-Return' : 'Ctrl-Enter') + ')';
377 |     runButton.removeEventListener('click', removeRunBtn);
378 |     runButton.addEventListener('click', addRunBtn);
379 |   }
380 |   cppEditor.focus();
381 | }
382 | 
383 | function SetRunListeners() {
384 |   RunListenersSetup(OnRunKeyDown, OnWaitForResultRunClicked, OnRunClicked);
385 | }
386 | 
387 | // set them initially
388 | SetRunListeners();
389 | 
390 | function SetupRequestShortLinkListener() {
391 |   var requestShortLinkButton = document.querySelector('#rqslbtn');
392 |   if (requestShortLinkButton) {
393 |     requestShortLinkButton.title = 'Request short link';
394 |     requestShortLinkButton.addEventListener('click', RequestShortLink);
395 |   }
396 | }
397 | 
398 | SetupRequestShortLinkListener();
399 | 
400 | function RemoveRequestShortLinkListener() {
401 |   var requestShortLinkButton = document.querySelector('#rqslbtn');
402 |   if (requestShortLinkButton) {
403 |     requestShortLinkButton.removeEventListener('click', RequestShortLink);
404 |   }
405 | }
406 | 
407 | function SetWaitForResultListeners() {
408 |   RunListenersSetup(OnWaitForResultKeyDown, OnRunClicked, OnWaitForResultRunClicked);
409 | }
410 | 
411 | function CopyClick() { // eslint-disable-line no-unused-vars
412 |   var textToCopy = document.getElementById('lnkurl');
413 | 
414 |   textToCopy.select();
415 | 
416 |   document.execCommand('copy');
417 | }
418 | 
419 | function RequestShortLinkClick() { // eslint-disable-line no-unused-vars
420 |   RequestShortLink();
421 | }
422 | 
423 | // at least FireFox has a problem with just btoa with UTF-8 characters
424 | function b64UTFEncode(str) {
425 |   return btoa(encodeURIComponent(str).replace(/%([0-9A-F]{2})/g, function(match, v) {
426 |     return String.fromCharCode(parseInt(v, 16));
427 |   }));
428 | }
429 | 
430 | function updateLinkToCompilerExplorer() {
431 |   var cppstdparam = '-std=' + getCppStd().replace('cpp', 'c++');
432 | 
433 |   var libCpp = getUseLibStdCpp();
434 |   if (null != libCpp) {
435 |     cppstdparam += ' -stdlib=libc++';
436 |   }
437 | 
438 |   var clientstate = {
439 |     sessions: [{
440 |       id: 1,
441 |       language: 'c++',
442 |       source: cppEditor.getValue(),
443 |       compilers: [{
444 |         id: 'clang_trunk',
445 |         options: cppstdparam
446 |       }]
447 |     }]
448 |   };
449 | 
450 |   var link = location.protocol + '//compiler-explorer.com/clientstate/' + b64UTFEncode(JSON.stringify(clientstate));
451 |   var ceButton = document.getElementById('button-ce');
452 |   ceButton.href = link;
453 | }
454 | 
455 | document.querySelector('#button-ce').addEventListener('mousedown', function() {
456 |   updateLinkToCompilerExplorer();
457 | });
458 | 
459 | // From: https://github.com/mattgodbolt/compiler-explorer/pull/1823/files
460 | function asciiEncodeJsonText(json) {
461 |   return json.replace(/[\u007F-\uFFFF]/g, function(chr) {
462 |     // json unicode escapes must always be 4 characters long, so pad with leading zeros
463 |     return '\\u' + ('0000' + chr.charCodeAt(0).toString(16)).substr(-4);
464 |   });
465 | }
466 | 
467 | function updateLinkToQuickBench() {
468 |   var quickBenchState = {
469 |     text: cppEditor.getValue()
470 |   };
471 | 
472 |   var link = 'http:' /*location.protocol*/ + '//quick-bench.com/#' + b64UTFEncode(asciiEncodeJsonText(JSON.stringify(
473 |     quickBenchState)));
474 |   var qbButton = document.getElementById('button-qb');
475 |   qbButton.href = link;
476 | }
477 | 
478 | document.querySelector('#button-qb').addEventListener('mousedown', function() {
479 |   updateLinkToQuickBench();
480 | });
481 | 
482 | function getLongLinkBase() {
483 |   var cppStd = getCppStd();
484 |   var insightsOptions = getInsightsOptions();
485 |   var text = 'lnk?code=' + b64UTFEncode(cppEditor.getValue()) + '&insightsOptions=' +
486 |     insightsOptions + '&std=' + cppStd + '&rev=' + DEFAULT_REV;
487 | 
488 |   return text;
489 | }
490 | 
491 | document.querySelector('.button-create-link').addEventListener('click', function(event) {
492 |   event.preventDefault();
493 |   event.stopPropagation();
494 |   var text = buildURL('/' + getLongLinkBase());
495 | 
496 |   var lnkElement = document.getElementById('lnkurl');
497 |   lnkElement.value = text;
498 | 
499 |   var lnkDescElement = document.getElementById('lnkdesc');
500 |   lnkDescElement.value = '';
501 | 
502 |   var element = document.getElementById('copyDropdown');
503 |   element.classList.toggle('show');
504 | });
505 | 
506 | document.querySelector('.button-more').addEventListener('click', function(event) {
507 |   event.preventDefault();
508 |   event.stopPropagation();
509 | 
510 |   var element = document.getElementById('moreDropdown');
511 |   element.classList.toggle('show');
512 | });
513 | 
514 | window.onclick = function(event) {
515 |   if (!event.target.matches('.dropbtn') && !event.target.matches('.cpybtn') && !event.target.matches('#lnkurl') &&
516 |     !event.target.matches('#lnkdesc') && !event.target.matches('#rqslbtn')) {
517 | 
518 |     var dropdowns = document.getElementsByClassName('copyDownDownContent');
519 |     var i;
520 |     for (i = 0; i < dropdowns.length; i++) {
521 |       var openDropdown = dropdowns[i];
522 |       if (openDropdown.classList.contains('show')) {
523 |         openDropdown.classList.remove('show');
524 |       }
525 |     }
526 |   }
527 | };
528 | 
529 | // without trailing '/'
530 | function getURLBase() {
531 |   return location.protocol + '//' + location.hostname + (location.port ? ':' + location.port : '');
532 | }
533 | 
534 | function buildURL(url) {
535 |   return getURLBase() + url;
536 | }
537 | 
538 | // Send a transformation request to the server
539 | function Transform() { // eslint-disable-line no-unused-vars
540 | 
541 |   var request = new XMLHttpRequest();
542 | 
543 |   setLocalStorageItem('code', cppEditor.getValue());
544 |   setLocalStorageItem('insightsOptions', getInsightsOptions());
545 | 
546 |   request.onreadystatechange = function() {
547 |     if (this.readyState == 4 && this.status == 200) {
548 |       var response = JSON.parse(this.responseText);
549 |       cppOutEditor.setValue(response.stdout);
550 |       stdErrEditor.setValue(response.stderr);
551 |       SetRunListeners();
552 |     } else if (this.readyState == 4 && this.status != 200) {
553 |       stdErrEditor.setValue('Sorry, your request failed');
554 |       SetRunListeners();
555 |     }
556 |   };
557 | 
558 |   stdErrEditor.setValue('Waiting for response...');
559 | 
560 |   var url = buildURL('/api/v1/transform');
561 | 
562 |   request.open('POST', url, true);
563 |   request.setRequestHeader('Content-Type', 'application/json;charset=UTF-8');
564 | 
565 |   var data = {};
566 | 
567 |   data.insightsOptions = getInsightsOptions();
568 |   data.code = cppEditor.getValue();
569 | 
570 |   SetWaitForResultListeners();
571 |   request.send(JSON.stringify(data));
572 | }
573 | 
574 | // Send a short link request to the server
575 | function RequestShortLink() { // eslint-disable-line no-unused-vars
576 | 
577 |   var request = new XMLHttpRequest();
578 | 
579 |   request.onreadystatechange = function() {
580 |     var linkField = document.getElementById('lnkurl');
581 | 
582 |     if (this.readyState == 4 && this.status == 200) {
583 |       var response = JSON.parse(this.responseText);
584 | 
585 |       linkField.value = buildURL(response.shortlink);
586 |     } else if (this.readyState == 4 && this.status != 200) {
587 |       linkField.value = 'Sorry, your request failed';
588 |     }
589 | 
590 |     SetupRequestShortLinkListener();
591 |   };
592 | 
593 |   var linkField = document.getElementById('lnkurl');
594 |   var linkDescField = document.getElementById('lnkdesc');
595 |   var longLink = getLongLinkBase();
596 | 
597 |   // trim spaces and empty newlines from begin and end?
598 | 
599 |   linkField.value = 'Please wait...';
600 | 
601 |   var url = buildURL('/api/v1/getshortlink');
602 | 
603 |   request.open('POST', url, true);
604 |   request.setRequestHeader('Content-Type', 'application/json;charset=UTF-8');
605 | 
606 |   var data = {};
607 | 
608 |   data.longurl = longLink;
609 |   data.code = b64UTFEncode(cppEditor.getValue());
610 |   data.desc = b64UTFEncode(linkDescField.value);
611 |   data.rev = DEFAULT_REV;
612 |   data.std = getCppStd();
613 |   data.options = getInsightsOptions();
614 | 
615 |   RemoveRequestShortLinkListener();
616 | 
617 |   request.send(JSON.stringify(data));
618 | }
619 | 


--------------------------------------------------------------------------------
/app/static/js/settings.js:
--------------------------------------------------------------------------------
  1 | /* C++ Insights Web, copyright (c) by Andreas Fertig
  2 |    Distributed under an MIT license. See /LICENSE */
  3 | 
  4 | /* global getLocalStorageItem, setLocalStorageItem, storageAllowed, createComplianceCookie */
  5 | 
  6 | function toggleButton(divId, show) { // eslint-disable-line no-unused-vars
  7 |   var value = 'initial';
  8 | 
  9 |   if (!show) {
 10 |     value = 'none';
 11 | 
 12 |   }
 13 | 
 14 |   setLocalStorageItem(divId, value);
 15 | }
 16 | 
 17 | function applyTheme(dark) {
 18 |   if (dark) {
 19 |     document.body.setAttribute('data-theme', 'dark');
 20 |   } else {
 21 |     document.body.removeAttribute('data-theme');
 22 |   }
 23 | }
 24 | 
 25 | function toggleTheme(dark) {
 26 |   applyTheme(dark);
 27 | 
 28 |   setLocalStorageItem('dark-theme', dark);
 29 | }
 30 | 
 31 | function adjustTheme() {
 32 |   applyTheme(getLocalStorageItem('dark-theme', false));
 33 | }
 34 | 
 35 | var settingsConfiguration = [
 36 |   // name, get-function, set-function, requires cookies
 37 |   ['Accept cookies', storageAllowed, createComplianceCookie, false],
 38 |   ['Show community events', function() {
 39 |     return 'initial' === getLocalStorageItem('banner', 'initial');
 40 |   }, function(b) {
 41 |     toggleButton('banner', b);
 42 |   }, true],
 43 |   ['Minimize console', function() {
 44 |     return getLocalStorageItem('stderr-div', false);
 45 |   }, function(b) {
 46 |     setLocalStorageItem('stderr-div', !b);
 47 |   }, true],
 48 |   ['Use dark theme', function() {
 49 |     return getLocalStorageItem('dark-theme', false);
 50 |   }, toggleTheme, true],
 51 | ];
 52 | 
 53 | // settings
 54 | function SettingsHandler() {
 55 |   var settingsList = document.getElementById('settings');
 56 |   if (null == settingsList) {
 57 |     // settings page not loaded
 58 |     return;
 59 |   }
 60 | 
 61 |   while (settingsList.firstChild) {
 62 |     settingsList.removeChild(settingsList.firstChild);
 63 |   }
 64 | 
 65 |   function createSetting(item, index) {
 66 |     var li = document.createElement('li');
 67 | 
 68 |     var input = document.createElement('input');
 69 |     input.setAttribute('type', 'checkbox');
 70 |     var label = document.createElement('label');
 71 |     var text = document.createTextNode(item[0]);
 72 |     label.appendChild(text);
 73 | 
 74 |     input.checked = item[1]();
 75 | 
 76 |     // disable cookie related items, if cookies are not allowed
 77 |     if ((item[3] == true) && !storageAllowed()) {
 78 |       input.disabled = true;
 79 |     }
 80 | 
 81 |     li.appendChild(input);
 82 |     li.appendChild(label);
 83 | 
 84 |     input.addEventListener('change', (event) => {
 85 |       item[2](event.target.checked);
 86 | 
 87 |       if (0 == index) { // assuming that cookies are at pos 0
 88 |         // reload the entire list to prevent changes to cookie related items
 89 |         SettingsHandler();
 90 |       }
 91 |     });
 92 | 
 93 |     settingsList.appendChild(li);
 94 |   }
 95 | 
 96 |   settingsConfiguration.forEach(createSetting);
 97 | 
 98 | }
 99 | 
100 | SettingsHandler();
101 | 
102 | // set to dark if enabled
103 | adjustTheme();
104 | 


--------------------------------------------------------------------------------
/app/static/ms/Readme.md:
--------------------------------------------------------------------------------
1 | This is a third-party component and not covered by the license of the C++ Insights project.
2 | 


--------------------------------------------------------------------------------
/app/static/privacy-policy.html:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="utf-8"?>
  2 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3 | 
  4 | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5 | 
  6 | <head>
  7 |   <title>C++ Insights - Privacy Policy</title>
  8 |   <meta name="description" content="C++ Insights - See your source code with the eyes of a compiler." />
  9 |   <meta name="author" content="Andreas Fertig" />
 10 |   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 11 |   <meta http-equiv="Content-Style-Type" content="text/css" />
 12 | 
 13 |   <meta name="twitter:card" content="summary" />
 14 |   <meta name="twitter:site" content="@andreas__fertig" />
 15 |   <meta name="twitter:creator" content="@Andreas__Fertig" />
 16 |   <meta property="og:url" content="https://cppinsights.io/" />
 17 |   <meta property="og:title" content="C++ Insights" />
 18 |   <meta property="og:description" content="C++ Insights - See your source code with the eyes of a compiler." />
 19 |   <meta property="og:image" content="https://cppinsights.io/img/twcard.png" />
 20 | 
 21 | 
 22 |   <!--<link rel="shortcut icon" href="favicon.ico">-->
 23 |   <link rel="icon" type="image/png" href="/32.png" sizes="32x32">
 24 |   <link rel="icon" type="image/png" href="/16.png" sizes="16x16">
 25 | 
 26 |   <link rel="stylesheet" href="css/s.css" type="text/css">
 27 | </head>
 28 | 
 29 | <body>
 30 |   <main id="single">
 31 |     <nav id="nav">
 32 |       <controls>
 33 |         <img class="logo" src="/img/logo.svg" />
 34 |         <a class="btn btn-primary btn-lg" href="/">Home</a>
 35 |         <a class="btn btn-primary btn-lg" href="/about.html">About</a>
 36 |         <a class="btn btn-primary btn-lg" href="/privacy-policy.html" title="Policies">
 37 |           Policies
 38 |         </a>
 39 |         <a class="btn btn-primary btn-lg" href="/examples.html">Examples</a>
 40 |       </controls>
 41 | 
 42 |       <news>
 43 |       </news>
 44 | 
 45 |       <about>
 46 |         <div id="header">
 47 |           Made by <a target="_blank" href="https://andreasfertig.com">Andreas Fertig</a><br />Powered by <a target="_blank"
 48 |               href="http://flask.pocoo.org/">Flask</a> and <a target="_blank" href="https://codemirror.net">CodeMirror</a>
 49 |         </div>
 50 |       </about>
 51 | 
 52 |     </nav>
 53 | 
 54 |     <content>
 55 |       <h1>C++ Insights Privacy Policy</h1>
 56 | 
 57 | 
 58 |       <h3>Your Data</h3>
 59 | 
 60 |       <p>Your data always remains in your control.</p>
 61 | 
 62 |       <p>The source code you typed in the editor window is send to the C++ Insights server. At the server your source
 63 |         code is temporarily stored just to compile it, after that the source code on the server is deleted and the
 64 |         result
 65 |         is sent back to your browser.</p>
 66 | 
 67 |       <h2>Web logs</h2>
 68 | 
 69 |       <p>C++ Insights keeps web logs to be able to track down issues with the website. These logs are kept for a short
 70 |         period, after which they are permanently deleted.</p>
 71 | 
 72 |       <h2>Cookies &amp; Local Storage</h2>
 73 | 
 74 |       <p>C++ Insights uses small pieces of information stored on your computer: Cookies and Local Storage. These help
 75 |         to
 76 |         restore your source code the next time you visit C++ Insights. It also keeps the C++ Standard you have
 77 |         selected.
 78 |         This information is stored on your computer. Only during the translation it is temporarily transferred to the
 79 |         C++
 80 |         Insights server.</p>
 81 |       <p>They are only used with the user's permission. See the <a href="/cookie-policy.html">Cookie Policy</a> for
 82 |         more
 83 |         information.</p>
 84 | 
 85 |       <h2 id="shortlinks">Short Links</h2>
 86 | 
 87 |       <p>A user can decide to create a short link using the C++ Insights web-interface. The code as well as a time
 88 |         stamp
 89 |         and all compiler/insights options are stored in a database together with the short link id. You have no
 90 |         guarantees, that the links will be kept forever.</p>
 91 | 
 92 |       <h3>C++ Insights and the GDPR</h3>
 93 | 
 94 |       <h2>Name and Address of the controller</h2>
 95 |       <p>The Controller for the purposes of the General Data Protection Regulation (GDPR), other data protection laws
 96 |         applicable in member states of the European Union and other provisions related to data protection is:</p>
 97 | 
 98 |       <p>Andreas Fertig, <code>andy at cppinsights.io</code></p>
 99 |       <div id="footer">
100 |         Made by <a target="_blank" href="https://andreasfertig.com">Andreas Fertig</a> &bull; Powered by <a target="_blank"
101 |             href="http://flask.pocoo.org/">Flask</a> and <a target="_blank" href="https://codemirror.net">CodeMirror</a>
102 |       </div>
103 |     </content>
104 | 
105 | 
106 |   </main>
107 | 
108 | 
109 | </body>
110 | 
111 | </html>
112 | 


--------------------------------------------------------------------------------
/app/static/robots.txt:
--------------------------------------------------------------------------------
1 | User-agent: *
2 | Disallow:
3 | 


--------------------------------------------------------------------------------
/app/static/settings.html:
--------------------------------------------------------------------------------
 1 | <html lang="en">
 2 | 
 3 | <head>
 4 |   <title>C++ Insights - Settings</title>
 5 |   <meta name="description" content="C++ Insights - See your source code with the eyes of a compiler." />
 6 |   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 7 |   <meta http-equiv="Content-Style-Type" content="text/css" />
 8 | 
 9 |   <!--<link rel="shortcut icon" href="favicon.ico">-->
10 |   <link rel="icon" type="image/png" href="/32.png" sizes="32x32">
11 |   <link rel="icon" type="image/png" href="/16.png" sizes="16x16">
12 | 
13 |   <link rel="stylesheet" href="/css/s.css" type="text/css">
14 | </head>
15 | 
16 | <body>
17 |   <main id="single">
18 |     <nav id="nav">
19 |       <controls>
20 |         <img class="logo" src="32.png" />
21 |         <a class="btn btn-primary btn-lg" href="/">Home</a>
22 |         <a class="btn btn-primary btn-lg" href="/about.html">About</a>
23 |         <a class="btn btn-primary btn-lg" href="/privacy-policy.html" title="Policies">
24 |           Policies
25 |         </a>
26 |         <a class="btn btn-primary btn-lg" href="/examples.html">Examples</a>
27 |         <a class="btn btn-primary btn-lg" href="/settings.html">Settings</a>
28 |       </controls>
29 | 
30 |       <news>
31 |       </news>
32 | 
33 |       <about>
34 |         <div id="header">
35 |           Made by <a target="_blank" href="https://andreasfertig.com">Andreas Fertig</a><br />Powered by <a target="_blank"
36 |               href="http://flask.pocoo.org/">Flask</a> and <a target="_blank" href="https://codemirror.net">CodeMirror</a>
37 |         </div>
38 |       </about>
39 | 
40 |     </nav>
41 | 
42 |     <content>
43 |       <h1>C++ Insights - Local Settings</h1>
44 | 
45 |       <ul id="settings">
46 |       </ul>
47 | 
48 | 
49 |       <div id="footer">
50 |         Made by <a target="_blank" href="https://andreasfertig.com">Andreas Fertig</a> &bull; Powered by <a target="_blank"
51 |             href="http://flask.pocoo.org/">Flask</a> and <a target="_blank" href="https://codemirror.net">CodeMirror</a>
52 |       </div>
53 |     </content>
54 | 
55 |   </main>
56 | 
57 |   <script src="/js/cookie.js"></script>
58 |   <script src="/js/settings.js"></script>
59 | 
60 | </body>
61 | 
62 | </html>
63 | 


--------------------------------------------------------------------------------
/app/static/sitemap.xml:
--------------------------------------------------------------------------------
 1 | <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
 2 |     <url>
 3 |         <loc>https://cppinsights.io</loc>
 4 |     </url>
 5 |     <url>
 6 |         <loc>https://cppinsights.io/about.html</loc>
 7 |     </url>
 8 |     <url>
 9 |         <loc>https://cppinsights.io/cookie-policy.html</loc>
10 |     </url>
11 |     <url>
12 |         <loc>https://cppinsights.io/privacy-policy.html</loc>
13 |     </url>
14 |     <url>
15 |         <loc>https://cppinsights.io/examples.html</loc>
16 |     </url>
17 | </urlset>
18 | 


--------------------------------------------------------------------------------
/app/templates/404.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html lang="en">
 3 | 
 4 | <head>
 5 |   <title>C++ Insights - 404</title>
 6 |   <meta name="description" content="C++ Insights - See your source code with the eyes of a compiler." />
 7 |   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 8 |   <meta http-equiv="Content-Style-Type" content="text/css" />
 9 | 
10 |   <!--<link rel="shortcut icon" href="favicon.ico">-->
11 |   <link rel="icon" type="image/png" href="/32.png" sizes="32x32">
12 |   <link rel="icon" type="image/png" href="/16.png" sizes="16x16">
13 | 
14 |   <link rel="stylesheet" href="/css/s.css" type="text/css">
15 | </head>
16 | 
17 | <body>
18 |   <main id="single">
19 |     <nav id="nav">
20 |       <controls>
21 |         <img class="logo" src="/img/logo.svg" />
22 |         <a class="btn btn-primary btn-lg" href="/">Home</a>
23 |         <a class="btn btn-primary btn-lg" href="/about.html">About</a>
24 |         <a class="btn btn-primary btn-lg" href="/privacy-policy.html" title="Policies">
25 |           Policies
26 |         </a>
27 |         <a class="btn btn-primary btn-lg" href="/examples.html">Examples</a>
28 |         <a class="btn btn-primary btn-lg" href="/settings.html">Settings</a>
29 |       </controls>
30 | 
31 |       <news>
32 |       </news>
33 | 
34 |       <about>
35 |         <div id="header">
36 |           Made by <a target="_blank" href="https://andreasfertig.com">Andreas Fertig</a><br />Powered by <a target="_blank"
37 |               href="http://flask.pocoo.org/">Flask</a> and <a target="_blank" href="https://codemirror.net">CodeMirror</a>
38 |         </div>
39 |       </about>
40 | 
41 |     </nav>
42 | 
43 |     <content>
44 |       <h1>404 - Page Not Found</h1>
45 | 
46 |       Sorry, the content your are looking for is not there.
47 | 
48 |       <div id="footer">
49 |         Made by <a target="_blank" href="https://andreasfertig.com">Andreas Fertig</a> &bull; Powered by <a target="_blank"
50 |             href="http://flask.pocoo.org/">Flask</a> and <a target="_blank" href="https://codemirror.net">CodeMirror</a>
51 |       </div>
52 |     </content>
53 | 
54 |   </main>
55 | 
56 | </body>
57 | 
58 | </html>
59 | 


--------------------------------------------------------------------------------
/app/templates/index.html:
--------------------------------------------------------------------------------
  1 | <!doctype html>
  2 | 
  3 | <html lang="en">
  4 | 
  5 | <head>
  6 |   <title>C++ Insights{{ desc }}</title>
  7 |   <meta name="description" content="C++ Insights{{ desc or ' - See your source code with the eyes of a compiler.' }}" />
  8 |   <meta name="author" content="Andreas Fertig" />
  9 |   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 10 |   <meta http-equiv="Content-Style-Type" content="text/css" />
 11 | 
 12 |   <!-- codemirror includes -->
 13 |   <link rel="stylesheet" href="/cm/codemirror.css">
 14 |   <script src="/cm/codemirror.js"></script>
 15 |   <script src="/cm/matchbrackets.js"></script>
 16 |   <link rel="stylesheet" href="cm/show-hint.css">
 17 |   <script src="/cm/active-line.js"></script>
 18 |   <script src="/cm/show-hint.js"></script>
 19 |   <script src="/cm/clike.js"></script><!-- codemirror includes end -->
 20 | 
 21 |   <meta name="supported-color-schemes" content="light dark">
 22 |   <meta name="color-schemes" content="light dark">
 23 | 
 24 |   <meta name="twitter:card" content="summary" />
 25 |   <meta name="twitter:site" content="@andreas__fertig" />
 26 |   <meta name="twitter:creator" content="@Andreas__Fertig" />
 27 |   <meta property="og:url" content="https://cppinsights.io/" />
 28 |   <meta property="og:title" content="C++ Insights{{ desc }}" />
 29 |   <meta property="og:description" content="{{ twdesc or 'C++ Insights - See your source code with the eyes of a compiler.' }}" />
 30 |   <meta property="og:image" content="https://cppinsights.io/img/twcard.png" />
 31 | 
 32 |   <!--<link rel="shortcut icon" href="favicon.ico">-->
 33 |   <link rel="icon" type="image/png" href="/32.png" sizes="32x32">
 34 |   <link rel="icon" type="image/png" href="/16.png" sizes="16x16">
 35 | 
 36 |   <link rel="stylesheet" href="/css/s.css" type="text/css">
 37 | </head>
 38 | 
 39 | <body>
 40 |   <main id="allmain">
 41 |     <nav id="nav">
 42 |       <controls>
 43 |         <img class="logo" src="/img/logo.svg" />
 44 |         <button class="btn btn-primary btn-lg icon-run button-run"></button>
 45 |         <button class="btn btn-primary btn-lg icon-save button-download" title="Download source"></button>
 46 |         <button class="btn btn-primary btn-lg icon-load button-upload" title="Upload source"></button>
 47 |         <input id="file-input" type="file">
 48 |         <span class="copy-group">
 49 |           <button class="btn btn-primary btn-lg icon-link button-create-link" title="Create URL to source"></button>
 50 |           <div id="copyDropdown" class="copyDownDownContent">
 51 |             <div class="dropdown-table">
 52 |               <div class="input-group input-group-url-row">
 53 |                 <div>
 54 |                   <div class="cell-left"><input id="lnkurl" value="" type="text" readonly></div>
 55 |                   <div class="cell-right"><span class="input-group2-button">
 56 |                       <button class="cpybtn" type="button" onclick="CopyClick()">
 57 |                         <img class="clip" src="/img/clb.svg" alt="Copy" width="13">
 58 |                       </button>
 59 |                     </span>
 60 |                   </div>
 61 |                 </div>
 62 |               </div>
 63 |               <div>
 64 |                 <div class="sldesc"><input id="lnkdesc" placeholder="Enter your description..." value="" type="text">
 65 |                 </div>
 66 |               </div>
 67 |               <div>
 68 |                 <button id="rqslbtn" class="reqslbtn" type="button">
 69 |                   Request Short Link
 70 |                 </button>
 71 |               </div>
 72 |             </div>
 73 |           </div>
 74 |         </span>
 75 |         <a class="btn btn-primary btn-lg" id="button-ce" href="https://compiler-explorer.com/" target="_blank" title="Open in Compiler Explorer">
 76 |           <img class="cebutton" src="/img/ce.svg" alt="Compiler Explorer">
 77 |         </a>
 78 |         <a class="btn btn-primary btn-lg" id="button-qb" href="http://quick-bench.com/" target="_blank" title="Open in Quick Bench">
 79 |           <img class="qbbutton" src="/img/qb.svg" alt="Quick C++ Benchmark">
 80 |         </a>
 81 | 
 82 | 
 83 |         <select id="insightsOptions" title="C++ Insights Options" multiple="multiple" data-toggle="select">
 84 |           {% for value in selectedInsightsOptions %}
 85 | 
 86 |           {% if value.label %}
 87 |           <optgroup label="{{ value.name }}">
 88 | 
 89 |             {% elif value.single %}
 90 |             <option value="{{ value.desc }}" class="single" {% if value.selected %} selected="selected" {% endif %}>
 91 |               {{ value.name }}</option>
 92 | 
 93 |             {% else %}
 94 |             <option value="{{ value.desc }}" {% if value.selected %} selected="selected" {% endif %}>{{ value.name }}
 95 |             </option>
 96 |             {% endif %}
 97 |             {% endfor %}
 98 |         </select>
 99 | 
100 |         <select id="fontSizer" title="Font size" multiple="multiple" data-toggle="select">
101 |           <option value="initial" class="fonts">Default</option>
102 |           <option value="15px" class="fonts">15</option>
103 |           <option value="18px" class="fonts">18</option>
104 |           <option value="20px" class="fonts">20</option>
105 |           <option value="22px" class="fonts">22</option>
106 |           <option value="26px" class="fonts">26</option>
107 |         </select>
108 | 
109 |         <span class="copy-group">
110 |           <div class="btn-parent">
111 |             <button class="btn btn-primary btn-lg button-more" title="More..."><span>More</span>
112 |               <div></div>
113 |             </button>
114 |           </div>
115 |           <div id="moreDropdown" class="moreDownDownContent">
116 |             <div class="input-group">
117 |               <span class="input-group-button">
118 |                 <button class="morebtn" type="button">
119 |                   <a href="https://github.com/andreasfertig/cppinsights" target="_blank" title="C++ Insights on GitHub">
120 |                     GitHub
121 |                   </a> </button>
122 |               </span>
123 |             </div>
124 |             <div class="input-group">
125 |               <span class="input-group-button">
126 |                 <button class="morebtn" type="button">
127 |                   <a href="https://www.patreon.com/cppinsights" target="_blank" title="Become a patron">
128 |                     Patreon
129 |                   </a> </button>
130 |               </span>
131 |             </div>
132 |             <div class="input-group">
133 |               <span class="input-group-button">
134 |                 <button class="morebtn" type="button">
135 |                   <a href="https://github.com/andreasfertig/cppinsights/issues" target="_blank" title="See existing issues on GitHub">
136 |                     Issues
137 |                   </a> </button>
138 |               </span>
139 |             </div>
140 |             <div class="input-group">
141 |               <span class="input-group-button">
142 |                 <button class="morebtn" type="button">
143 |                   <a href="/about.html" title="About C++ Insights">
144 |                     About
145 |                   </a>
146 |                 </button>
147 |               </span>
148 |             </div>
149 |             <div class="input-group">
150 |               <span class="input-group-button">
151 |                 <button class="morebtn" type="button">
152 |                   <a href="/privacy-policy.html" title="Policies">
153 |                     Policies
154 |                   </a>
155 |                 </button>
156 |               </span>
157 |             </div>
158 |             <div class="input-group">
159 |               <span class="input-group-button">
160 |                 <button class="morebtn" type="button">
161 |                   <a href="/examples.html" title="Examples">
162 |                     Examples
163 |                   </a>
164 |                 </button>
165 |               </span>
166 |             </div>
167 |             <div class="input-group">
168 |               <span class="input-group-button">
169 |                 <button class="morebtn" type="button">
170 |                   <a href="https://www.youtube.com/watch?v=NhIubRbFfuM&list=PLm0Dc2Lp2ycaFyR2OqPkusuSB8LmifY8D" title="C++ Insights @ YouTube">
171 |                     C++ Insights @ YouTube
172 |                   </a>
173 |                 </button>
174 |               </span>
175 |             </div>
176 |             <div class="input-group">
177 |               <span class="input-group-button">
178 |                 <button class="morebtn" type="button">
179 |                   <a href="/settings.html" title="C++ Insights local settings">
180 |                     Settings
181 |                   </a>
182 |                 </button>
183 |               </span>
184 |             </div>
185 |             <div class="input-group">
186 |               <span class="input-group-button">
187 |                 <button class="morebtn" type="button">
188 |                   <a href="/version" title="C++ Insights version information">
189 |                     Version
190 |                   </a>
191 |                 </button>
192 |               </span>
193 |             </div>
194 |           </div>
195 |         </span>
196 |       </controls>
197 | 
198 |       <news>
199 |         <div id="banner" class="{{ communityEventHide }}">
200 |           <a href="{{ communitylink }}" target="_blank">{{ communitytitle }}</a><button onclick="toggleButton('banner')">×</button>
201 |         </div>
202 | 
203 |       </news>
204 | 
205 |       <about>
206 |         <div id="header">
207 |           Made by <a target="_blank" href="https://andreasfertig.com">Andreas Fertig</a><br />Powered by <a target="_blank"
208 |               href="http://flask.pocoo.org/">Flask</a> and <a target="_blank" href="https://codemirror.net">CodeMirror</a>
209 |         </div>
210 |       </about>
211 |     </nav>
212 | 
213 |     <srcin id="instd">
214 |       <div id="stdin">
215 |         <h2>Source:</h2>
216 |         <textarea name="code" id="cpp-code" rows="20" cols="120">{{ code }}</textarea>
217 |       </div>
218 |     </srcin>
219 | 
220 |     <vdragbar id="vdragbar">
221 |     </vdragbar>
222 | 
223 |     <insights id="outstd">
224 |       <div id="stdout">
225 |         <h2>Insight:</h2>
226 |         <textarea name="code-out" id="cpp-code-out" rows="20" cols="120">{{ stdout }}</textarea>
227 |       </div>
228 |     </insights>
229 | 
230 |     <hdragbar id="hdragbar">
231 |     </hdragbar>
232 | 
233 | 
234 |     <console id="errstd">
235 |       <div class="stderr" id="stderr">
236 |         <h2>Console: <button onclick="toggleConsole()" id="console-btn"></button></h2>
237 |         <div id="stderr-div"><textarea id="stderr-out" rows="5">{{ stderr }}</textarea></div>
238 |       </div>
239 |     </console>
240 | 
241 |     <div id="footer">
242 |       Made by <a target="_blank" href="https://andreasfertig.com">Andreas Fertig</a> &bull;
243 |       Powered by <a target="_blank" href="http://flask.pocoo.org/">Flask</a> and
244 |       <a target="_blank" href="https://codemirror.net">CodeMirror</a>
245 |     </div>
246 | 
247 |   </main>
248 | 
249 |   <script src="/ms/jquery-3.3.1.js"></script>
250 |   <script src="/ms/multiple-select.js"></script>
251 |   <script src="/js/cookie.js"></script>
252 |   <script src="/js/settings.js"></script>
253 |   <script src="/js/main.js"></script>
254 | 
255 | </body>
256 | 
257 | </html>
258 | 


--------------------------------------------------------------------------------
/app/templates/version.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html lang="en">
 3 | 
 4 | <head>
 5 |   <title>C++ Insights - Version Information</title>
 6 |   <meta name="description" content="C++ Insights - See your source code with the eyes of a compiler." />
 7 |   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 8 |   <meta http-equiv="Content-Style-Type" content="text/css" />
 9 | 
10 |   <!--<link rel="shortcut icon" href="favicon.ico">-->
11 |   <link rel="icon" type="image/png" href="/32.png" sizes="32x32">
12 |   <link rel="icon" type="image/png" href="/16.png" sizes="16x16">
13 | 
14 |   <link rel="stylesheet" href="/css/s.css" type="text/css">
15 | </head>
16 | 
17 | <body>
18 |   <main id="single">
19 |     <nav id="nav">
20 |       <controls>
21 |         <img class="logo" src="/img/logo.svg" />
22 |         <a class="btn btn-primary btn-lg" href="/">Home</a>
23 |         <a class="btn btn-primary btn-lg" href="/about.html">About</a>
24 |         <a class="btn btn-primary btn-lg" href="/privacy-policy.html" title="Policies">
25 |           Policies
26 |         </a>
27 |         <a class="btn btn-primary btn-lg" href="/examples.html">Examples</a>
28 |         <a class="btn btn-primary btn-lg" href="/settings.html">Settings</a>
29 |       </controls>
30 | 
31 |       <news>
32 |       </news>
33 | 
34 |       <about>
35 |         <div id="header">
36 |           Made by <a target="_blank" href="https://andreasfertig.com">Andreas Fertig</a><br />Powered by <a target="_blank"
37 |               href="http://flask.pocoo.org/">Flask</a> and <a target="_blank" href="https://codemirror.net">CodeMirror</a>
38 |         </div>
39 |       </about>
40 | 
41 |     </nav>
42 | 
43 |     <content>
44 |       <h1>C++ Insights Version Information</h1>
45 | 
46 |       {{ version|safe }}
47 | 
48 | 
49 |       <div id="cm-version">CodeMirror: </div>
50 | 
51 |       <div id="footer">
52 |         Made by <a target="_blank" href="https://andreasfertig.com">Andreas Fertig</a> &bull; Powered by <a target="_blank"
53 |             href="http://flask.pocoo.org/">Flask</a> and <a target="_blank" href="https://codemirror.net">CodeMirror</a>
54 |       </div>
55 |     </content>
56 | 
57 |   </main>
58 | 
59 |   <script src="/cm/codemirror.js"></script>
60 |   <script>
61 |     var el = document.getElementById('cm-version');
62 |     el.innerHTML += CodeMirror.version;
63 | 
64 |   </script>
65 | 
66 | </body>
67 | 
68 | </html>
69 | 


--------------------------------------------------------------------------------
/deploy_rsa.enc:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/andreasfertig/cppinsights-web/13b1b4886e5037313c9a8957332aead088c27795/deploy_rsa.enc


--------------------------------------------------------------------------------
/insights.wsgi:
--------------------------------------------------------------------------------
1 | #!/usr/bin/python
2 | import sys
3 | import logging
4 | logging.basicConfig(stream=sys.stderr)
5 | sys.path.insert(0,"/home/insights/public_html/insights")
6 | 
7 | from insights import app as application
8 | 


--------------------------------------------------------------------------------
/local.py:
--------------------------------------------------------------------------------
 1 | #! /usr/bin/env python3
 2 | # -*- coding: utf-8 -*-
 3 | #
 4 | # C++ Insights Web, copyright (c) by Andreas Fertig
 5 | # Distributed under an MIT license. See /LICENSE
 6 | #------------------------------------------------------------------------------
 7 | 
 8 | import app
 9 | #------------------------------------------------------------------------------
10 | 
11 | if __name__ == "__main__":
12 |     a = app.getApp()
13 |     # set the parameters for running it without sudo
14 |     a.config['USE_DOCKER']  = True
15 |     a.config['USE_SUDO']    = False
16 | 
17 |     # run the app
18 |     a.run(host='0.0.0.0')
19 | #------------------------------------------------------------------------------
20 | 
21 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "cppinsights-web",
 3 |   "version": "1.0.0",
 4 |   "description": "C++ Insights - Web Front-End",
 5 |   "main": "index.js",
 6 |   "scripts": {
 7 |     "test": "nyc mocha",
 8 |     "report-coverage": "nyc --reporter=lcov npm test"
 9 |   },
10 |   "repository": {
11 |     "type": "git",
12 |     "url": "git+https://github.com/andreasfertig/cppinsights-web.git"
13 |   },
14 |   "author": "Andreas Fertig",
15 |   "license": "MIT",
16 |   "bugs": {
17 |     "url": "https://github.com/andreasfertig/cppinsights-web/issues"
18 |   },
19 |   "homepage": "https://github.com/andreasfertig/cppinsights-web#readme",
20 |   "dependencies": {
21 |     "grunt": "1.6.1",
22 |     "grunt-cli": "^1.4.3",
23 |     "js-beautify": "^1.8.8",
24 |     "uglify-es": "github:mishoo/UglifyJS2#harmony"
25 |   },
26 |   "devDependencies": {
27 |     "async": "^3.2.5",
28 |     "eslint": "^8.56.0",
29 |     "grunt-contrib-copy": "^1.0.0",
30 |     "grunt-contrib-cssmin": "^5.0.0",
31 |     "grunt-contrib-htmlmin": "^3.1.0",
32 |     "grunt-contrib-imagemin": "^4.0.0",
33 |     "grunt-contrib-uglify": "^5.0.1",
34 |     "grunt-contrib-uglify-es": "^3.3.0",
35 |     "grunt-eslint": "^24.3.0",
36 |     "grunt-jsbeautifier": "^0.2.13",
37 |     "grunt-shell": "^4.0.0",
38 |     "grunt-string-replace": "^1.3.1",
39 |     "grunt-svgmin": "^7.0.0",
40 |     "jsdom": "24.0.0",
41 |     "jsdom-global": "3.0.2",
42 |     "mocha": "^10.3.0",
43 |     "nyc": "^15.1.0"
44 |   }
45 | }
46 | 


--------------------------------------------------------------------------------
/pics/window-maximize.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2 | <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="10" height="10" viewBox="0 0 10 10">
3 |  <g stroke="#808080" fill="none">
4 |   <path d="m0,0 10,0 0,10 -10,0 0,-10"/>
5 |   <path d="m0,1 10,0" stroke-width="2"/>
6 |  </g>
7 | </svg>
8 | 


--------------------------------------------------------------------------------
/pics/window-minimize.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2 | <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10">
3 |  <g stroke="#808080" fill="none">
4 |   <path d="m0,10 10,0" stroke-width="3"/>
5 |  </g>
6 | </svg>
7 | 
8 | 


--------------------------------------------------------------------------------
/requirements.txt:
--------------------------------------------------------------------------------
1 | flask
2 | pysqlite3-binary
3 | 


--------------------------------------------------------------------------------
/requirements_gh.txt:
--------------------------------------------------------------------------------
1 | flask
2 | pysqlite3
3 | coverage
4 | testfixtures
5 | mock
6 | 


--------------------------------------------------------------------------------
/test/cookie.test.js:
--------------------------------------------------------------------------------
 1 | require('jsdom-global')()
 2 | 
 3 | var app = require('../app/static/js/cookie.js');
 4 | 
 5 | // insert an additional cookie at front to test parsing multiple cookies
 6 | function createCookie(name, value) {
 7 |   var days = 365;
 8 |   var date = new Date();
 9 |   date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
10 |   var expires = '; expires=' + date.toGMTString();
11 | 
12 |   document.cookie = name + '=' + value + expires + '; path=/';
13 | }
14 | 
15 | var assert = require('assert');
16 | describe('Cookie', function() {
17 |   createCookie('dummy', 'nothing');
18 |   // banner gets inserted during window load
19 |   app.onLoad();
20 | 
21 |   it('innerHTML contains cookie-law node', function() {
22 |     assert.notEqual(document.getElementById('cookie-law'), null);
23 |   });
24 | 
25 |   it('storageAllowed returns false at startup', function() {
26 |     assert.equal(app.storageAllowed(), false);
27 |   });
28 | 
29 |   it('User declines cookie -> cookieAccept(false)', function() {
30 |     // user clicks decline
31 |     app.cookieAccept(false);
32 | 
33 |     assert.equal(app.storageAllowed(), false);
34 |     assert.equal(document.getElementById('cookie-law'), null);
35 |   });
36 | 
37 |   it('User accepts cookie -> cookieAccept(true)', function() {
38 |     // simulate reload
39 |     this.jsdom = require('jsdom-global')()
40 |     app.onLoad();
41 | 
42 |     // user clicks accept
43 |     app.cookieAccept(true);
44 | 
45 |     assert.equal(app.storageAllowed(), true);
46 |     assert.equal(document.getElementById('cookie-law'), null);
47 |   });
48 | 
49 |   it('ensure no cookie banner is shown', function() {
50 |     // simulate reload
51 |     var cookie = document.cookie; // keep existing cookies
52 |     this.jsdom = require('jsdom-global')() // reset the DOM
53 |     document.cookie = cookie; // restore existing cookies
54 |     app.onLoad(); // reload
55 | 
56 |     assert.equal(document.getElementById('cookie-law'), null);
57 |   });
58 | 
59 | });
60 | 


--------------------------------------------------------------------------------