├── .editorconfig ├── .eslintignore ├── .eslintrc.json ├── .firebaserc ├── .gitignore ├── .prettierrc.js ├── .vscode └── settings.json ├── CONTRIBUTING.md ├── LICENSE ├── README.md ├── firebase.json ├── package-lock.json ├── package.json ├── src ├── 404.html ├── Main.tsx ├── favicon.png ├── icon.svg ├── index.html ├── index.tsx ├── opengraph.png └── style.css └── tsconfig.json /.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | indent_style = space 5 | indent_size = 2 6 | end_of_line = lf 7 | charset = utf-8 8 | insert_final_newline = true 9 | -------------------------------------------------------------------------------- /.eslintignore: -------------------------------------------------------------------------------- 1 | build/ 2 | -------------------------------------------------------------------------------- /.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "./node_modules/gts/" 3 | } 4 | -------------------------------------------------------------------------------- /.firebaserc: -------------------------------------------------------------------------------- 1 | { 2 | "projects": { 3 | "prod": "codewich-9c316", 4 | "qa": "codewich-qa", 5 | "default": "codewich-qa" 6 | }, 7 | "targets": {}, 8 | "etags": {} 9 | } -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | build/ 2 | node_modules/ 3 | *.log 4 | .cache/ 5 | dist/ 6 | *.cache 7 | .parcel-cache 8 | -------------------------------------------------------------------------------- /.prettierrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | ...require('gts/.prettierrc.json'), 3 | trailingComma: 'all', 4 | } 5 | -------------------------------------------------------------------------------- /.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "editor.tabSize": 2, 3 | } 4 | -------------------------------------------------------------------------------- /CONTRIBUTING.md: -------------------------------------------------------------------------------- 1 | # How to contribute 2 | 3 | We'd love to accept your patches and contributions to this project. There are 4 | just a few small guidelines you need to follow. 5 | 6 | ## Contributor License Agreement 7 | 8 | Contributions to this project must be accompanied by a Contributor License 9 | Agreement. You (or your employer) retain the copyright to your contribution, 10 | this simply gives us permission to use and redistribute your contributions as 11 | part of the project. Head over to to see 12 | your current agreements on file or to sign a new one. 13 | 14 | You generally only need to submit a CLA once, so if you've already submitted one 15 | (even if it was for a different project), you probably don't need to do it 16 | again. 17 | 18 | ## Code reviews 19 | 20 | All submissions require review. We use GitHub pull requests for this purpose. 21 | Consult [GitHub Help] for more information on using pull requests. 22 | 23 | [GitHub Help]: https://help.github.com/articles/about-pull-requests/ 24 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | 2 | Apache License 3 | Version 2.0, January 2004 4 | http://www.apache.org/licenses/ 5 | 6 | TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION 7 | 8 | 1. Definitions. 9 | 10 | "License" shall mean the terms and conditions for use, reproduction, 11 | and distribution as defined by Sections 1 through 9 of this document. 12 | 13 | "Licensor" shall mean the copyright owner or entity authorized by 14 | the copyright owner that is granting the License. 15 | 16 | "Legal Entity" shall mean the union of the acting entity and all 17 | other entities that control, are controlled by, or are under common 18 | control with that entity. For the purposes of this definition, 19 | "control" means (i) the power, direct or indirect, to cause the 20 | direction or management of such entity, whether by contract or 21 | otherwise, or (ii) ownership of fifty percent (50%) or more of the 22 | outstanding shares, or (iii) beneficial ownership of such entity. 23 | 24 | "You" (or "Your") shall mean an individual or Legal Entity 25 | exercising permissions granted by this License. 26 | 27 | "Source" form shall mean the preferred form for making modifications, 28 | including but not limited to software source code, documentation 29 | source, and configuration files. 30 | 31 | "Object" form shall mean any form resulting from mechanical 32 | transformation or translation of a Source form, including but 33 | not limited to compiled object code, generated documentation, 34 | and conversions to other media types. 35 | 36 | "Work" shall mean the work of authorship, whether in Source or 37 | Object form, made available under the License, as indicated by a 38 | copyright notice that is included in or attached to the work 39 | (an example is provided in the Appendix below). 40 | 41 | "Derivative Works" shall mean any work, whether in Source or Object 42 | form, that is based on (or derived from) the Work and for which the 43 | editorial revisions, annotations, elaborations, or other modifications 44 | represent, as a whole, an original work of authorship. For the purposes 45 | of this License, Derivative Works shall not include works that remain 46 | separable from, or merely link (or bind by name) to the interfaces of, 47 | the Work and Derivative Works thereof. 48 | 49 | "Contribution" shall mean any work of authorship, including 50 | the original version of the Work and any modifications or additions 51 | to that Work or Derivative Works thereof, that is intentionally 52 | submitted to Licensor for inclusion in the Work by the copyright owner 53 | or by an individual or Legal Entity authorized to submit on behalf of 54 | the copyright owner. For the purposes of this definition, "submitted" 55 | means any form of electronic, verbal, or written communication sent 56 | to the Licensor or its representatives, including but not limited to 57 | communication on electronic mailing lists, source code control systems, 58 | and issue tracking systems that are managed by, or on behalf of, the 59 | Licensor for the purpose of discussing and improving the Work, but 60 | excluding communication that is conspicuously marked or otherwise 61 | designated in writing by the copyright owner as "Not a Contribution." 62 | 63 | "Contributor" shall mean Licensor and any individual or Legal Entity 64 | on behalf of whom a Contribution has been received by Licensor and 65 | subsequently incorporated within the Work. 66 | 67 | 2. Grant of Copyright License. Subject to the terms and conditions of 68 | this License, each Contributor hereby grants to You a perpetual, 69 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 70 | copyright license to reproduce, prepare Derivative Works of, 71 | publicly display, publicly perform, sublicense, and distribute the 72 | Work and such Derivative Works in Source or Object form. 73 | 74 | 3. Grant of Patent License. Subject to the terms and conditions of 75 | this License, each Contributor hereby grants to You a perpetual, 76 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 77 | (except as stated in this section) patent license to make, have made, 78 | use, offer to sell, sell, import, and otherwise transfer the Work, 79 | where such license applies only to those patent claims licensable 80 | by such Contributor that are necessarily infringed by their 81 | Contribution(s) alone or by combination of their Contribution(s) 82 | with the Work to which such Contribution(s) was submitted. If You 83 | institute patent litigation against any entity (including a 84 | cross-claim or counterclaim in a lawsuit) alleging that the Work 85 | or a Contribution incorporated within the Work constitutes direct 86 | or contributory patent infringement, then any patent licenses 87 | granted to You under this License for that Work shall terminate 88 | as of the date such litigation is filed. 89 | 90 | 4. Redistribution. You may reproduce and distribute copies of the 91 | Work or Derivative Works thereof in any medium, with or without 92 | modifications, and in Source or Object form, provided that You 93 | meet the following conditions: 94 | 95 | (a) You must give any other recipients of the Work or 96 | Derivative Works a copy of this License; and 97 | 98 | (b) You must cause any modified files to carry prominent notices 99 | stating that You changed the files; and 100 | 101 | (c) You must retain, in the Source form of any Derivative Works 102 | that You distribute, all copyright, patent, trademark, and 103 | attribution notices from the Source form of the Work, 104 | excluding those notices that do not pertain to any part of 105 | the Derivative Works; and 106 | 107 | (d) If the Work includes a "NOTICE" text file as part of its 108 | distribution, then any Derivative Works that You distribute must 109 | include a readable copy of the attribution notices contained 110 | within such NOTICE file, excluding those notices that do not 111 | pertain to any part of the Derivative Works, in at least one 112 | of the following places: within a NOTICE text file distributed 113 | as part of the Derivative Works; within the Source form or 114 | documentation, if provided along with the Derivative Works; or, 115 | within a display generated by the Derivative Works, if and 116 | wherever such third-party notices normally appear. The contents 117 | of the NOTICE file are for informational purposes only and 118 | do not modify the License. You may add Your own attribution 119 | notices within Derivative Works that You distribute, alongside 120 | or as an addendum to the NOTICE text from the Work, provided 121 | that such additional attribution notices cannot be construed 122 | as modifying the License. 123 | 124 | You may add Your own copyright statement to Your modifications and 125 | may provide additional or different license terms and conditions 126 | for use, reproduction, or distribution of Your modifications, or 127 | for any such Derivative Works as a whole, provided Your use, 128 | reproduction, and distribution of the Work otherwise complies with 129 | the conditions stated in this License. 130 | 131 | 5. Submission of Contributions. Unless You explicitly state otherwise, 132 | any Contribution intentionally submitted for inclusion in the Work 133 | by You to the Licensor shall be under the terms and conditions of 134 | this License, without any additional terms or conditions. 135 | Notwithstanding the above, nothing herein shall supersede or modify 136 | the terms of any separate license agreement you may have executed 137 | with Licensor regarding such Contributions. 138 | 139 | 6. Trademarks. This License does not grant permission to use the trade 140 | names, trademarks, service marks, or product names of the Licensor, 141 | except as required for reasonable and customary use in describing the 142 | origin of the Work and reproducing the content of the NOTICE file. 143 | 144 | 7. Disclaimer of Warranty. Unless required by applicable law or 145 | agreed to in writing, Licensor provides the Work (and each 146 | Contributor provides its Contributions) on an "AS IS" BASIS, 147 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or 148 | implied, including, without limitation, any warranties or conditions 149 | of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A 150 | PARTICULAR PURPOSE. You are solely responsible for determining the 151 | appropriateness of using or redistributing the Work and assume any 152 | risks associated with Your exercise of permissions under this License. 153 | 154 | 8. Limitation of Liability. In no event and under no legal theory, 155 | whether in tort (including negligence), contract, or otherwise, 156 | unless required by applicable law (such as deliberate and grossly 157 | negligent acts) or agreed to in writing, shall any Contributor be 158 | liable to You for damages, including any direct, indirect, special, 159 | incidental, or consequential damages of any character arising as a 160 | result of this License or out of the use or inability to use the 161 | Work (including but not limited to damages for loss of goodwill, 162 | work stoppage, computer failure or malfunction, or any and all 163 | other commercial damages or losses), even if such Contributor 164 | has been advised of the possibility of such damages. 165 | 166 | 9. Accepting Warranty or Additional Liability. While redistributing 167 | the Work or Derivative Works thereof, You may choose to offer, 168 | and charge a fee for, acceptance of support, warranty, indemnity, 169 | or other liability obligations and/or rights consistent with this 170 | License. However, in accepting such obligations, You may act only 171 | on Your own behalf and on Your sole responsibility, not on behalf 172 | of any other Contributor, and only if You agree to indemnify, 173 | defend, and hold each Contributor harmless for any liability 174 | incurred by, or claims asserted against, such Contributor by reason 175 | of your accepting any such warranty or additional liability. 176 | 177 | END OF TERMS AND CONDITIONS 178 | 179 | APPENDIX: How to apply the Apache License to your work. 180 | 181 | To apply the Apache License to your work, attach the following 182 | boilerplate notice, with the fields enclosed by brackets "[]" 183 | replaced with your own identifying information. (Don't include 184 | the brackets!) The text should be enclosed in the appropriate 185 | comment syntax for the file format. We also recommend that a 186 | file or class name and description of purpose be included on the 187 | same "printed page" as the copyright notice for easier 188 | identification within third-party archives. 189 | 190 | Copyright [yyyy] [name of copyright owner] 191 | 192 | Licensed under the Apache License, Version 2.0 (the "License"); 193 | you may not use this file except in compliance with the License. 194 | You may obtain a copy of the License at 195 | 196 | http://www.apache.org/licenses/LICENSE-2.0 197 | 198 | Unless required by applicable law or agreed to in writing, software 199 | distributed under the License is distributed on an "AS IS" BASIS, 200 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 201 | See the License for the specific language governing permissions and 202 | limitations under the License. 203 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # CodeWich 2 | 3 | [![Build Status]](https://travis-ci.org/calebegg/codewich) 4 | 5 | [Build Status]: https://travis-ci.org/calebegg/codewich.svg?branch=master 6 | 7 | CodeWich is a web app you can use to write small, self-contained snippets of 8 | TypeScript/JavaScript, CSS, and HTML, and to preview a simple page that combines 9 | them. The preview updates live as you type. It's similar to JSFiddle, JSBin, 10 | CodePen, and others. 11 | 12 | This is not an official Google product. 13 | 14 | ## Features 15 | 16 | - Native support for TypeScript, including error highlighting and 17 | autocompletion. 18 | - Your code automatically runs as you type. 19 | - Code snippets you write are automatically saved in a compressed form in the 20 | URL. This has a few benefits: 21 | - Your code never leaves your machine unless you decide to share your URL. 22 | Since the snippet is stored in the URL fragment (the part after the 23 | `#`), the CodeWich web server doesn't even log your code snippets. 24 | - You don't have to rely on CodeWich's availability. You can [download 25 | your own copy] and run it locally, or host it somewhere you control, and 26 | you'll always be able to decode your CodeWich URLs to get the original 27 | code. 28 | 29 | [download your own copy]: https://github.com/calebegg/codewich/releases/latest 30 | 31 | ## Demos 32 | 33 | - [Flocking] (canvas) 34 | - [Card flip] (CSS) 35 | - [99 bottles of beer] (text) 36 | - [Bouncing balls] (canvas) 37 | - [Draw tiling patterns] (canvas) 38 | - [Spirograph] (canvas) 39 | - [Zigzag border] (CSS) 40 | 41 | ## CodeWich uses 42 | 43 | - [Pako] for compression 44 | - [Loop Protect] from [JSBin] to prevent accidental infinite for/while loops 45 | from breaking your tab. 46 | - [Firebase] for static hosting 47 | 48 | [Pako]: https://github.com/nodeca/pako 49 | [Loop Protect]: https://github.com/jsbin/loop-protect 50 | [JSBin]: https://jsbin.com/ 51 | [Firebase]: https://firebase.google.com/docs/hosting/ 52 | 53 | ## Development 54 | 55 | ```bash 56 | $ npm install 57 | ``` 58 | 59 | ### Running locally 60 | 61 | ```bash 62 | $ npx parcel serve src/index.html 63 | ``` 64 | 65 | ### Deploying 66 | 67 | ```bash 68 | $ npx parcel build src/index.html 69 | $ npx firebase deploy -P qa 70 | $ npx firebase deploy -P prod 71 | ``` 72 | 73 | [Bouncing balls]: https://codewich.com/#v1,,,bVJtT4MwEPbzfsWJmrV7QdhLMmXsg4uJSzQx6g9YRzsgMkhYNyHb_rtXygTUBsrd8dxzT.8aCQkeuEB44u02IpamL.RjJJT5kC84aXss3rNtmwLbwtPHy_O88EsIbUFtqdx5EkuRSdIe8Da9dFqtCCtkWMHqQa4_vHR56Qc7gcad09oKucDsdM8iQii4MzgU_OEaSAFCFC1jannmOoyid5lHisBI_RUjY7sH59ccUcP5hX4TniRYFJ.xpTdaYbQUqwooqS9MBmbKYp5sUFUHRpYFXUysUPk_qMEfFP.PzLagD.MaSHH1Rzpw.jl.BjMYjS04HlHSFGmppuvzzPkB5RpUb5Gmw70D5qQuuOviv4a2jtuAYCu63cptziAVcpfGdZHNWSyDbcTI9UFlqIadejCxbnpo4WbTpVPmrIQfxq_YEkLPIZZ6JMO7okZTjKno2OtCtbQEZYX68uCNo_DCM22npklRY30b53yxShChu7Ni3qefJruY38PVcDhE0MVUX3YIuWto04CvkMvANfCeGBCI0A.kdmbTWw2ZfQM 74 | [Draw tiling patterns]: https://codewich.com/#v1,,,jZJRT4MwEMd95lOcS0zBTawkexljPhgfTDRZ3Is.snIbjYVG1m0uC9_dK2XITEy8kHJcf727_xWFBkRa7tINJJBpsS2wNOHnFqvDAhUKoyufOYAFl7GnLE.oC4VrNA.6NPhlfBZlDeGtdAW.5Sq9J5LHjTOFceMMhwEcPSDrOKGV46zTcOT8cNbkCnyb5QoiSJIGJLdPWBPhSir1Sl038DXccT5q4NY9LUHcnas9t9ae12pKs.xxR1N4lhuDJZL.Qm83WOgdshEgJDMq.0vkTfRPlRb8W6YTsDAHRWWc4qGV2cr27ckucA9sqVLxwWACbJ9LgyzuZVriWpbz1OR.0A.nlfAxFEqSwjebh3NK2RvXafO92zwb4AjoeaG04fyJotFZctv9qRyN1L68Oogvljo7wBGKtKKeJvaq64tp.9vtZWbyZDDmfAA5ynVu3MdseuuI2Tc 75 | [99 bottles of beer]: https://codewich.com/#v1,,,lY5BDoIwFERZc4pZmBQSMbJEKN7AlQeg6Cc2lpa0JSwId7eYGKOJC2czk_z8N9MZi0SRhwRHUZTBa.yDZVmKOUbQ1VzGnrTfTVZ6UjppqqF.XlZtZrmgNd4rChGcc.Q4gjEcwBxbYDq0RBZGw98Ik1Cqau3_gI.ns7hTIFIYN.ktBuEcpIewZtTXb_ybeTLojaUVLZEhfxW7XyubtIyXKHoA 76 | [Card flip]: https://codewich.com/#v1,,,tVNdb4IwFPXZX9GQLNFEHB8zcfjxQ_ZW6BVurNymrahZ9t9XQJ2g2XxZCSW5nHN67rkwEFhNNxJVxrVgn0PmliKDFqlMmAbJLVawaOo7rnN01TAI1LEtCTRK8lPCsJRYgp9KyraL4ddw2NFdO2B1Vi8A88J2VA4obNGpWM3LiwkuJZtGM8OAG_Cx9GlvW5QCbRRktUOfNLbmZsFLs90IbUjvfGNPEhKmNBjQjhCLFpHS0TcFF3RIWMBCdWSxu3We8lEwaa5pGI0nDfZ2tdioj43exmddnm03PAO_QoMpSrQupgKFgPInIE2lPedydZrc9jWK61DGV0atejcmnhqSe3sekyXlOln8LdpvSZPlFmLhemHhhLndD.eBgHx8N9GkoAp0Z669HN_rIOf9dOLgcZIzBwzvs4x.P_n5_PpnNmD3bcPHKHwyi2eiuB3P__kJen4Gy3oKmeTGrLyLLW_dSHRe1Wl5rPkRVl5tNde0L0XCBIkcdCr3sPDWy1fHuWfX.IdkSztu6YfYPr4B 77 | [Flocking]: https://codewich.com/#v1,,,lVZLb5tAEM7Zv2KaHgyxswEkV0mwfeklOVSKmko5IA4bWNuoGBy8dkCR_3tndsE8bBoliZxl5pvXNzNrYiEh4Mmeb2EGYRrs1iKR7G0nsuJZxCKQaWYMNWBofnMHMeERqkVsKeTPNJEil8bQCRUiSJOthJca8x6FclXJH2r5SkTLlXQHgwgdZAseCHjimYyCWMDHAPAnv4dkt34Vmasei_Zj2FGHDf1hUMbbqxKoOM8HLNLTiHGJ9D38rXLblNFrdJUPYQaLNAOD6s_Sd0RYrjpMwdGn0cgs0y5jss1uuzI839TpHc2DNNbmdNDmeKrNGy489Ot7qPUppV9crljGkzBdGyZcAZvANTBnMoY.ja9DH4iPY_xIR48wtm1ZdKpjHynQyX8gxV3fL2NqRFf6MFb9sMaqDdbB1D1gW5mlf8WzLLCpMxh.v729HSKXWyEfqet7HhtoP5uX8QOGwXn2G8s30Bf.YbgHdDZQakqf75e_.DKJ5C4klyVTR.bYmm8M1aE5dYVlItwFwjC8HPP2x.DlDh4cXwX1chiBEuB_Epq1n68ZtuNzwnC4weaqDyqgNQOfjdCXB6ZiR9NR81JPkNvCarVn.XA9a1GKorNI.xRp9_q8mgG7u.vzc05Lua8rz89vO470H6tQLq_AQa4bXlDQ9hEtwDjxMQe7y1M712aQm5Mc3D5Lu2Fpf255aD0F7FUso.QJl8gwT4nI6ZLEXuNa6Rka4aaewgqE0fzgTvbBArZO9.JPatAQm11dHCVKV_NKRKMTPdcNrlF2Yq1Xu5n_obxt2rO.gXRRXyzNZvTQQEYflPABC9y4DTjPAlXJGGx1Oahb6OkR83PMJm4RxXHXo94iZbGIU_xay4m0SQelF7OBKrqok8Ui0kaYKAtzunot.39Yu8IWXayyH51ZXN0U5rSgxXmofQaa64WzOvZK2JTlVRVNYVGlWwtpzQg9BcuszCaW1QUUFaDoAeS4myjWPq57fBwhRQuC32g4Az9M9.I1xVo.cPsynKR7uiUPF9PyjUa9ecwu0eoS9NuGfphPbzRi_g8 78 | [Spirograph]: https://codewich.com/#v1,,,VVJNb4JAEO2ZXzH9kqUaXLXUVsRLTz00MbFJr0UYhXTdbZehhTT.9y4uGOVAmPfmzcx7QSBBEsufuIAIUpWUO5Tkf5eo6xUKTEhp5toG17sMHUc0AtNrMX.L9KwkYUXMHaeHlsQnHctCxIRsHPABmJdnlJtSJpQrCRvJKEOKZyDL3Rq1B38OmEcjlVqCPw2gD68xZX6iCtsKdzDyeeDBEO5DZ2_PqMwZshQiPFT1sXI2SgNrMKuNgIft5xzG3Mw6DF..mK.xWeXzUcf3oyM3hIf77rLEF7nE9zylzEybhCfgc_xlIFerUqZuixek1SeuqBZouI.sEOzmzy4YnuweTZ_2A3jktwOY8lvvoxu7xm0ul6aNeRbKN8AquIysQej1jNmu8oxgp37wTbFqAHWraMxrs7uL2musBtySTW66S.EYcausT8kil2ektXy.qrPbHLu_WKu0bkNbx8nn9pDLDK4nk0lDz9t_7beJMroKOL.CDPNtRrZYzIe2Y_EP 79 | [Zigzag border]: https://codewich.com/#v1,,,XVHbbtswDO2zv4JwMajDfFFTeEuV2NuwFt3THvYHik3LQmXLkJQ62dB_n1zbaxK.CDwkdQ4Pr77JttfGQdg411uWprXunE2E1kIh76VNSt2mpbVfa95Kdcx_c4UDP7IVpeEmCHa6OsLfAHy03AjZMaCb4DUILJZO6m6uNShF4xisMtofNm_QSBQPC07pCTpRMZi5IviJ6gWdLDn8wj1GYHlnY4tG1idTVv5BBl.yhcDhwcVcSeE1ldg5NBOuZIfxhaB3wYnT_Sy61EobBtePPx4.r..n4R0vn4XR.65i8AYssTfqJqy440y2XGBqX8SnQ6s2e1evo63PwGedzclotPd5GIZkuEu0Ealfno79BAZZuSYnt5SS2bIxIcW2566BWiqVkw.ru0kQgSonLY1uKaiMRrF_szEjkBbb8b8i_Hgm0WCP3MUH2GnndAvXlH5f32dn28.lcwOWvksD_jvzerVd7l0qbm0eehfDwp9N6cRrmWpFcNk1sYXFk9bV7ognrf8A 80 | -------------------------------------------------------------------------------- /firebase.json: -------------------------------------------------------------------------------- 1 | { 2 | "hosting": { 3 | "public": "dist", 4 | "headers": [ 5 | { 6 | "source": "**/*.@(js|css|svg)", 7 | "headers": [ 8 | { 9 | "key": "Cache-Control", 10 | "value": "max-age=31536000" 11 | } 12 | ] 13 | } 14 | ] 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "codewich", 3 | "version": "2.0.0", 4 | "description": "Create and share simple web demos. Prototype new ideas quickly.", 5 | "license": "Apache-2.0", 6 | "dependencies": { 7 | "@types/pako": "^2.0.1", 8 | "loop-protect": "^2.1.6", 9 | "pako": "^2.1.0", 10 | "react": "^18.2.0", 11 | "react-dom": "^18.2.0" 12 | }, 13 | "devDependencies": { 14 | "@types/react": "^18.2.28", 15 | "@types/react-dom": "^18.2.13", 16 | "@typescript-eslint/eslint-plugin": "^6.8.0", 17 | "concurrently": "^8.2.1", 18 | "eslint": "^8.52.0", 19 | "eslint-config-standard-with-typescript": "^39.1.1", 20 | "eslint-plugin-import": "^2.28.1", 21 | "eslint-plugin-n": "^16.2.0", 22 | "eslint-plugin-promise": "^6.1.1", 23 | "eslint-plugin-react": "^7.33.2", 24 | "firebase-tools": "^12.7.0", 25 | "parcel": "^2.10.0", 26 | "process": "^0.11.10", 27 | "typescript": "^5.2.2", 28 | "gts": "^5.2.0", 29 | "@types/node": "20.8.2" 30 | }, 31 | "browserslist": [ 32 | "since 2023-10" 33 | ], 34 | "scripts": { 35 | "lint": "gts lint", 36 | "clean": "gts clean", 37 | "compile": "tsc", 38 | "fix": "gts fix", 39 | "prepare": "npm run compile", 40 | "pretest": "npm run compile", 41 | "posttest": "npm run lint" 42 | } 43 | } 44 | -------------------------------------------------------------------------------- /src/404.html: -------------------------------------------------------------------------------- 1 | 404 2 | 12 | 13 |
404!
14 | -------------------------------------------------------------------------------- /src/Main.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * @license 3 | * Copyright 2023 Google Inc. 4 | * 5 | * Licensed under the Apache License, Version 2.0 (the "License"); 6 | * you may not use this file except in compliance with the License. 7 | * You may obtain a copy of the License at 8 | * 9 | * http://www.apache.org/licenses/LICENSE-2.0 10 | * 11 | * Unless required by applicable law or agreed to in writing, software 12 | * distributed under the License is distributed on an "AS IS" BASIS, 13 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 14 | * See the License for the specific language governing permissions and 15 | * limitations under the License. 16 | */ 17 | 18 | export function Main() { 19 | return

Hello, world!

; 20 | } 21 | -------------------------------------------------------------------------------- /src/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/calebegg/codewich/95b140a40800198def622c1cba0390ef55ce3a18/src/favicon.png -------------------------------------------------------------------------------- /src/icon.svg: -------------------------------------------------------------------------------- 1 | icon 2 | -------------------------------------------------------------------------------- /src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 17 | 18 | 19 | 20 | Codewich — Live updating TypeScript/ES6/JavaScript playground 21 | 22 | 23 | 24 | 25 | 26 | 30 | 31 | 32 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 46 | 47 | 48 | 49 | 50 |
51 | 52 | 53 | 54 | -------------------------------------------------------------------------------- /src/index.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * @license 3 | * Copyright 2023 Google Inc. 4 | * 5 | * Licensed under the Apache License, Version 2.0 (the "License"); 6 | * you may not use this file except in compliance with the License. 7 | * You may obtain a copy of the License at 8 | * 9 | * http://www.apache.org/licenses/LICENSE-2.0 10 | * 11 | * Unless required by applicable law or agreed to in writing, software 12 | * distributed under the License is distributed on an "AS IS" BASIS, 13 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 14 | * See the License for the specific language governing permissions and 15 | * limitations under the License. 16 | */ 17 | 18 | import {createRoot} from 'react-dom/client'; 19 | import {Main} from './Main'; 20 | 21 | createRoot(document.querySelector('main')!).render(
); 22 | -------------------------------------------------------------------------------- /src/opengraph.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/calebegg/codewich/95b140a40800198def622c1cba0390ef55ce3a18/src/opengraph.png -------------------------------------------------------------------------------- /src/style.css: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright 2023 Google Inc. 3 | * 4 | * Licensed under the Apache License, Version 2.0 (the "License"); 5 | * you may not use this file except in compliance with the License. 6 | * You may obtain a copy of the License at 7 | * 8 | * http://www.apache.org/licenses/LICENSE-2.0 9 | * 10 | * Unless required by applicable law or agreed to in writing, software 11 | * distributed under the License is distributed on an "AS IS" BASIS, 12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 13 | * See the License for the specific language governing permissions and 14 | * limitations under the License. 15 | */ 16 | 17 | @import "https://fonts.googleapis.com/icon?family=Material+Icons"; 18 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "./node_modules/gts/tsconfig-google.json", 3 | "compilerOptions": { 4 | "rootDir": ".", 5 | "outDir": "build", 6 | "lib": ["dom"], 7 | "jsx": "react-jsx", 8 | }, 9 | "include": [ 10 | "src/**/*.ts", 11 | "src/**/*.tsx", 12 | ] 13 | } 14 | --------------------------------------------------------------------------------