Request
28 |{@html requestCodeHTML}29 |
Response
32 |{@html responseCodeHTML}33 |
├── .github └── workflows │ └── main.yml ├── .gitignore ├── .vscode └── extensions.json ├── LICENSE ├── README.md ├── index.html ├── package-lock.json ├── package.json ├── public ├── .nojekyll ├── ace │ ├── css │ │ ├── ace.css │ │ ├── monokai-1.png │ │ ├── monokai-2.png │ │ └── theme │ │ │ └── monokai.css │ └── src-min │ │ ├── ace.js │ │ ├── ext-beautify.js │ │ ├── ext-code_lens.js │ │ ├── ext-elastic_tabstops_lite.js │ │ ├── ext-emmet.js │ │ ├── ext-error_marker.js │ │ ├── ext-hardwrap.js │ │ ├── ext-keybinding_menu.js │ │ ├── ext-language_tools.js │ │ ├── ext-linking.js │ │ ├── ext-modelist.js │ │ ├── ext-options.js │ │ ├── ext-prompt.js │ │ ├── ext-rtl.js │ │ ├── ext-searchbox.js │ │ ├── ext-settings_menu.js │ │ ├── ext-spellcheck.js │ │ ├── ext-split.js │ │ ├── ext-static_highlight.js │ │ ├── ext-statusbar.js │ │ ├── ext-textarea.js │ │ ├── ext-themelist.js │ │ ├── ext-whitespace.js │ │ ├── keybinding-emacs.js │ │ ├── keybinding-sublime.js │ │ ├── keybinding-vim.js │ │ ├── keybinding-vscode.js │ │ ├── mode-abap.js │ │ ├── mode-abc.js │ │ ├── mode-actionscript.js │ │ ├── mode-ada.js │ │ ├── mode-alda.js │ │ ├── mode-apache_conf.js │ │ ├── mode-apex.js │ │ ├── mode-applescript.js │ │ ├── mode-aql.js │ │ ├── mode-asciidoc.js │ │ ├── mode-asl.js │ │ ├── mode-assembly_x86.js │ │ ├── mode-autohotkey.js │ │ ├── mode-batchfile.js │ │ ├── mode-bibtex.js │ │ ├── mode-c9search.js │ │ ├── mode-c_cpp.js │ │ ├── mode-cirru.js │ │ ├── mode-clojure.js │ │ ├── mode-cobol.js │ │ ├── mode-coffee.js │ │ ├── mode-coldfusion.js │ │ ├── mode-crystal.js │ │ ├── mode-csharp.js │ │ ├── mode-csound_document.js │ │ ├── mode-csound_orchestra.js │ │ ├── mode-csound_score.js │ │ ├── mode-csp.js │ │ ├── mode-css.js │ │ ├── mode-curly.js │ │ ├── mode-d.js │ │ ├── mode-dart.js │ │ ├── mode-diff.js │ │ ├── mode-django.js │ │ ├── mode-dockerfile.js │ │ ├── mode-dot.js │ │ ├── mode-drools.js │ │ ├── mode-edifact.js │ │ ├── mode-eiffel.js │ │ ├── mode-ejs.js │ │ ├── mode-elixir.js │ │ ├── mode-elm.js │ │ ├── mode-erlang.js │ │ ├── mode-forth.js │ │ ├── mode-fortran.js │ │ ├── mode-fsharp.js │ │ ├── mode-fsl.js │ │ ├── mode-ftl.js │ │ ├── mode-gcode.js │ │ ├── mode-gherkin.js │ │ ├── mode-gitignore.js │ │ ├── mode-glsl.js │ │ ├── mode-gobstones.js │ │ ├── mode-golang.js │ │ ├── mode-graphqlschema.js │ │ ├── mode-groovy.js │ │ ├── mode-haml.js │ │ ├── mode-handlebars.js │ │ ├── mode-haskell.js │ │ ├── mode-haskell_cabal.js │ │ ├── mode-haxe.js │ │ ├── mode-hjson.js │ │ ├── mode-html.js │ │ ├── mode-html_elixir.js │ │ ├── mode-html_ruby.js │ │ ├── mode-ini.js │ │ ├── mode-io.js │ │ ├── mode-ion.js │ │ ├── mode-jack.js │ │ ├── mode-jade.js │ │ ├── mode-java.js │ │ ├── mode-javascript.js │ │ ├── mode-jexl.js │ │ ├── mode-json.js │ │ ├── mode-json5.js │ │ ├── mode-jsoniq.js │ │ ├── mode-jsp.js │ │ ├── mode-jssm.js │ │ ├── mode-jsx.js │ │ ├── mode-julia.js │ │ ├── mode-kotlin.js │ │ ├── mode-latex.js │ │ ├── mode-latte.js │ │ ├── mode-less.js │ │ ├── mode-liquid.js │ │ ├── mode-lisp.js │ │ ├── mode-livescript.js │ │ ├── mode-logiql.js │ │ ├── mode-logtalk.js │ │ ├── mode-lsl.js │ │ ├── mode-lua.js │ │ ├── mode-luapage.js │ │ ├── mode-lucene.js │ │ ├── mode-makefile.js │ │ ├── mode-markdown.js │ │ ├── mode-mask.js │ │ ├── mode-matlab.js │ │ ├── mode-maze.js │ │ ├── mode-mediawiki.js │ │ ├── mode-mel.js │ │ ├── mode-mips.js │ │ ├── mode-mixal.js │ │ ├── mode-mushcode.js │ │ ├── mode-mysql.js │ │ ├── mode-nginx.js │ │ ├── mode-nim.js │ │ ├── mode-nix.js │ │ ├── mode-nsis.js │ │ ├── mode-nunjucks.js │ │ ├── mode-objectivec.js │ │ ├── mode-ocaml.js │ │ ├── mode-partiql.js │ │ ├── mode-pascal.js │ │ ├── mode-perl.js │ │ ├── mode-pgsql.js │ │ ├── mode-php.js │ │ ├── mode-php_laravel_blade.js │ │ ├── mode-pig.js │ │ ├── mode-plain_text.js │ │ ├── mode-powershell.js │ │ ├── mode-praat.js │ │ ├── mode-prisma.js │ │ ├── mode-prolog.js │ │ ├── mode-properties.js │ │ ├── mode-protobuf.js │ │ ├── mode-puppet.js │ │ ├── mode-python.js │ │ ├── mode-qml.js │ │ ├── mode-r.js │ │ ├── mode-raku.js │ │ ├── mode-razor.js │ │ ├── mode-rdoc.js │ │ ├── mode-red.js │ │ ├── mode-redshift.js │ │ ├── mode-rhtml.js │ │ ├── mode-robot.js │ │ ├── mode-rst.js │ │ ├── mode-ruby.js │ │ ├── mode-rust.js │ │ ├── mode-sac.js │ │ ├── mode-sass.js │ │ ├── mode-scad.js │ │ ├── mode-scala.js │ │ ├── mode-scheme.js │ │ ├── mode-scrypt.js │ │ ├── mode-scss.js │ │ ├── mode-sh.js │ │ ├── mode-sjs.js │ │ ├── mode-slim.js │ │ ├── mode-smarty.js │ │ ├── mode-smithy.js │ │ ├── mode-snippets.js │ │ ├── mode-soy_template.js │ │ ├── mode-space.js │ │ ├── mode-sparql.js │ │ ├── mode-sql.js │ │ ├── mode-sqlserver.js │ │ ├── mode-stylus.js │ │ ├── mode-svg.js │ │ ├── mode-swift.js │ │ ├── mode-tcl.js │ │ ├── mode-terraform.js │ │ ├── mode-tex.js │ │ ├── mode-text.js │ │ ├── mode-textile.js │ │ ├── mode-toml.js │ │ ├── mode-tsx.js │ │ ├── mode-turtle.js │ │ ├── mode-twig.js │ │ ├── mode-typescript.js │ │ ├── mode-vala.js │ │ ├── mode-vbscript.js │ │ ├── mode-velocity.js │ │ ├── mode-verilog.js │ │ ├── mode-vhdl.js │ │ ├── mode-visualforce.js │ │ ├── mode-wollok.js │ │ ├── mode-xml.js │ │ ├── mode-xquery.js │ │ ├── mode-yaml.js │ │ ├── mode-zeek.js │ │ ├── snippets │ │ ├── abap.js │ │ ├── abc.js │ │ ├── actionscript.js │ │ ├── ada.js │ │ ├── alda.js │ │ ├── apache_conf.js │ │ ├── apex.js │ │ ├── applescript.js │ │ ├── aql.js │ │ ├── asciidoc.js │ │ ├── asl.js │ │ ├── assembly_x86.js │ │ ├── autohotkey.js │ │ ├── batchfile.js │ │ ├── bibtex.js │ │ ├── c9search.js │ │ ├── c_cpp.js │ │ ├── cirru.js │ │ ├── clojure.js │ │ ├── cobol.js │ │ ├── coffee.js │ │ ├── coldfusion.js │ │ ├── crystal.js │ │ ├── csharp.js │ │ ├── csound_document.js │ │ ├── csound_orchestra.js │ │ ├── csound_score.js │ │ ├── csp.js │ │ ├── css.js │ │ ├── curly.js │ │ ├── d.js │ │ ├── dart.js │ │ ├── diff.js │ │ ├── django.js │ │ ├── dockerfile.js │ │ ├── dot.js │ │ ├── drools.js │ │ ├── edifact.js │ │ ├── eiffel.js │ │ ├── ejs.js │ │ ├── elixir.js │ │ ├── elm.js │ │ ├── erlang.js │ │ ├── forth.js │ │ ├── fortran.js │ │ ├── fsharp.js │ │ ├── fsl.js │ │ ├── ftl.js │ │ ├── gcode.js │ │ ├── gherkin.js │ │ ├── gitignore.js │ │ ├── glsl.js │ │ ├── gobstones.js │ │ ├── golang.js │ │ ├── graphqlschema.js │ │ ├── groovy.js │ │ ├── haml.js │ │ ├── handlebars.js │ │ ├── haskell.js │ │ ├── haskell_cabal.js │ │ ├── haxe.js │ │ ├── hjson.js │ │ ├── html.js │ │ ├── html_elixir.js │ │ ├── html_ruby.js │ │ ├── ini.js │ │ ├── io.js │ │ ├── ion.js │ │ ├── jack.js │ │ ├── jade.js │ │ ├── java.js │ │ ├── javascript.js │ │ ├── jexl.js │ │ ├── json.js │ │ ├── json5.js │ │ ├── jsoniq.js │ │ ├── jsp.js │ │ ├── jssm.js │ │ ├── jsx.js │ │ ├── julia.js │ │ ├── kotlin.js │ │ ├── latex.js │ │ ├── latte.js │ │ ├── less.js │ │ ├── liquid.js │ │ ├── lisp.js │ │ ├── livescript.js │ │ ├── logiql.js │ │ ├── logtalk.js │ │ ├── lsl.js │ │ ├── lua.js │ │ ├── luapage.js │ │ ├── lucene.js │ │ ├── makefile.js │ │ ├── markdown.js │ │ ├── mask.js │ │ ├── matlab.js │ │ ├── maze.js │ │ ├── mediawiki.js │ │ ├── mel.js │ │ ├── mips.js │ │ ├── mixal.js │ │ ├── mushcode.js │ │ ├── mysql.js │ │ ├── nginx.js │ │ ├── nim.js │ │ ├── nix.js │ │ ├── nsis.js │ │ ├── nunjucks.js │ │ ├── objectivec.js │ │ ├── ocaml.js │ │ ├── partiql.js │ │ ├── pascal.js │ │ ├── perl.js │ │ ├── pgsql.js │ │ ├── php.js │ │ ├── php_laravel_blade.js │ │ ├── pig.js │ │ ├── plain_text.js │ │ ├── powershell.js │ │ ├── praat.js │ │ ├── prisma.js │ │ ├── prolog.js │ │ ├── properties.js │ │ ├── protobuf.js │ │ ├── puppet.js │ │ ├── python.js │ │ ├── qml.js │ │ ├── r.js │ │ ├── raku.js │ │ ├── razor.js │ │ ├── rdoc.js │ │ ├── red.js │ │ ├── redshift.js │ │ ├── rhtml.js │ │ ├── robot.js │ │ ├── rst.js │ │ ├── ruby.js │ │ ├── rust.js │ │ ├── sac.js │ │ ├── sass.js │ │ ├── scad.js │ │ ├── scala.js │ │ ├── scheme.js │ │ ├── scrypt.js │ │ ├── scss.js │ │ ├── sh.js │ │ ├── sjs.js │ │ ├── slim.js │ │ ├── smarty.js │ │ ├── smithy.js │ │ ├── snippets.js │ │ ├── soy_template.js │ │ ├── space.js │ │ ├── sparql.js │ │ ├── sql.js │ │ ├── sqlserver.js │ │ ├── stylus.js │ │ ├── svg.js │ │ ├── swift.js │ │ ├── tcl.js │ │ ├── terraform.js │ │ ├── tex.js │ │ ├── text.js │ │ ├── textile.js │ │ ├── toml.js │ │ ├── tsx.js │ │ ├── turtle.js │ │ ├── twig.js │ │ ├── typescript.js │ │ ├── vala.js │ │ ├── vbscript.js │ │ ├── velocity.js │ │ ├── verilog.js │ │ ├── vhdl.js │ │ ├── visualforce.js │ │ ├── wollok.js │ │ ├── xml.js │ │ ├── xquery.js │ │ ├── yaml.js │ │ └── zeek.js │ │ ├── theme-monokai.js │ │ ├── worker-base.js │ │ ├── worker-coffee.js │ │ ├── worker-css.js │ │ ├── worker-html.js │ │ ├── worker-javascript.js │ │ ├── worker-json.js │ │ ├── worker-lua.js │ │ ├── worker-php.js │ │ ├── worker-xml.js │ │ ├── worker-xquery.js │ │ └── worker-yaml.js ├── buymeacoffee.png ├── favicon.png ├── js │ ├── nunjucks.js │ ├── pollyjs-adapter-fetch.js │ ├── pollyjs-adapter-xhr.js │ └── pollyjs-core.js ├── logo_full.png ├── logo_transparent.png ├── logo_transparent_96.png └── playgrounds │ ├── .loader.html │ ├── activesearch │ ├── .playground.json │ ├── index.html │ ├── results.html │ └── server.js │ ├── boostrapmodaldialog │ ├── .playground.json │ ├── index.html │ ├── modal.html │ └── server.js │ ├── clicktoedit │ ├── .playground.json │ ├── contact-edit.html │ ├── contact.html │ ├── index.html │ └── server.js │ ├── clicktoload │ ├── .playground.json │ ├── index.html │ ├── loadmore.html │ └── server.js │ ├── infinitescroll │ ├── .playground.json │ ├── index.html │ ├── loadmore.html │ └── server.js │ └── welcome │ ├── .playground.json │ ├── button.html │ ├── index.html │ └── server.js ├── src ├── App.svelte ├── assets │ ├── app.css │ └── sharpdark.json ├── components │ ├── Ace.svelte │ ├── LogView.svelte │ ├── Monaco.svelte │ ├── Resizer.svelte │ └── layout │ │ ├── Editor.svelte │ │ ├── NetworkViewer.svelte │ │ ├── Sandbox.svelte │ │ └── Sidebar.svelte ├── main.js ├── playground.ts ├── session.ts └── vite-env.d.ts ├── svelte.config.js ├── tsconfig.json ├── tsconfig.node.json └── vite.config.ts /.github/workflows/main.yml: -------------------------------------------------------------------------------- 1 | # Simple workflow for deploying static content to GitHub Pages 2 | name: Deploy static content to Pages 3 | 4 | on: 5 | # Runs on pushes targeting the default branch 6 | push: 7 | branches: ['main'] 8 | 9 | # Allows you to run this workflow manually from the Actions tab 10 | workflow_dispatch: 11 | 12 | # Sets the GITHUB_TOKEN permissions to allow deployment to GitHub Pages 13 | permissions: 14 | contents: read 15 | pages: write 16 | id-token: write 17 | 18 | # Allow one concurrent deployment 19 | concurrency: 20 | group: 'pages' 21 | cancel-in-progress: true 22 | 23 | jobs: 24 | # Single deploy job since we're just deploying 25 | deploy: 26 | environment: 27 | name: github-pages 28 | url: ${{ steps.deployment.outputs.page_url }} 29 | runs-on: ubuntu-latest 30 | steps: 31 | - name: Checkout 32 | uses: actions/checkout@v4 33 | - name: Set up Node 34 | uses: actions/setup-node@v3 35 | with: 36 | node-version: 18 37 | cache: 'npm' 38 | - name: Install dependencies 39 | run: npm install 40 | - name: Build 41 | run: npm run build 42 | - name: Setup Pages 43 | uses: actions/configure-pages@v3 44 | - name: Upload artifact 45 | uses: actions/upload-pages-artifact@v2 46 | with: 47 | # Upload dist repository 48 | path: './dist' 49 | - name: Deploy to GitHub Pages 50 | id: deployment 51 | uses: actions/deploy-pages@v2 -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /.vscode/extensions.json: -------------------------------------------------------------------------------- 1 | { 2 | "recommendations": ["svelte.svelte-vscode"] 3 | } 4 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2024 Lasse Holmgaard Bomholt 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 |
6 | This is a simple code sandbox for playing around with HTMX. No setup needed! 7 |
8 |9 | It allows you to write code in a backend-like environment, running entirely inside the browser. You can define endpoints within server.js and render your own templates. It will run a mock server that intercepts outgoing requests from HTMX. The request handling and templating engine should be very familiar to people who use Django. In principle, this project isn't specific to HTMX, so you are free to try out other libraries as well. 10 |
11 |12 | Check out the examples! I've adapted them from the original htmx.org examples. 13 |
14 | 15 |38 | I made this project because I wanted it to exist, and nothing else. You are welcome to create issues, and I'll look into it when I have time, but expect a bumpy road if you want to extend the code yourself. 39 |
40 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "htmx-playground-2", 3 | "private": true, 4 | "version": "0.0.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "vite build", 9 | "preview": "vite preview", 10 | "check": "svelte-check --tsconfig ./tsconfig.json" 11 | }, 12 | "devDependencies": { 13 | "@sveltejs/vite-plugin-svelte": "^1.1.0", 14 | "@tsconfig/svelte": "^3.0.0", 15 | "svelte": "^3.52.0", 16 | "svelte-check": "^2.9.2", 17 | "svelte-preprocess": "^4.10.7", 18 | "tslib": "^2.4.0", 19 | "typescript": "^4.6.4", 20 | "vite": "^3.2.3" 21 | }, 22 | "dependencies": { 23 | "@babel/parser": "^7.20.5", 24 | "@babel/traverse": "^7.20.5", 25 | "@types/marked": "^4.0.7", 26 | "highlight.js": "^11.7.0", 27 | "isomorphic-dompurify": "^0.24.0", 28 | "lz-string": "^1.5.0", 29 | "marked": "^4.2.3", 30 | "monaco-editor": "^0.34.1", 31 | "monaco-jsx-highlighter": "^2.0.4", 32 | "monaco-jsx-syntax-highlight": "^1.2.0", 33 | "monaco-themes": "^0.4.3", 34 | "svelte-writable-derived": "^2.1.5" 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /public/.nojekyll: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lassebomh/htmx-playground/e282636dee4ed80a937daabb57cdea6977cc4e34/public/.nojekyll -------------------------------------------------------------------------------- /public/ace/css/monokai-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lassebomh/htmx-playground/e282636dee4ed80a937daabb57cdea6977cc4e34/public/ace/css/monokai-1.png -------------------------------------------------------------------------------- /public/ace/css/monokai-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lassebomh/htmx-playground/e282636dee4ed80a937daabb57cdea6977cc4e34/public/ace/css/monokai-2.png -------------------------------------------------------------------------------- /public/ace/css/theme/monokai.css: -------------------------------------------------------------------------------- 1 | .ace-monokai .ace_gutter { 2 | background: #222; 3 | color: #8F908A 4 | } 5 | 6 | .ace-monokai .ace_print-margin { 7 | width: 0px; 8 | background: #555651 9 | } 10 | 11 | .ace-monokai { 12 | background-color: #222222; 13 | color: #F8F8F2 14 | } 15 | 16 | .ace-monokai .ace_cursor { 17 | color: #F8F8F0 18 | } 19 | 20 | .ace-monokai .ace_marker-layer .ace_selection { 21 | background: #3E3E3E 22 | } 23 | 24 | .ace-monokai.ace_multiselect .ace_selection.ace_start { 25 | box-shadow: 0 0 3px 0px #222222; 26 | } 27 | 28 | .ace-monokai .ace_marker-layer .ace_step { 29 | background: rgb(102, 82, 0) 30 | } 31 | 32 | .ace-monokai .ace_marker-layer .ace_bracket { 33 | margin: -1px 0 0 -1px; 34 | border: 1px solid #3E3E3E 35 | } 36 | 37 | .ace-monokai .ace_marker-layer .ace_active-line { 38 | background: #2d2c2d 39 | } 40 | 41 | .ace-monokai .ace_gutter-active-line { 42 | background-color: #222; 43 | } 44 | 45 | .ace-monokai .ace_marker-layer .ace_selected-word { 46 | border: 1px solid #3E3E3E 47 | } 48 | 49 | .ace-monokai .ace_invisible { 50 | color: #52524d 51 | } 52 | 53 | .ace-monokai .ace_entity.ace_name.ace_tag, 54 | .ace-monokai .ace_keyword, 55 | .ace-monokai .ace_meta.ace_tag, 56 | .ace-monokai .ace_storage { 57 | color: #fa5080 58 | } 59 | 60 | .ace-monokai .ace_punctuation, 61 | .ace-monokai .ace_punctuation.ace_tag { 62 | color: #8b888f 63 | } 64 | 65 | .ace-monokai .ace_constant.ace_character, 66 | .ace-monokai .ace_constant.ace_language, 67 | .ace-monokai .ace_constant.ace_numeric, 68 | .ace-monokai .ace_constant.ace_other { 69 | color: #AE81FF 70 | } 71 | 72 | .ace-monokai .ace_invalid { 73 | color: #F8F8F0; 74 | background-color: #FC618D 75 | } 76 | 77 | .ace-monokai .ace_invalid.ace_deprecated { 78 | color: #F8F8F0; 79 | background-color: #AE81FF 80 | } 81 | 82 | .ace-monokai .ace_support.ace_constant, 83 | .ace-monokai .ace_support.ace_function { 84 | color: #66D9EF 85 | } 86 | 87 | .ace-monokai .ace_fold { 88 | background-color: #5ad4e6; 89 | border-color: #F8F8F2 90 | } 91 | 92 | .ace-monokai .ace_storage.ace_type, 93 | .ace-monokai .ace_support.ace_class, 94 | .ace-monokai .ace_support.ace_type { 95 | font-style: italic; 96 | color: #66D9EF 97 | } 98 | 99 | /* fc618d */ 100 | 101 | .ace-monokai .ace_entity.ace_name.ace_function, 102 | .ace-monokai .ace_entity.ace_other, 103 | .ace-monokai .ace_entity.ace_other.ace_attribute-name, 104 | .ace-monokai .ace_variable { 105 | color: #5ad4e6; 106 | font-style: italic; 107 | } 108 | 109 | .ace-monokai .ace_variable.ace_parameter { 110 | font-style: italic; 111 | color: #FD971F 112 | } 113 | 114 | .ace-monokai .ace_string { 115 | color: #E6DB74 116 | } 117 | 118 | .ace-monokai .ace_comment { 119 | color: #75715E 120 | } 121 | 122 | /* .ace-monokai .ace_indent-guide { 123 | background: url("../monokai-1.png") right repeat-y 124 | } */ 125 | /* 126 | .ace-monokai .ace_indent-guide-active { 127 | background: url("../monokai-2.png") right repeat-y; 128 | } */ 129 | -------------------------------------------------------------------------------- /public/ace/src-min/ext-error_marker.js: -------------------------------------------------------------------------------- 1 | ; (function() { 2 | window.require(["ace/ext/error_marker"], function(m) { 3 | if (typeof module == "object" && typeof exports == "object" && module) { 4 | module.exports = m; 5 | } 6 | }); 7 | })(); 8 | -------------------------------------------------------------------------------- /public/ace/src-min/ext-hardwrap.js: -------------------------------------------------------------------------------- 1 | define("ace/ext/hardwrap",["require","exports","module","ace/range","ace/editor","ace/config"],function(e,t,n){"use strict";function i(e,t){function m(e,t,n){if(e.lengthDistance | 21 |First Name | 22 |Last Name | 23 |
---|
Name | 12 |Phone Number | 13 |
---|
Name | 28 |Phone Number | 29 |
---|
13 | Reload with Ctrl+B. There is also a network viewer down there ↓ 14 |
15 |16 | If you want to help out a fellow student, then you are very welcome to buy me a coffee ❤️. 17 |
18 |
19 | ...or a pizza: BTC 38UyMvitNqKPqfmKMCj4wgTQLemT7z44LP
20 |
{@html requestCodeHTML}29 |
{@html responseCodeHTML}33 |