28 | {#each comment.comments as child}
29 |
30 | {/each}
31 |
32 | ...don't affect this element
-------------------------------------------------------------------------------- /public/examples/00-introduction/03-nested-components/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Nested components" 3 | } -------------------------------------------------------------------------------- /public/examples/04-events/05-dom-event-forwarding/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "DOM event forwarding" 3 | } -------------------------------------------------------------------------------- /public/examples/05-bindings/07-each-block-bindings/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Each block bindings" 3 | } -------------------------------------------------------------------------------- /public/examples/05-bindings/11-component-bindings/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Component bindings" 3 | } -------------------------------------------------------------------------------- /public/examples/06-lifecycle/02-update/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "beforeUpdate and afterUpdate" 3 | } -------------------------------------------------------------------------------- /public/examples/07-stores/01-auto-subscriptions/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Auto-subscriptions" 3 | } -------------------------------------------------------------------------------- /public/examples/09-transitions/00-transition/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "The transition directive" 3 | } -------------------------------------------------------------------------------- /public/examples/09-transitions/05-transition-events/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Transition events" 3 | } -------------------------------------------------------------------------------- /public/examples/15-context/00-context-api/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "setContext and getContext" 3 | } -------------------------------------------------------------------------------- /public/examples/16-special-elements/02-svelte-window/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Hello {name}!
-------------------------------------------------------------------------------- /public/examples/07-stores/00-writable-stores/stores.js: -------------------------------------------------------------------------------- 1 | import { writable } from 'svelte/store'; 2 | 3 | export const count = writable(0); -------------------------------------------------------------------------------- /public/examples/02-props/00-declaring-props/Nested.svelte: -------------------------------------------------------------------------------- 1 | 4 | 5 |The answer is {answer}
-------------------------------------------------------------------------------- /public/examples/07-stores/01-auto-subscriptions/stores.js: -------------------------------------------------------------------------------- 1 | import { writable } from 'svelte/store'; 2 | 3 | export const count = writable(0); -------------------------------------------------------------------------------- /public/examples/02-props/00-declaring-props/App.svelte: -------------------------------------------------------------------------------- 1 | 4 | 5 |The answer is {answer}
-------------------------------------------------------------------------------- /public/examples/16-special-elements/01-svelte-component/BlueThing.svelte: -------------------------------------------------------------------------------- 1 | 4 | 5 | blue thing -------------------------------------------------------------------------------- /public/examples/16-special-elements/01-svelte-component/RedThing.svelte: -------------------------------------------------------------------------------- 1 | 4 | 5 | red thing -------------------------------------------------------------------------------- /public/fonts/roboto/roboto-latin-400.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mjgartendev/svelte-monaco-playground/HEAD/public/fonts/roboto/roboto-latin-400.woff2 -------------------------------------------------------------------------------- /public/fonts/roboto/roboto-latin-500.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mjgartendev/svelte-monaco-playground/HEAD/public/fonts/roboto/roboto-latin-500.woff2 -------------------------------------------------------------------------------- /public/examples/02-props/01-default-values/App.svelte: -------------------------------------------------------------------------------- 1 | 4 | 5 |{@html string}
-------------------------------------------------------------------------------- /public/fonts/fira-mono/fira-mono-latin-400.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mjgartendev/svelte-monaco-playground/HEAD/public/fonts/fira-mono/fira-mono-latin-400.woff2 -------------------------------------------------------------------------------- /public/fonts/overpass/overpass-latin-100.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mjgartendev/svelte-monaco-playground/HEAD/public/fonts/overpass/overpass-latin-100.woff2 -------------------------------------------------------------------------------- /public/fonts/overpass/overpass-latin-300.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mjgartendev/svelte-monaco-playground/HEAD/public/fonts/overpass/overpass-latin-300.woff2 -------------------------------------------------------------------------------- /public/fonts/overpass/overpass-latin-400.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mjgartendev/svelte-monaco-playground/HEAD/public/fonts/overpass/overpass-latin-400.woff2 -------------------------------------------------------------------------------- /public/fonts/overpass/overpass-latin-600.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mjgartendev/svelte-monaco-playground/HEAD/public/fonts/overpass/overpass-latin-600.woff2 -------------------------------------------------------------------------------- /public/fonts/overpass/overpass-latin-700.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mjgartendev/svelte-monaco-playground/HEAD/public/fonts/overpass/overpass-latin-700.woff2 -------------------------------------------------------------------------------- /public/fonts/roboto/roboto-latin-400italic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mjgartendev/svelte-monaco-playground/HEAD/public/fonts/roboto/roboto-latin-400italic.woff2 -------------------------------------------------------------------------------- /public/fonts/roboto/roboto-latin-500italic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mjgartendev/svelte-monaco-playground/HEAD/public/fonts/roboto/roboto-latin-500italic.woff2 -------------------------------------------------------------------------------- /firestore.rules: -------------------------------------------------------------------------------- 1 | service cloud.firestore { 2 | match /databases/{database}/documents { 3 | match /{document=**} { 4 | allow read, write; 5 | } 6 | } 7 | } -------------------------------------------------------------------------------- /storage.rules: -------------------------------------------------------------------------------- 1 | service firebase.storage { 2 | match /b/{bucket}/o { 3 | match /{allPaths=**} { 4 | allow read, write: if request.auth!=null; 5 | } 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /public/examples/16-special-elements/05-svelte-head/App.svelte: -------------------------------------------------------------------------------- 1 |Hello world!
-------------------------------------------------------------------------------- /public/examples/00-introduction/02-styling/App.svelte: -------------------------------------------------------------------------------- 1 | 8 | 9 |Styled!
-------------------------------------------------------------------------------- /public/examples/05-bindings/00-text-inputs/App.svelte: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 |Hello {name || 'stranger'}!
-------------------------------------------------------------------------------- /public/examples/14-composition/00-slots/App.svelte: -------------------------------------------------------------------------------- 1 | 4 | 5 |Hello!
7 |This is a box. It can contain anything.
8 |Hello!
7 |This is a box. It can contain anything.
8 |{a} + {b} = {a + b}
-------------------------------------------------------------------------------- /src/main.js: -------------------------------------------------------------------------------- 1 | import App from './App.svelte'; 2 | const app = new App({ 3 | target: document.body, 4 | hydrateable: true, 5 | props: { 6 | previewType: "live" 7 | } 8 | }); 9 | 10 | window.app = app; 11 | 12 | export default app; -------------------------------------------------------------------------------- /public/examples/04-events/03-component-events/App.svelte: -------------------------------------------------------------------------------- 1 | 8 | 9 |{x} is greater than 10
7 | {:else if 5 > x} 8 |{x} is less than 5
9 | {:else} 10 |{x} is between 5 and 10
11 | {/if} -------------------------------------------------------------------------------- /public/examples/07-stores/00-writable-stores/Decrementer.svelte: -------------------------------------------------------------------------------- 1 | 8 | 9 | -------------------------------------------------------------------------------- /public/examples/07-stores/00-writable-stores/Incrementer.svelte: -------------------------------------------------------------------------------- 1 | 8 | 9 | -------------------------------------------------------------------------------- /public/examples/07-stores/01-auto-subscriptions/Decrementer.svelte: -------------------------------------------------------------------------------- 1 | 8 | 9 | -------------------------------------------------------------------------------- /public/examples/07-stores/01-auto-subscriptions/Incrementer.svelte: -------------------------------------------------------------------------------- 1 | 8 | 9 | -------------------------------------------------------------------------------- /public/examples/02-props/02-spread-props/App.svelte: -------------------------------------------------------------------------------- 1 | 11 | 12 |{valueAtStart} / {value}
-------------------------------------------------------------------------------- /public/browserconfig.xml: -------------------------------------------------------------------------------- 1 | 2 |These styles...
14 |
10 | The mouse position is {m.x} x {m.y}
11 |
--------------------------------------------------------------------------------
/public/examples/06-lifecycle/01-ondestroy/App.svelte:
--------------------------------------------------------------------------------
1 |
7 |
8 | 9 | The page has been open for 10 | {seconds} {seconds === 1 ? 'second' : 'seconds'} 11 |
-------------------------------------------------------------------------------- /public/examples/07-stores/04-custom-stores/App.svelte: -------------------------------------------------------------------------------- 1 | 4 | 5 |The count is {$count}
6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /public/examples/18-debugging/00-debug/App.svelte: -------------------------------------------------------------------------------- 1 | 7 | 8 | 9 | 10 | 11 | {@debug user} 12 | 13 |Hello {user.firstname}!
-------------------------------------------------------------------------------- /public/examples/await-blocks.json: -------------------------------------------------------------------------------- 1 | { 2 | "relaxed": true, 3 | "uid": "hello-world", 4 | "name": "Hello world", 5 | "files": [ 6 | { 7 | "name": "App.svelte", 8 | "source": "\n\nHello {name}!
" 9 | } 10 | ], 11 | "owner": null 12 | } -------------------------------------------------------------------------------- /public/examples/14-composition/00-slots/Box.svelte: -------------------------------------------------------------------------------- 1 | 11 | 12 |
13 |
--------------------------------------------------------------------------------
/public/examples/14-composition/02-named-slots/App.svelte:
--------------------------------------------------------------------------------
1 |
4 |
5 | 12 | Sydney 13 | 14 |
The time is {formatter.format($time)}
-------------------------------------------------------------------------------- /public/examples/14-composition/03-slot-props/Hoverable.svelte: -------------------------------------------------------------------------------- 1 | 12 | 13 |
14 |
--------------------------------------------------------------------------------
/public/examples/09-transitions/00-transition/App.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
10 |
11 | {#if visible}
12 | 13 | Fades in and out 14 |
15 | {/if} -------------------------------------------------------------------------------- /public/examples/13-classes/01-class-shorthand/App.svelte: -------------------------------------------------------------------------------- 1 | 4 | 5 | 10 | 11 | 15 | 16 |
17 | some {big ? 'big' : 'small'} text
18 |
--------------------------------------------------------------------------------
/public/icons/save.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/public/examples/03-logic/01-else-blocks/App.svelte:
--------------------------------------------------------------------------------
1 |
8 |
9 | {#if user.loggedIn}
10 |
13 | {:else}
14 |
17 | {/if}
--------------------------------------------------------------------------------
/src/utils/db.js:
--------------------------------------------------------------------------------
1 | import { Pool } from 'pg';
2 |
3 | export const DB = new Pool({
4 | connectionString: process.env.DATABASE_URL
5 | });
6 |
7 | export function query(text, values=[]) {
8 | return DB.query(text, values).then(r => r.rows);
9 | }
10 |
11 | export function find(text, values=[]) {
12 | return query(text, values).then(arr => arr[0]);
13 | }
14 |
--------------------------------------------------------------------------------
/public/examples/04-events/03-component-events/Inner.svelte:
--------------------------------------------------------------------------------
1 |
12 |
13 |
--------------------------------------------------------------------------------
/public/examples/04-events/04-event-forwarding/Inner.svelte:
--------------------------------------------------------------------------------
1 |
12 |
13 |
--------------------------------------------------------------------------------
/public/examples/99-embeds/20181225-blog-svelte-css-in-js/Hero.svelte:
--------------------------------------------------------------------------------
1 |
4 |
5 |
6 |
7 |
15 |
--------------------------------------------------------------------------------
/public/icons/edit.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/public/examples/04-events/05-dom-event-forwarding/FancyButton.svelte:
--------------------------------------------------------------------------------
1 |
12 |
13 |
--------------------------------------------------------------------------------
/public/examples/07-stores/01-auto-subscriptions/App.svelte:
--------------------------------------------------------------------------------
1 |
7 |
8 |
7 |
8 |
9 | CSS
10 | in JS
11 |
12 | in HTML
13 |
14 |
15 |
9 |
12 | in HTML
13 | CSS
10 | in JS
11 | The count is {$count}
9 | 10 |
13 |
14 | no content was provided
15 |
16 |
--------------------------------------------------------------------------------
/public/examples/01-reactivity/02-reactive-statements/App.svelte:
--------------------------------------------------------------------------------
1 |
13 |
14 |
--------------------------------------------------------------------------------
/public/examples/04-events/00-dom-events/App.svelte:
--------------------------------------------------------------------------------
1 |
9 |
10 |
13 |
14 |
15 | The mouse position is {m.x} x {m.y}
16 |
--------------------------------------------------------------------------------
/public/examples/09-transitions/02-in-and-out/App.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
10 |
11 | {#if visible}
12 | 13 | Flies in, fades out 14 |
15 | {/if} -------------------------------------------------------------------------------- /public/icons/fork.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /public/examples/02-props/02-spread-props/Info.svelte: -------------------------------------------------------------------------------- 1 | 7 | 8 |
9 | The {name} package is {speed} fast.
10 | Download version {version} from npm
11 | and learn more here
12 |
13 | Flies in and out 14 |
15 | {/if} -------------------------------------------------------------------------------- /functions/types/svelte.d.ts: -------------------------------------------------------------------------------- 1 | export function afterUpdate(fn: any): void; 2 | export function beforeUpdate(fn: any): void; 3 | export function createEventDispatcher(): any; 4 | export function getContext(key: any): any; 5 | export function onDestroy(fn: any): void; 6 | export function onMount(fn: any): void; 7 | export function setContext(key: any, context: any): void; 8 | export function tick(): any; 9 | -------------------------------------------------------------------------------- /public/examples/16-special-elements/00-svelte-self/File.svelte: -------------------------------------------------------------------------------- 1 | 5 | 6 | 13 | 14 | {name} -------------------------------------------------------------------------------- /src/views/Footer.svelte: -------------------------------------------------------------------------------- 1 | 6 | 7 | -------------------------------------------------------------------------------- /public/examples/05-bindings/01-numeric-inputs/App.svelte: -------------------------------------------------------------------------------- 1 | 5 | 6 | 10 | 11 | 15 | 16 |{a} + {b} = {a + b}
-------------------------------------------------------------------------------- /public/examples/05-bindings/11-component-bindings/App.svelte: -------------------------------------------------------------------------------- 1 | 11 | 12 |{view}
13 | 14 |{count} * 2 = {doubled}
18 |{doubled} * 2 = {quadrupled}
-------------------------------------------------------------------------------- /public/examples/07-stores/03-derived-stores/App.svelte: -------------------------------------------------------------------------------- 1 | 11 | 12 |The time is {formatter.format($time)}
13 | 14 |15 | This page has been open for 16 | {$elapsed} {$elapsed === 1 ? 'second' : 'seconds'} 17 |
-------------------------------------------------------------------------------- /src/utils/events.js: -------------------------------------------------------------------------------- 1 | export function keyEvent(code) { 2 | return function (node, callback) { 3 | node.addEventListener('keydown', handleKeydown); 4 | 5 | function handleKeydown(event) { 6 | if (event.keyCode === code) { 7 | callback.call(this, event); 8 | } 9 | } 10 | 11 | return { 12 | destroy() { 13 | node.removeEventListener('keydown', handleKeydown); 14 | } 15 | }; 16 | }; 17 | } 18 | 19 | export const enter = keyEvent(13); 20 | -------------------------------------------------------------------------------- /public/examples/20-miscellaneous/02-immutable-data/flash.js: -------------------------------------------------------------------------------- 1 | export default function flash(element) { 2 | requestAnimationFrame(() => { 3 | element.style.transition = 'none'; 4 | element.style.color = 'rgba(255,62,0,1)'; 5 | element.style.backgroundColor = 'rgba(255,62,0,0.2)'; 6 | 7 | setTimeout(() => { 8 | element.style.transition = 'color 1s, background 1s'; 9 | element.style.color = ''; 10 | element.style.backgroundColor = ''; 11 | }); 12 | }); 13 | } -------------------------------------------------------------------------------- /public/examples/05-bindings/09-dimensions/App.svelte: -------------------------------------------------------------------------------- 1 | 7 | 8 | 12 | 13 | 14 | 15 | 16 |size: {w}px x {h}px
17 | 18 |
19 | {text}
20 |
--------------------------------------------------------------------------------
/public/examples/07-stores/03-derived-stores/stores.js:
--------------------------------------------------------------------------------
1 | import { readable, derived } from 'svelte/store';
2 |
3 | export const time = readable(new Date(), function start(set) {
4 | const interval = setInterval(() => {
5 | set(new Date());
6 | }, 1000);
7 |
8 | return function stop() {
9 | clearInterval(interval);
10 | };
11 | });
12 |
13 | const start = new Date();
14 |
15 | export const elapsed = derived(
16 | time,
17 | $time => Math.round(($time - start) / 1000)
18 | );
--------------------------------------------------------------------------------
/public/examples/05-bindings/02-checkbox-inputs/App.svelte:
--------------------------------------------------------------------------------
1 |
4 |
5 |
9 |
10 | {#if yes}
11 | Thank you. We will bombard your inbox and sell your personal details.
12 | {:else} 13 |You must opt in to continue. If you're not paying, you're the product.
14 | {/if} 15 | 16 | -------------------------------------------------------------------------------- /public/examples/03-logic/03-each-blocks/App.svelte: -------------------------------------------------------------------------------- 1 | 8 | 9 |The Famous Cats of YouTube
10 | 11 |-
12 | {#each cats as { id, name }, i}
13 |
- 14 | {i + 1}: {name} 15 | 16 | {/each} 17 |
The count is {count_value}
15 | 16 |
25 | {todo.done ? '👍': ''} {todo.text}
26 |
27 |
--------------------------------------------------------------------------------
/public/examples/11-svg/04-scatterplot/App.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
16 |
17 |
18 |
21 |
22 |
23 |
24 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Svelte3 Monaco Editor Playground
2 |
3 | WIP for sure. Beware large clone size until editor bundle build is ironed out.
4 |
5 | ## TODO
6 |
7 | - Use Component API to dynamically register preview component
8 |
9 | - Resolve CORS issues with worker bundles for static hosting
10 |
11 | - Add storage to save components and switch between them
12 |
13 | - Add Function for compiling/SSR of source
14 |
15 | [runkit compiler example output](https://runkit.com/mjgartendev/svelte-compiler)
16 |
17 | [runkit compiler endpoint](https://svelte-compiler-qklqmrg41rrj.runkit.sh/)
18 |
--------------------------------------------------------------------------------
/public/examples/13-classes/00-classes/App.svelte:
--------------------------------------------------------------------------------
1 |
4 |
5 |
15 |
16 |
20 |
21 |
25 |
26 |
--------------------------------------------------------------------------------
/public/examples/20-miscellaneous/02-immutable-data/ImmutableTodo.svelte:
--------------------------------------------------------------------------------
1 | Anscombe's quartet
19 | 20 |
27 | {todo.done ? '👍': ''} {todo.text}
28 |
29 |
--------------------------------------------------------------------------------
/public/workers/compiler.js:
--------------------------------------------------------------------------------
1 | !function(){"use strict";let e;self.window=self;const s=new Promise(s=>{e=s});self.addEventListener("message",async c=>{switch(c.data.type){case"init":importScripts(`${c.data.svelteUrl}/compiler.js`),e();break;case"compile":await s,postMessage(function({id:e,source:s,options:c}){try{const{js:n,css:i}=svelte.compile(s,Object.assign({},t,c));return{id:e,result:{js:n.code,css:i.code||"/* Add a
21 |
22 | hello {fullName}
2 | 3 | 4 | 5 | 20 | -------------------------------------------------------------------------------- /public/examples/09-transitions/05-transition-events/App.svelte: -------------------------------------------------------------------------------- 1 | 7 | 8 |status: {status}
9 | 10 | 14 | 15 | {#if visible} 16 |23 | Flies in and out 24 |
25 | {/if} -------------------------------------------------------------------------------- /public/examples/99-embeds/20181225-blog-svelte-css-in-js/App.svelte: -------------------------------------------------------------------------------- 1 | 5 | 6 |
9 |
--------------------------------------------------------------------------------
/public/examples/15-context/00-context-api/App.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
--------------------------------------------------------------------------------
/public/examples/03-logic/05-await-blocks/App.svelte:
--------------------------------------------------------------------------------
1 |
19 |
20 |
23 |
24 | {#await promise}
25 | Did you enjoy your lunch, mom? You drank it fast enough. I know, I just call her Annabelle cause she's shaped like a…she's the belle of the ball! YOU'RE the Chiclet! Not me. Caw ca caw, caw ca caw, caw ca caw! A Colombian cartel that WON'T kidnap and kill you. You go buy a tape recorder and record yourself for a whole day. I think you'll be surprised at some of your phrasing.
10 |...waiting
26 | {:then number} 27 |The number is {number}
28 | {:catch error} 29 |{error.message}
30 | {/await} -------------------------------------------------------------------------------- /functions/Component.svelte: -------------------------------------------------------------------------------- 1 |hello {fullName}
2 | 3 | 4 | 5 | 20 | 28 | -------------------------------------------------------------------------------- /public/examples/20-miscellaneous/01-hacker-news/Item.svelte: -------------------------------------------------------------------------------- 1 | 7 | 8 | 23 | 24 | « back 25 | 26 |{item.title}
29 | {item.domain} 30 | 31 | 32 |
36 | {#each item.comments as comment}
37 |
--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
1 | import * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
2 |
3 | monaco.languages.typescript.typescriptDefaults.setCompilerOptions({
4 | allowJs: true,
5 | esModuleInterop: true,
6 | })
7 |
8 | import('monaco-themes/themes/Oceanic Next.json')
9 | .then(data => {
10 | monaco.editor.defineTheme('oceanic-next', data);
11 | monaco.editor.setTheme('oceanic-next')
12 | })
13 |
14 | monaco.editor.create(document.getElementById('editor'), {
15 | language: 'html',
16 | theme: 'oceanic-next',
17 | autoClosingBrackets: true,
18 | autoClosingQuotes: true,
19 | autoIndent: true,
20 | autoSurround: true,
21 | automaticLayout: true,
22 | lineNumbersMinChars: 2,
23 | minimap: {
24 | enabled: false
25 | }
26 | });
27 |
28 |
--------------------------------------------------------------------------------
/functions/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "functions",
3 | "scripts": {
4 | "lint": "tslint --project tsconfig.json",
5 | "build": "tsc",
6 | "serve": "npm run build && firebase serve --only functions",
7 | "shell": "npm run build && firebase functions:shell",
8 | "start": "npm run shell",
9 | "deploy": "firebase deploy --only functions",
10 | "logs": "firebase functions:log"
11 | },
12 | "engines": {
13 | "node": "8"
14 | },
15 | "main": "lib/index.js",
16 | "dependencies": {
17 | "firebase-admin": "~7.0.0",
18 | "firebase-functions": "^2.3.0",
19 | "svelte": "^3.4.4"
20 | },
21 | "devDependencies": {
22 | "firebase-functions-test": "^0.1.6",
23 | "tslint": "^5.12.0",
24 | "typescript": "^3.2.2"
25 | },
26 | "private": true
27 | }
28 |
--------------------------------------------------------------------------------
/public/examples/08-motion/00-tweened/App.svelte:
--------------------------------------------------------------------------------
1 |
10 |
11 |
17 |
18 |
19 |
20 |
23 |
24 |
27 |
28 |
31 |
32 |
35 |
36 |
--------------------------------------------------------------------------------
/public/examples/03-logic/04-keyed-each-blocks/App.svelte:
--------------------------------------------------------------------------------
1 |
16 |
17 |
20 |
21 |
22 |
--------------------------------------------------------------------------------
/public/examples/99-embeds/20181225-blog-svelte-css-in-js/styles.js:
--------------------------------------------------------------------------------
1 | import emotion from 'emotion/dist/emotion.umd.min.js';
2 |
3 | const { css } = emotion;
4 |
5 | const brand = '#74D900';
6 |
7 | export const title = css`
8 | color: ${brand};
9 | font-size: 1em;
10 | white-space: nowrap;
11 | `;
12 |
13 | export const comicSans = css`
14 | font-family: 'Comic Sans MS';
15 | `;
16 |
17 | export const box = css`
18 | position: relative;
19 | display: inline-block;
20 | border: 2px solid ${brand};
21 | line-height: 1;
22 | padding: 4px;
23 | border-radius: 4px;
24 | `;
25 |
26 | export const link = css`
27 | color: inherit;
28 | font-weight: bold;
29 | text-decoration: none;
30 | border-bottom: 1px solid ${brand};
31 | &:hover {
32 | text-decoration: none;
33 | background: ${brand};
34 | }
35 | `;
36 |
--------------------------------------------------------------------------------
/public/6.6.js:
--------------------------------------------------------------------------------
1 | (self.webpackJsonp=self.webpackJsonp||[]).push([[6],{382:function(e,t,n){"use strict";n.r(t),n.d(t,"conf",function(){return s}),n.d(t,"language",function(){return o});var s={comments:{lineComment:"#"}},o={defaultToken:"keyword",ignoreCase:!0,tokenPostfix:".azcli",str:/[^#\s]/,tokenizer:{root:[{include:"@comment"},[/\s-+@str*\s*/,{cases:{"@eos":{token:"key.identifier",next:"@popall"},"@default":{token:"key.identifier",next:"@type"}}}],[/^-+@str*\s*/,{cases:{"@eos":{token:"key.identifier",next:"@popall"},"@default":{token:"key.identifier",next:"@type"}}}]],type:[{include:"@comment"},[/-+@str*\s*/,{cases:{"@eos":{token:"key.identifier",next:"@popall"},"@default":"key.identifier"}}],[/@str+\s*/,{cases:{"@eos":{token:"string",next:"@popall"},"@default":"string"}}]],comment:[[/#.*$/,{cases:{"@eos":{token:"comment",next:"@popall"}}}]]}}}}]);
--------------------------------------------------------------------------------
/public/examples/20-miscellaneous/01-hacker-news/Summary.svelte:
--------------------------------------------------------------------------------
1 |
11 |
12 |
33 |
34 |
23 |
26 | {/each}
27 |
28 |
29 | Keyed
24 | {#each things as thing (thing.id)} 25 |
30 |
33 | {/each}
34 |
35 | Unkeyed
31 | {#each things as thing} 32 |{item.title}
37 | 38 |Photo album
27 | 28 |
29 | {#each photos as photo}
30 |
31 | 
32 | {photo.title}
33 |
34 | {:else}
35 |
36 |
--------------------------------------------------------------------------------
/public/examples/09-transitions/04-custom-js-transitions/App.svelte:
--------------------------------------------------------------------------------
1 |
26 |
27 |
31 |
32 | {#if visible}
33 | loading...
37 | {/each} 38 |34 | The quick brown fox jumps over the lazy dog 35 |
36 | {/if} -------------------------------------------------------------------------------- /public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "App", 3 | "icons": [ 4 | { 5 | "src": "\/android-icon-36x36.png", 6 | "sizes": "36x36", 7 | "type": "image\/png", 8 | "density": "0.75" 9 | }, 10 | { 11 | "src": "\/android-icon-48x48.png", 12 | "sizes": "48x48", 13 | "type": "image\/png", 14 | "density": "1.0" 15 | }, 16 | { 17 | "src": "\/android-icon-72x72.png", 18 | "sizes": "72x72", 19 | "type": "image\/png", 20 | "density": "1.5" 21 | }, 22 | { 23 | "src": "\/android-icon-96x96.png", 24 | "sizes": "96x96", 25 | "type": "image\/png", 26 | "density": "2.0" 27 | }, 28 | { 29 | "src": "\/android-icon-144x144.png", 30 | "sizes": "144x144", 31 | "type": "image\/png", 32 | "density": "3.0" 33 | }, 34 | { 35 | "src": "\/android-icon-192x192.png", 36 | "sizes": "192x192", 37 | "type": "image\/png", 38 | "density": "4.0" 39 | } 40 | ] 41 | } -------------------------------------------------------------------------------- /public/examples/16-special-elements/04-svelte-body/App.svelte: -------------------------------------------------------------------------------- 1 | 7 | 8 | 26 | 27 |
--------------------------------------------------------------------------------
/public/examples/19-7guis/04-7guis-timer/App.svelte:
--------------------------------------------------------------------------------
1 |
2 |
3 |
28 |
29 |
33 |
34 | {(elapsed / 1000).toFixed(1)}s
35 |
36 |
40 |
41 |
--------------------------------------------------------------------------------
/public/examples/06-lifecycle/03-tick/App.svelte:
--------------------------------------------------------------------------------
1 |
29 |
30 |
36 |
37 |
--------------------------------------------------------------------------------
/public/examples/14-composition/03-slot-props/App.svelte:
--------------------------------------------------------------------------------
1 |
4 |
5 |
17 |
18 |
20 | {#if active}
21 |
26 | I am being hovered upon.
22 | {:else} 23 |Hover over me!
24 | {/if} 25 |
30 | {#if active}
31 |
36 | I am being hovered upon.
32 | {:else} 33 |Hover over me!
34 | {/if} 35 |
40 | {#if active}
41 |
46 | I am being hovered upon.
42 | {:else} 43 |Hover over me!
44 | {/if} 45 |
18 |
22 |
23 |
27 |
28 |
29 |
--------------------------------------------------------------------------------
/src/components/JsonEditor.svelte:
--------------------------------------------------------------------------------
1 | loading...
46 | {/if} -------------------------------------------------------------------------------- /public/examples/20-miscellaneous/02-immutable-data/App.svelte: -------------------------------------------------------------------------------- 1 |Immutable
31 | {#each todos as todo} 32 |Mutable
36 | {#each todos as todo} 37 |
39 |
41 |
43 | 44 | 45 |
46 |
--------------------------------------------------------------------------------
/public/examples/16-special-elements/02-svelte-window/App.svelte:
--------------------------------------------------------------------------------
1 |
10 |
11 |
32 |
33 | 41 |
43 | 44 | 45 |
36 | {#if key}
37 | {key === ' ' ? 'Space' : key}
38 |
--------------------------------------------------------------------------------
/public/examples/05-bindings/07-each-block-bindings/App.svelte:
--------------------------------------------------------------------------------
1 |
18 |
19 |
24 |
25 | {keyCode}
39 | {:else} 40 |Focus this window and press any key
41 | {/if} 42 |Todos
26 | 27 | {#each todos as todo} 28 |
29 |
33 |
34 |
38 |
39 | {/each}
40 |
41 | {remaining} remaining
42 | 43 | 46 | 47 | 50 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "svelte-monaco-playground", 3 | "homepage": "https://mjgartendev.github.io/svelte-monaco-playground/", 4 | "dependencies": { 5 | "firebase": "^6.1.0", 6 | "jsoneditor": "^5.33.0", 7 | "monaco-themes": "^0.3.3", 8 | "rxfire": "^3.5.0", 9 | "rxjs": "^6.5.2", 10 | "yootils": "0.0.16" 11 | }, 12 | "devDependencies": { 13 | "@sveltejs/svelte-repl": "^0.1.8", 14 | "cross-env": "^5.2.0", 15 | "css-loader": "^2.1.1", 16 | "mini-css-extract-plugin": "^0.6.0", 17 | "serve": "^11.0.0", 18 | "style-loader": "^0.23.1", 19 | "svelte": "^3.4.4", 20 | "svelte-loader": "2.13.3", 21 | "webpack": "^4.30.0", 22 | "webpack-cli": "^3.3.0", 23 | "webpack-dev-server": "^3.3.1", 24 | "monaco-editor": "^0.17.0", 25 | "monaco-editor-webpack-plugin": "1.7.0" 26 | }, 27 | "scripts": { 28 | "build": "cross-env NODE_ENV=production webpack", 29 | "dev": "webpack-dev-server --content-base public", 30 | "predeploy": "npm run build" 31 | } 32 | } 33 | -------------------------------------------------------------------------------- /src/views/Sidebar.svelte: -------------------------------------------------------------------------------- 1 | 11 | 38 | 39 | 43 | -------------------------------------------------------------------------------- /public/examples/14-composition/04-modal/App.svelte: -------------------------------------------------------------------------------- 1 | 6 | 7 | 10 | 11 | {#if showModal} 12 |14 | modal 15 | adjective mod·al \ˈmō-dəl\ 16 |
17 | 18 |-
19 |
- of or relating to modality in logic 20 |
- containing provisions as to the mode of procedure or the manner of taking effect —used of a contract or legacy 21 |
- of or relating to a musical mode 22 |
- of or relating to structure as opposed to substance 23 |
- of, relating to, or constituting a grammatical form or category characteristically indicating predication 24 |
- of or relating to a statistical mode 25 |
47 | {#if map}
48 |
--------------------------------------------------------------------------------
/public/examples/16-special-elements/00-svelte-self/App.svelte:
--------------------------------------------------------------------------------
1 |
40 |
41 | Insecurity questions
22 | 23 | 38 | 39 |selected question {selected ? selected.id : '[waiting...]'}
-------------------------------------------------------------------------------- /src/components/Login.svelte: -------------------------------------------------------------------------------- 1 | 14 | 15 | {#if user} 16 |-
42 | {#each files as file}
43 |
-
44 | {#if file.type === 'folder'}
45 |
48 | {/if} 49 |
50 | {/each}
51 |
47 | transitions!
48 |
49 | {/if}
--------------------------------------------------------------------------------
/public/examples/14-composition/02-named-slots/ContactCard.svelte:
--------------------------------------------------------------------------------
1 |
28 |
29 |
31 |
32 | Unknown name
33 |
34 |
35 |
36 |
37 |
38 | Unknown address
39 |
40 |
41 |
42 |
43 |
44 | Unknown email
45 |
46 |
47 |
35 | {#each tabs as tab, i}
36 |
40 | {/each}
41 |
42 |
43 | {#each tabs as tab, i}
44 |
49 |
--------------------------------------------------------------------------------
/public/examples/05-bindings/11-component-bindings/Keypad.svelte:
--------------------------------------------------------------------------------
1 |
12 |
13 |
25 |
26 |
45 | {tab.content}
46 |
47 | {/each}
48 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
--------------------------------------------------------------------------------
/public/examples/17-module-context/01-module-exports/AudioPlayer.svelte:
--------------------------------------------------------------------------------
1 |
10 |
11 |
33 |
34 |
40 |
41 | {title}
43 |{composer} / performed by {performer}
44 | 45 | 52 |Size
18 | 19 | 23 | 24 | 28 | 29 | 33 | 34 |Flavours
35 | 36 | {#each menu as flavour} 37 | 41 | {/each} 42 | 43 | {#if flavours.length === 0} 44 |Please select at least one flavour
45 | {:else if flavours.length > scoops} 46 |Can't order more flavours than scoops!
47 | {:else} 48 |49 | You ordered {scoops} {scoops === 1 ? 'scoop' : 'scoops'} 50 | of {join(flavours)} 51 |
52 | {/if} 53 | -------------------------------------------------------------------------------- /public/examples/11-svg/04-scatterplot/data.js: -------------------------------------------------------------------------------- 1 | export default { 2 | a: [ 3 | { x: 10, y: 8.04 }, 4 | { x: 8, y: 6.95 }, 5 | { x: 13, y: 7.58 }, 6 | { x: 9, y: 8.81 }, 7 | { x: 11, y: 8.33 }, 8 | { x: 14, y: 9.96 }, 9 | { x: 6, y: 7.24 }, 10 | { x: 4, y: 4.26 }, 11 | { x: 12, y: 10.84 }, 12 | { x: 7, y: 4.82 }, 13 | { x: 5, y: 5.68 } 14 | ], 15 | b: [ 16 | { x: 10, y: 9.14 }, 17 | { x: 8, y: 8.14 }, 18 | { x: 13, y: 8.74 }, 19 | { x: 9, y: 8.77 }, 20 | { x: 11, y: 9.26 }, 21 | { x: 14, y: 8.1 }, 22 | { x: 6, y: 6.13 }, 23 | { x: 4, y: 3.1 }, 24 | { x: 12, y: 9.13 }, 25 | { x: 7, y: 7.26 }, 26 | { x: 5, y: 4.74 } 27 | ], 28 | c: [ 29 | { x: 10, y: 7.46 }, 30 | { x: 8, y: 6.77 }, 31 | { x: 13, y: 12.74 }, 32 | { x: 9, y: 7.11 }, 33 | { x: 11, y: 7.81 }, 34 | { x: 14, y: 8.84 }, 35 | { x: 6, y: 6.08 }, 36 | { x: 4, y: 5.39 }, 37 | { x: 12, y: 8.15 }, 38 | { x: 7, y: 6.42 }, 39 | { x: 5, y: 5.73 } 40 | ], 41 | d: [ 42 | { x: 8, y: 6.58 }, 43 | { x: 8, y: 5.76 }, 44 | { x: 8, y: 7.71 }, 45 | { x: 8, y: 8.84 }, 46 | { x: 8, y: 8.47 }, 47 | { x: 8, y: 7.04 }, 48 | { x: 8, y: 5.25 }, 49 | { x: 19, y: 12.5 }, 50 | { x: 8, y: 5.56 }, 51 | { x: 8, y: 7.91 }, 52 | { x: 8, y: 6.89 } 53 | ] 54 | }; -------------------------------------------------------------------------------- /public/examples/12-actions/00-actions/App.svelte: -------------------------------------------------------------------------------- 1 | 27 | 28 | 42 | 43 | -------------------------------------------------------------------------------- /public/examples/05-bindings/06-multiple-select-bindings/App.svelte: -------------------------------------------------------------------------------- 1 | 16 | 17 |Size
18 | 19 | 23 | 24 | 28 | 29 | 33 | 34 |Flavours
35 | 36 | 43 | 44 | {#if flavours.length === 0} 45 |Please select at least one flavour
46 | {:else if flavours.length > scoops} 47 |Can't order more flavours than scoops!
48 | {:else} 49 |50 | You ordered {scoops} {scoops === 1 ? 'scoop' : 'scoops'} 51 | of {join(flavours)} 52 |
53 | {/if} 54 | -------------------------------------------------------------------------------- /public/examples/20-miscellaneous/01-hacker-news/App.svelte: -------------------------------------------------------------------------------- 1 | 28 | 29 | 48 | 49 |
3 | 
4 |
5 |
4 | svelte-repl-monaco
6 |
7 |
13 |
14 | No CSS output
46 | {/if} 47 | {/if} 48 | {#if type == "js"} 49 | {#if result.js.code} 50 |{result.js.code}
51 | {:else}
52 | No JS output
53 | {/if} 54 | {/if} 55 | {#if type == "original"} 56 |{source}
57 | {/if}
58 | {#if type == "stats"}
59 | {#if result.stats}
60 | No Stats output
63 | {/if} 64 | {/if} 65 | {#if type == "warnings"} 66 | {#if result.warnings} 67 |No Warnings output
70 | {/if} 71 | {/if} 72 | {#if type == "vars"} 73 | {#if result.vars} 74 |No Variables output
77 | {/if} 78 | {/if} 79 | 80 | 94 | -------------------------------------------------------------------------------- /public/examples/19-7guis/05-7guis-crud/App.svelte: -------------------------------------------------------------------------------- 1 | 2 | 3 | 59 | 60 | 81 | 82 | 83 | 84 | 89 | 90 | 91 | 92 | 93 | 98 | -------------------------------------------------------------------------------- /public/global.css: -------------------------------------------------------------------------------- 1 | :root{ 2 | --blue: #007bff; 3 | --indigo: #6610f2; 4 | --purple: #6f42c1; 5 | --pink: #e83e8c; 6 | --red: #dc3545; 7 | --orange: #fd7e14; 8 | --yellow: #ffc107; 9 | --green: #28a745; 10 | --teal: #20c997; 11 | --cyan: #17a2b8; 12 | --white: #fff; 13 | --gray: #6c757d; 14 | --gray-dark: #343a40; 15 | --primary: #007bff; 16 | --secondary: #6c757d; 17 | --success: #28a745; 18 | --info: #17a2b8; 19 | --warning: #ffc107; 20 | --danger: #dc3545; 21 | --light: #f8f9fa; 22 | --dark: #343a40; 23 | --breakpoint-xs: 0; 24 | --breakpoint-sm: 576px; 25 | --breakpoint-md: 768px; 26 | --breakpoint-lg: 992px; 27 | --breakpoint-xl: 1200px; 28 | --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 29 | --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; 30 | --primary: #29c785; 31 | --secondary: #444857; 32 | --surface: #1B2B34; 33 | --lighter: #f0f0f0; 34 | --darker: #333; 35 | --radius: 4px; 36 | --shadow-sm: 0px 1px 3px 0px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 2px 1px -1px rgba(0,0,0,0.12); 37 | --shadow-md: 0px 1px 5px 0px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 3px 1px -2px rgba(0,0,0,0.12); 38 | --shadow-lg: 0px 1px 8px 0px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 3px 3px -2px rgba(0,0,0,0.12); 39 | } 40 | html, 41 | body { 42 | width: 100%; 43 | height: 100%; 44 | } 45 | 46 | body { 47 | margin: 0; 48 | box-sizing: border-box; 49 | font-family: var(--font-family-sans-serif); 50 | overflow-y: hidden; 51 | } 52 | 53 | a { 54 | color:var(--primary); 55 | text-decoration: none; 56 | } 57 | 58 | label { 59 | display: block; 60 | } 61 | 62 | input:disabled { 63 | color: #ccc; 64 | } 65 | 66 | input[type="range"] { 67 | height: 0; 68 | } 69 | 70 | button, select { 71 | padding: 0.5em; 72 | border: 1px solid var(--secondary); 73 | font-weight: bold; 74 | border-radius: var(--radius); 75 | background: var(--secondary); 76 | color: var(--light); 77 | fill: var(--light); 78 | } 79 | button:hover { 80 | fill: var(--primary); 81 | color: var(--primary); 82 | cursor: pointer; 83 | } 84 | pre{ 85 | font-family: var(--font-family-monospace); 86 | background: var(--dark); 87 | color: var(--light); 88 | } -------------------------------------------------------------------------------- /public/examples/06-lifecycle/02-update/App.svelte: -------------------------------------------------------------------------------- 1 | 53 | 54 | 93 | 94 |
95 |
--------------------------------------------------------------------------------
/public/themes/Zenburnesque.json:
--------------------------------------------------------------------------------
1 | {
2 | "base": "vs-dark",
3 | "inherit": true,
4 | "rules": [
5 | {
6 | "foreground": "709070",
7 | "fontStyle": "italic",
8 | "token": "comment"
9 | },
10 | {
11 | "fontStyle": "bold",
12 | "token": "keyword.other.directive"
13 | },
14 | {
15 | "fontStyle": "underline",
16 | "token": "keyword.other.directive.line-number"
17 | },
18 | {
19 | "foreground": "ff8080",
20 | "token": "constant.character"
21 | },
22 | {
23 | "foreground": "ff2020",
24 | "token": "string"
25 | },
26 | {
27 | "foreground": "22c0ff",
28 | "token": "constant.numeric"
29 | },
30 | {
31 | "fontStyle": "underline",
32 | "token": "constant.numeric.floating-point"
33 | },
34 | {
35 | "foreground": "ffffa0",
36 | "token": "keyword"
37 | },
38 | {
39 | "foreground": "ff8000",
40 | "fontStyle": "bold",
41 | "token": "entity.name.module"
42 | },
43 | {
44 | "foreground": "ff8000",
45 | "fontStyle": "bold",
46 | "token": "support.other.module"
47 | },
48 | {
49 | "foreground": "ffffa0",
50 | "token": "keyword.operator"
51 | },
52 | {
53 | "fontStyle": "underline",
54 | "token": "source.ocaml keyword.operator.symbol.infix.floating-point"
55 | },
56 | {
57 | "fontStyle": "underline",
58 | "token": "source.ocaml keyword.operator.symbol.prefix.floating-point"
59 | },
60 | {
61 | "foreground": "6080ff",
62 | "token": "storage.type"
63 | },
64 | {
65 | "foreground": "4080a0",
66 | "token": "entity.name.class.variant"
67 | },
68 | {
69 | "foreground": "f09040",
70 | "token": "entity.name.type"
71 | },
72 | {
73 | "foreground": "ffcc66",
74 | "fontStyle": "bold",
75 | "token": "entity.name.function"
76 | },
77 | {
78 | "foreground": "ffe000",
79 | "token": "storage.type.user-defined"
80 | },
81 | {
82 | "foreground": "f4a020",
83 | "token": "entity.name.type.class.type"
84 | }
85 | ],
86 | "colors": {
87 | "editor.foreground": "#DEDEDE",
88 | "editor.background": "#404040",
89 | "editor.selectionBackground": "#A0A0C0",
90 | "editor.lineHighlightBackground": "#A0804026",
91 | "editorCursor.foreground": "#FFFF66",
92 | "editorWhitespace.foreground": "#A8A8A8"
93 | }
94 | }
--------------------------------------------------------------------------------
/src/monaco-themes.js:
--------------------------------------------------------------------------------
1 | export const themes = [
2 | { id: "active4d", name: "Active4D" },
3 | { id: "all-hallows-eve", name: "All Hallows Eve" },
4 | { id: "amy", name: "Amy" },
5 | { id: "birds-of-paradise", name: "Birds of Paradise" },
6 | { id: "blackboard", name: "Blackboard" },
7 | { id: "brilliance-black", name: "Brilliance Black" },
8 | { id: "brilliance-dull", name: "Brilliance Dull" },
9 | { id: "chrome-devtools", name: "Chrome DevTools" },
10 | { id: "clouds-midnight", name: "Clouds Midnight" },
11 | { id: "clouds", name: "Clouds" },
12 | { id: "cobalt", name: "Cobalt" },
13 | { id: "dawn", name: "Dawn" },
14 | { id: "dreamweaver", name: "Dreamweaver" },
15 | { id: "eiffel", name: "Eiffel" },
16 | { id: "espresso-libre", name: "Espresso Libre" },
17 | { id: "github", name: "GitHub" },
18 | { id: "idle", name: "IDLE" },
19 | { id: "katzenmilch", name: "Katzenmilch" },
20 | { id: "kuroir-theme", name: "Kuroir Theme" },
21 | { id: "lazy", name: "LAZY" },
22 | { id: "magicwb--amiga-", name: "MagicWB (Amiga)" },
23 | { id: "merbivore-soft", name: "Merbivore Soft" },
24 | { id: "merbivore", name: "Merbivore" },
25 | { id: "monokai-bright", name: "Monokai Bright" },
26 | { id: "monokai", name: "Monokai" },
27 | { id: "night-owl", name: "Night Owl" },
28 | { id: "oceanic-next", name: "Oceanic Next" },
29 | { id: "pastels-on-dark", name: "Pastels on Dark" },
30 | { id: "slush-and-poppies", name: "Slush and Poppies" },
31 | { id: "solarized-dark", name: "Solarized-dark" },
32 | { id: "solarized-light", name: "Solarized-light" },
33 | { id: "spacecadet", name: "SpaceCadet" },
34 | { id: "sunburst", name: "Sunburst" },
35 | { id: "textmate--mac-classic-", name: "Textmate (Mac Classic)" },
36 | { id: "tomorrow-night-blue", name: "Tomorrow-Night-Blue" },
37 | { id: "tomorrow-night-bright", name: "Tomorrow-Night-Bright" },
38 | { id: "tomorrow-night-eighties", name: "Tomorrow-Night-Eighties" },
39 | { id: "tomorrow-night", name: "Tomorrow-Night" },
40 | { id: "tomorrow", name: "Tomorrow" },
41 | { id: "twilight", name: "Twilight" },
42 | { id: "upstream-sunburst", name: "Upstream Sunburst" },
43 | { id: "vibrant-ink", name: "Vibrant Ink" },
44 | { id: "xcode-default", name: "Xcode_default" },
45 | { id: "zenburnesque", name: "Zenburnesque" },
46 | { id: "iplastic", name: "iPlastic" },
47 | { id: "idlefingers", name: "idleFingers" },
48 | { id: "krtheme", name: "krTheme" },
49 | { id: "monoindustrial", name: "monoindustrial" }
50 | ];
51 |
--------------------------------------------------------------------------------
/public/15.15.js:
--------------------------------------------------------------------------------
1 | (self.webpackJsonp=self.webpackJsonp||[]).push([[15],{391:function(e,n,t){"use strict";t.r(n),t.d(n,"conf",function(){return o}),t.d(n,"language",function(){return s});var o={comments:{lineComment:"//",blockComment:["/*","*/"]},brackets:[["{","}"],["[","]"],["(",")"]],autoClosingPairs:[{open:"{",close:"}"},{open:"[",close:"]"},{open:"(",close:")"},{open:"`",close:"`",notIn:["string"]},{open:'"',close:'"',notIn:["string"]},{open:"'",close:"'",notIn:["string","comment"]}],surroundingPairs:[{open:"{",close:"}"},{open:"[",close:"]"},{open:"(",close:")"},{open:"`",close:"`"},{open:'"',close:'"'},{open:"'",close:"'"}]},s={defaultToken:"",tokenPostfix:".go",keywords:["break","case","chan","const","continue","default","defer","else","fallthrough","for","func","go","goto","if","import","interface","map","package","range","return","select","struct","switch","type","var","bool","true","false","uint8","uint16","uint32","uint64","int8","int16","int32","int64","float32","float64","complex64","complex128","byte","rune","uint","int","uintptr","string","nil"],operators:["+","-","*","/","%","&","|","^","<<",">>","&^","+=","-=","*=","/=","%=","&=","|=","^=","<<=",">>=","&^=","&&","||","<-","++","--","==","<",">","=","!","!=","<=",">=",":=","...","(",")","","]","{","}",",",";",".",":"],symbols:/[=>](?!@symbols)/,"@brackets"],[/@symbols/,{cases:{"@operators":"delimiter","@default":""}}],[/\d*\d+[eE]([\-+]?\d+)?/,"number.float"],[/\d*\.\d+([eE][\-+]?\d+)?/,"number.float"],[/0[xX][0-9a-fA-F']*[0-9a-fA-F]/,"number.hex"],[/0[0-7']*[0-7]/,"number.octal"],[/0[bB][0-1']*[0-1]/,"number.binary"],[/\d[\d']*/,"number"],[/\d/,"number"],[/[;,.]/,"delimiter"],[/"([^"\\]|\\.)*$/,"string.invalid"],[/"/,"string","@string"],[/`/,"string","@rawstring"],[/'[^\\']'/,"string"],[/(')(@escapes)(')/,["string","string.escape","string"]],[/'/,"string.invalid"]],whitespace:[[/[ \t\r\n]+/,""],[/\/\*\*(?!\/)/,"comment.doc","@doccomment"],[/\/\*/,"comment","@comment"],[/\/\/.*$/,"comment"]],comment:[[/[^\/*]+/,"comment"],[/\*\//,"comment","@pop"],[/[\/*]/,"comment"]],doccomment:[[/[^\/*]+/,"comment.doc"],[/\/\*/,"comment.doc.invalid"],[/\*\//,"comment.doc","@pop"],[/[\/*]/,"comment.doc"]],string:[[/[^\\"]+/,"string"],[/@escapes/,"string.escape"],[/\\./,"string.escape.invalid"],[/"/,"string","@pop"]],rawstring:[[/[^\`]/,"string"],[/`/,"string","@pop"]]}}}}]);
--------------------------------------------------------------------------------
/public/themes/Chrome DevTools.json:
--------------------------------------------------------------------------------
1 | {
2 | "base": "vs",
3 | "inherit": true,
4 | "rules": [
5 | {
6 | "foreground": "c41a16",
7 | "token": "string"
8 | },
9 | {
10 | "foreground": "1c00cf",
11 | "token": "constant.numeric"
12 | },
13 | {
14 | "foreground": "aa0d91",
15 | "token": "keyword"
16 | },
17 | {
18 | "foreground": "000000",
19 | "token": "keyword.operator"
20 | },
21 | {
22 | "foreground": "aa0d91",
23 | "token": "constant.language"
24 | },
25 | {
26 | "foreground": "990000",
27 | "token": "support.class.exception"
28 | },
29 | {
30 | "foreground": "000000",
31 | "token": "entity.name.function"
32 | },
33 | {
34 | "fontStyle": "bold underline",
35 | "token": "entity.name.type"
36 | },
37 | {
38 | "fontStyle": "italic",
39 | "token": "variable.parameter"
40 | },
41 | {
42 | "foreground": "007400",
43 | "token": "comment"
44 | },
45 | {
46 | "foreground": "ff0000",
47 | "token": "invalid"
48 | },
49 | {
50 | "background": "e71a1100",
51 | "token": "invalid.deprecated.trailing-whitespace"
52 | },
53 | {
54 | "foreground": "000000",
55 | "background": "fafafafc",
56 | "token": "text source"
57 | },
58 | {
59 | "foreground": "aa0d91",
60 | "token": "meta.tag"
61 | },
62 | {
63 | "foreground": "aa0d91",
64 | "token": "declaration.tag"
65 | },
66 | {
67 | "foreground": "000000",
68 | "fontStyle": "bold",
69 | "token": "support"
70 | },
71 | {
72 | "foreground": "aa0d91",
73 | "token": "storage"
74 | },
75 | {
76 | "fontStyle": "bold underline",
77 | "token": "entity.name.section"
78 | },
79 | {
80 | "foreground": "000000",
81 | "fontStyle": "bold",
82 | "token": "entity.name.function.frame"
83 | },
84 | {
85 | "foreground": "333333",
86 | "token": "meta.tag.preprocessor.xml"
87 | },
88 | {
89 | "foreground": "994500",
90 | "fontStyle": "italic",
91 | "token": "entity.other.attribute-name"
92 | },
93 | {
94 | "foreground": "881280",
95 | "token": "entity.name.tag"
96 | }
97 | ],
98 | "colors": {
99 | "editor.foreground": "#000000",
100 | "editor.background": "#FFFFFF",
101 | "editor.selectionBackground": "#BAD6FD",
102 | "editor.lineHighlightBackground": "#0000001A",
103 | "editorCursor.foreground": "#000000",
104 | "editorWhitespace.foreground": "#B3B3B3F4"
105 | }
106 | }
--------------------------------------------------------------------------------
/public/37.37.js:
--------------------------------------------------------------------------------
1 | (self.webpackJsonp=self.webpackJsonp||[]).push([[37],{411:function(e,o,r){"use strict";r.r(o),r.d(o,"conf",function(){return t}),r.d(o,"language",function(){return n});var t={comments:{lineComment:"#"},brackets:[["{","}"],["[","]"],["(",")"]],autoClosingPairs:[{open:"{",close:"}"},{open:"[",close:"]"},{open:"(",close:")"},{open:'"',close:'"'}],surroundingPairs:[{open:"{",close:"}"},{open:"[",close:"]"},{open:"(",close:")"},{open:'"',close:'"'}]},n={defaultToken:"",tokenPostfix:".r",roxygen:["@param","@return","@name","@rdname","@examples","@include","@docType","@S3method","@TODO","@aliases","@alias","@assignee","@author","@callGraphDepth","@callGraph","@callGraphPrimitives","@concept","@exportClass","@exportMethod","@exportPattern","@export","@formals","@format","@importClassesFrom","@importFrom","@importMethodsFrom","@import","@keywords","@method","@nord","@note","@references","@seealso","@setClass","@slot","@source","@title","@usage"],constants:["NULL","FALSE","TRUE","NA","Inf","NaN ","NA_integer_","NA_real_","NA_complex_","NA_character_ ","T","F","LETTERS","letters","month.abb","month.name","pi","R.version.string"],keywords:["break","next","return","if","else","for","in","repeat","while","array","category","character","complex","double","function","integer","list","logical","matrix","numeric","vector","data.frame","factor","library","require","attach","detach","source"],special:["\\n","\\r","\\t","\\b","\\a","\\f","\\v","\\'",'\\"',"\\\\"],brackets:[{open:"{",close:"}",token:"delimiter.curly"},{open:"[",close:"]",token:"delimiter.bracket"},{open:"(",close:")",token:"delimiter.parenthesis"}],tokenizer:{root:[{include:"@numbers"},{include:"@strings"},[/[{}\[\]()]/,"@brackets"],{include:"@operators"},[/#'/,"comment.doc","@roxygen"],[/(^#.*$)/,"comment"],[/\s+/,"white"],[/[,:;]/,"delimiter"],[/@[a-zA-Z]\w*/,"tag"],[/[a-zA-Z]\w*/,{cases:{"@keywords":"keyword","@constants":"constant","@default":"identifier"}}]],roxygen:[[/@\w+/,{cases:{"@roxygen":"tag","@eos":{token:"comment.doc",next:"@pop"},"@default":"comment.doc"}}],[/\s+/,{cases:{"@eos":{token:"comment.doc",next:"@pop"},"@default":"comment.doc"}}],[/.*/,{token:"comment.doc",next:"@pop"}]],numbers:[[/0[xX][0-9a-fA-F]+/,"number.hex"],[/-?(\d*\.)?\d+([eE][+\-]?\d+)?/,"number"]],operators:[[/<{1,2}-/,"operator"],[/->{1,2}/,"operator"],[/%[^%\s]+%/,"operator"],[/\*\*/,"operator"],[/%%/,"operator"],[/&&/,"operator"],[/\|\|/,"operator"],[/<>/,"operator"],[/[-+=&|!<>^~*\/:$]/,"operator"]],strings:[[/'/,"string.escape","@stringBody"],[/"/,"string.escape","@dblStringBody"]],stringBody:[[/\\./,{cases:{"@special":"string","@default":"error-token"}}],[/'/,"string.escape","@popall"],[/./,"string"]],dblStringBody:[[/\\./,{cases:{"@special":"string","@default":"error-token"}}],[/"/,"string.escape","@popall"],[/./,"string"]]}}}}]);
--------------------------------------------------------------------------------
/public/46.46.js:
--------------------------------------------------------------------------------
1 | (self.webpackJsonp=self.webpackJsonp||[]).push([[46],{420:function(e,r,o){"use strict";o.r(r),o.d(r,"conf",function(){return t}),o.d(r,"language",function(){return i});var t={comments:{lineComment:"#"},brackets:[["{","}"],["[","]"],["(",")"]],autoClosingPairs:[{open:"{",close:"}"},{open:"[",close:"]"},{open:"(",close:")"},{open:'"',close:'"'},{open:"'",close:"'"},{open:"`",close:"`"}],surroundingPairs:[{open:"{",close:"}"},{open:"[",close:"]"},{open:"(",close:")"},{open:'"',close:'"'},{open:"'",close:"'"},{open:"`",close:"`"}]},i={defaultToken:"",ignoreCase:!0,tokenPostfix:".shell",brackets:[{token:"delimiter.bracket",open:"{",close:"}"},{token:"delimiter.parenthesis",open:"(",close:")"},{token:"delimiter.square",open:"[",close:"]"}],keywords:["if","then","do","else","elif","while","until","for","in","esac","fi","fin","fil","done","exit","set","unset","export","function"],builtins:["ab","awk","bash","beep","cat","cc","cd","chown","chmod","chroot","clear","cp","curl","cut","diff","echo","find","gawk","gcc","get","git","grep","hg","kill","killall","ln","ls","make","mkdir","openssl","mv","nc","node","npm","ping","ps","restart","rm","rmdir","sed","service","sh","shopt","shred","source","sort","sleep","ssh","start","stop","su","sudo","svn","tee","telnet","top","touch","vi","vim","wall","wc","wget","who","write","yes","zsh"],symbols:/[=>Eliza
96 | 97 |
98 | {#each comments as comment}
99 |
100 | {comment.text}
101 |
102 | {/each}
103 |
104 |
105 |
106 |