From d70c820c16469dfd80a94c6b6b9311f9c9276bea Mon Sep 17 00:00:00 2001 From: Arpit Singh Date: Sun, 21 Jul 2024 22:56:15 +0530 Subject: [PATCH 1/5] Initialised Vue --- .DS_Store | Bin 0 -> 6148 bytes package.json | 7 +- pnpm-lock.yaml | 464 +++++++++++++++++++++++++++++++++++++++++++- src/App.vue | 14 ++ src/popup-script.ts | 340 ++++++++++++++++---------------- src/popup.html | 1 + 6 files changed, 648 insertions(+), 178 deletions(-) create mode 100644 .DS_Store create mode 100644 src/App.vue diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..d29f794adb094491a5b185227e3385e9d228430d GIT binary patch literal 6148 zcmeHKO>0v@6g|_Xn5uA^t<@x@>rH{&U!SgNWlVwEwyWfR>4PCC{ z-m!JO{pGjyS#H<&H;%YXaxIft{-|#AmegHg)eZ_g!Cs^j*4JXMt^N97vVJDtR-YXa z)rYTtmX!;>dk+sW^rJCXuNSjfzvyzZnHy`lJ^%6bgRa?v_~}=6l6cGeLUW%~u*|jM zw-#x(dapM1SWfky-`*%E&9hony|x}!{r4d?t?|qjtDgy&`lLWoASp0WK=y}>O)yt1 z1NyCloxcJQWz+J;aYF{gOfgq11JXltA(a?XonA3qNauW}ak*j{Fr>rj<-=)Zr#BSm ztMmDp4~O6M!!Y$pfuw*@U^$E%a{k|)fB!cbX_yp93jA*hxLRwwwZ*s6v$gVma@J;S skJ!W{t_=6.9.0'} + '@babel/helper-string-parser@7.24.8': + resolution: {integrity: sha512-pO9KhhRcuUyGnJWwyEgnRJTSIZHiT+vMD0kPeD+so0l7mxkMT19g3pjY9GTnHySck/hDzq+dtW/4VgnMkippsQ==} + engines: {node: '>=6.9.0'} + '@babel/helper-validator-identifier@7.22.20': resolution: {integrity: sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==} engines: {node: '>=6.9.0'} + '@babel/helper-validator-identifier@7.24.7': + resolution: {integrity: sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w==} + engines: {node: '>=6.9.0'} + '@babel/highlight@7.22.20': resolution: {integrity: sha512-dkdMCN3py0+ksCgYmGG8jKeGA/8Tk+gJwSYYlFGxG5lmhfKNoAy004YpLxpS1W2J8m/EK2Ew+yOs9pVRwO89mg==} engines: {node: '>=6.9.0'} + '@babel/parser@7.24.8': + resolution: {integrity: sha512-WzfbgXOkGzZiXXCqk43kKwZjzwx4oulxZi3nq2TYL9mOjQv6kYwul9mz6ID36njuL7Xkp6nJEfok848Zj10j/w==} + engines: {node: '>=6.0.0'} + hasBin: true + + '@babel/types@7.24.9': + resolution: {integrity: sha512-xm8XrMKz0IlUdocVbYJe0Z9xEgidU7msskG8BbhnTPK/HZ2z/7FP7ykqPgrUH+C+r414mNfNWam1f2vqOjqjYQ==} + engines: {node: '>=6.9.0'} + '@isaacs/cliui@8.0.2': resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==} engines: {node: '>=12'} + '@jridgewell/sourcemap-codec@1.5.0': + resolution: {integrity: sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==} + '@lezer/common@1.1.0': resolution: {integrity: sha512-XPIN3cYDXsoJI/oDWoR2tD++juVrhgIago9xyKhZ7IhGlzdDM9QgC8D8saKNCz5pindGcznFr2HBSsEQSWnSjw==} @@ -365,6 +391,10 @@ packages: resolution: {integrity: sha512-qEZFk4gxyVNhm2V8R3YLo9qCyYNVBySWmZLjmwuhLLmAE+r0qGebc9oXyo7C6ML5d/4Tfj6NriCOeX+HMhPVxw==} engines: {node: '>= 12.0.0', parcel: ^2.10.0} + '@parcel/transformer-vue@2.10.0': + resolution: {integrity: sha512-vG32dTiBBaRhOexfSU55MCAIP/0T4TdTd0uhlGvsgzUZ+KeJVz0bcsa+DXuMrvGw+skKcciTj+CEr2/cdLWrFw==} + engines: {node: '>= 12.0.0', parcel: ^2.10.0} + '@parcel/types@2.10.0': resolution: {integrity: sha512-iDFVvgN+jK02GY++V+WY3WuNTM6CGDPToGfL31/Sgf6/1PzT7kL6uXJ6+859u8wkTIrtkWD2XyTNkKJJ8jPwgg==} @@ -558,6 +588,35 @@ packages: '@types/trusted-types@2.0.4': resolution: {integrity: sha512-IDaobHimLQhjwsQ/NMwRVfa/yL7L/wriQPMhw1ZJall0KX6E1oxk29XMDeilW5qTIg5aoiqf5Udy8U/51aNoQQ==} + '@vue/compiler-core@3.4.33': + resolution: {integrity: sha512-MoIREbkdPQlnGfSKDMgzTqzqx5nmEjIc0ydLVYlTACGBsfvOJ4tHSbZXKVF536n6fB+0eZaGEOqsGThPpdvF5A==} + + '@vue/compiler-dom@3.4.33': + resolution: {integrity: sha512-GzB8fxEHKw0gGet5BKlpfXEqoBnzSVWwMnT+dc25wE7pFEfrU/QsvjZMP9rD4iVXHBBoemTct8mN0GJEI6ZX5A==} + + '@vue/compiler-sfc@3.4.33': + resolution: {integrity: sha512-7rk7Vbkn21xMwIUpHQR4hCVejwE6nvhBOiDgoBcR03qvGqRKA7dCBSsHZhwhYUsmjlbJ7OtD5UFIyhP6BY+c8A==} + + '@vue/compiler-ssr@3.4.33': + resolution: {integrity: sha512-0WveC9Ai+eT/1b6LCV5IfsufBZ0HP7pSSTdDjcuW302tTEgoBw8rHVHKPbGUtzGReUFCRXbv6zQDDgucnV2WzQ==} + + '@vue/reactivity@3.4.33': + resolution: {integrity: sha512-B24QIelahDbyHipBgbUItQblbd4w5HpG3KccL+YkGyo3maXyS253FzcTR3pSz739OTphmzlxP7JxEMWBpewilA==} + + '@vue/runtime-core@3.4.33': + resolution: {integrity: sha512-6wavthExzT4iAxpe8q37/rDmf44nyOJGISJPxCi9YsQO+8w9v0gLCFLfH5TzD1V1AYrTAdiF4Y1cgUmP68jP6w==} + + '@vue/runtime-dom@3.4.33': + resolution: {integrity: sha512-iHsMCUSFJ+4z432Bn9kZzHX+zOXa6+iw36DaVRmKYZpPt9jW9riF32SxNwB124i61kp9+AZtheQ/mKoJLerAaQ==} + + '@vue/server-renderer@3.4.33': + resolution: {integrity: sha512-jTH0d6gQcaYideFP/k0WdEu8PpRS9MF8d0b6SfZzNi+ap972pZ0TNIeTaESwdOtdY0XPVj54XEJ6K0wXxir4fw==} + peerDependencies: + vue: 3.4.33 + + '@vue/shared@3.4.33': + resolution: {integrity: sha512-aoRY0jQk3A/cuvdkodTrM4NMfxco8n55eG4H7ML/CRy7OryHfiqvug4xrCBBMbbN+dvXAetDDwZW9DXWWjBntA==} + abortcontroller-polyfill@1.7.5: resolution: {integrity: sha512-JMJ5soJWP18htbbxJjG7bG6yuI6pRhgJ0scHHTfkUjf6wjP912xZWvM+A4sJK3gqd9E8fcPbDnOefbA9Th/FIQ==} @@ -599,6 +658,9 @@ packages: base64-js@1.5.1: resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==} + bluebird@3.7.2: + resolution: {integrity: sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==} + boolbase@1.0.0: resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==} @@ -670,6 +732,172 @@ packages: concat-map@0.0.1: resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==} + consolidate@0.16.0: + resolution: {integrity: sha512-Nhl1wzCslqXYTJVDyJCu3ODohy9OfBMB5uD2BiBTzd7w+QY0lBzafkR8y8755yMYHAaMD4NuzbAw03/xzfw+eQ==} + engines: {node: '>= 0.10.0'} + deprecated: Please upgrade to consolidate v1.0.0+ as it has been modernized with several long-awaited fixes implemented. Maintenance is supported by Forward Email at https://forwardemail.net ; follow/watch https://github.com/ladjs/consolidate for updates and release changelog + peerDependencies: + arc-templates: ^0.5.3 + atpl: '>=0.7.6' + babel-core: ^6.26.3 + bracket-template: ^1.1.5 + coffee-script: ^1.12.7 + dot: ^1.1.3 + dust: ^0.3.0 + dustjs-helpers: ^1.7.4 + dustjs-linkedin: ^2.7.5 + eco: ^1.1.0-rc-3 + ect: ^0.5.9 + ejs: ^3.1.5 + haml-coffee: ^1.14.1 + hamlet: ^0.3.3 + hamljs: ^0.6.2 + handlebars: ^4.7.6 + hogan.js: ^3.0.2 + htmling: ^0.0.8 + jade: ^1.11.0 + jazz: ^0.0.18 + jqtpl: ~1.1.0 + just: ^0.1.8 + liquid-node: ^3.0.1 + liquor: ^0.0.5 + lodash: ^4.17.20 + marko: ^3.14.4 + mote: ^0.2.0 + mustache: ^4.0.1 + nunjucks: ^3.2.2 + plates: ~0.4.11 + pug: ^3.0.0 + qejs: ^3.0.5 + ractive: ^1.3.12 + razor-tmpl: ^1.3.1 + react: ^16.13.1 + react-dom: ^16.13.1 + slm: ^2.0.0 + squirrelly: ^5.1.0 + swig: ^1.4.2 + swig-templates: ^2.0.3 + teacup: ^2.0.0 + templayed: '>=0.2.3' + then-jade: '*' + then-pug: '*' + tinyliquid: ^0.2.34 + toffee: ^0.3.6 + twig: ^1.15.2 + twing: ^5.0.2 + underscore: ^1.11.0 + vash: ^0.13.0 + velocityjs: ^2.0.1 + walrus: ^0.10.1 + whiskers: ^0.4.0 + peerDependenciesMeta: + arc-templates: + optional: true + atpl: + optional: true + babel-core: + optional: true + bracket-template: + optional: true + coffee-script: + optional: true + dot: + optional: true + dust: + optional: true + dustjs-helpers: + optional: true + dustjs-linkedin: + optional: true + eco: + optional: true + ect: + optional: true + ejs: + optional: true + haml-coffee: + optional: true + hamlet: + optional: true + hamljs: + optional: true + handlebars: + optional: true + hogan.js: + optional: true + htmling: + optional: true + jade: + optional: true + jazz: + optional: true + jqtpl: + optional: true + just: + optional: true + liquid-node: + optional: true + liquor: + optional: true + lodash: + optional: true + marko: + optional: true + mote: + optional: true + mustache: + optional: true + nunjucks: + optional: true + plates: + optional: true + pug: + optional: true + qejs: + optional: true + ractive: + optional: true + razor-tmpl: + optional: true + react: + optional: true + react-dom: + optional: true + slm: + optional: true + squirrelly: + optional: true + swig: + optional: true + swig-templates: + optional: true + teacup: + optional: true + templayed: + optional: true + then-jade: + optional: true + then-pug: + optional: true + tinyliquid: + optional: true + toffee: + optional: true + twig: + optional: true + twing: + optional: true + underscore: + optional: true + vash: + optional: true + velocityjs: + optional: true + walrus: + optional: true + whiskers: + optional: true + copyfiles@2.4.1: resolution: {integrity: sha512-fereAvAvxDrQDOXybk3Qu3dPbOoKoysFMWtkY3mv5BsL8//OSZVL5DCLYqgRfY5cWirgRzlC+WSrxp6Bo3eNZg==} hasBin: true @@ -705,6 +933,9 @@ packages: resolution: {integrity: sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA==} engines: {node: '>=8.0.0'} + csstype@3.1.3: + resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==} + delayed-stream@1.0.0: resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==} engines: {node: '>=0.4.0'} @@ -757,6 +988,10 @@ packages: resolution: {integrity: sha512-WiyBqoomrwMdFG1e0kqvASYfnlb0lp8M5o5Fw2OFq1hNZxxcNk8Ik0Xm7LxzBhuidnZB/UtBqVCgUz3kBOP51Q==} engines: {node: '>=0.12'} + entities@4.5.0: + resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==} + engines: {node: '>=0.12'} + error-ex@1.3.2: resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==} @@ -768,6 +1003,9 @@ packages: resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==} engines: {node: '>=0.8.0'} + estree-walker@2.0.2: + resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==} + fill-range@7.0.1: resolution: {integrity: sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==} engines: {node: '>=8'} @@ -1000,6 +1238,9 @@ packages: resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==} engines: {node: '>=10'} + magic-string@0.30.10: + resolution: {integrity: sha512-iIRwTIf0QKV3UAnYK4PU8uiEc4SRh5jX0mwpIwETPpHdhVM4f53RSwS/vXvN1JhGX+Cs7B8qIq3d6AH49O5fAQ==} + mdn-data@2.0.14: resolution: {integrity: sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==} @@ -1038,6 +1279,11 @@ packages: msgpackr@1.9.9: resolution: {integrity: sha512-sbn6mioS2w0lq1O6PpGtsv6Gy8roWM+o3o4Sqjd6DudrL/nOugY+KyJUimoWzHnf9OkO0T6broHFnYE/R05t9A==} + nanoid@3.3.7: + resolution: {integrity: sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==} + engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1} + hasBin: true + node-addon-api@6.1.0: resolution: {integrity: sha512-+eawOlIgy680F0kBzPUNFhMZGtJ1YmqM6l4+Crf4IkImjYrO/mqPwRMh352g23uIaQKFItcQ64I7KMaJxHgAVA==} @@ -1102,6 +1348,9 @@ packages: picocolors@1.0.0: resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==} + picocolors@1.0.1: + resolution: {integrity: sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==} + picomatch@2.3.1: resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==} engines: {node: '>=8.6'} @@ -1109,6 +1358,10 @@ packages: postcss-value-parser@4.2.0: resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==} + postcss@8.4.39: + resolution: {integrity: sha512-0vzE+lAiG7hZl1/9I8yzKLx3aR9Xbof3fBHKunvMfOCYAtMhrsnccJY2iTURb9EZd5+pLuiNV9/c/GZJOHsgIw==} + engines: {node: ^10 || ^12 || >=14} + posthtml-parser@0.10.2: resolution: {integrity: sha512-PId6zZ/2lyJi9LiKfe+i2xv57oEjJgWbsHGGANwos5AvdQp98i6AtamAl8gzSVFGfQ43Glb5D614cvZf012VKg==} engines: {node: '>=12'} @@ -1187,6 +1440,10 @@ packages: resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==} engines: {node: '>=14'} + source-map-js@1.2.0: + resolution: {integrity: sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==} + engines: {node: '>=0.10.0'} + source-map@0.6.1: resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==} engines: {node: '>=0.10.0'} @@ -1244,6 +1501,10 @@ packages: timsort@0.3.0: resolution: {integrity: sha512-qsdtZH+vMoCARQtyod4imc2nIJwg9Cc7lPRrw9CzF8ZKR0khdr8+2nX80PBhET3tcyTtJDxAffGh2rXH4tyU8A==} + to-fast-properties@2.0.0: + resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==} + engines: {node: '>=4'} + to-regex-range@5.0.1: resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==} engines: {node: '>=8.0'} @@ -1277,6 +1538,14 @@ packages: resolution: {integrity: sha512-O11mqxmi7wMKCo6HKFt5AhO4BwY3VV68YU07tgxfz8zJTIxr4BpsezN49Ffwy9j3ZpwwJp4fkRwjRzq3uWE6Rg==} engines: {node: '>= 4'} + vue@3.4.33: + resolution: {integrity: sha512-VdMCWQOummbhctl4QFMcW6eNtXHsFyDlX60O/tsSQuCcuDOnJ1qPOhhVla65Niece7xq/P2zyZReIO5mP+LGTQ==} + peerDependencies: + typescript: '*' + peerDependenciesMeta: + typescript: + optional: true + weak-lru-cache@1.2.2: resolution: {integrity: sha512-DEAoo25RfSYMuTGc9vPJzZcZullwIqRDSI9LOy+fkCJPi6hykCnfKaXTuPBDuXAUcqHXyOgFtHNp/kB2FjYHbw==} @@ -1322,14 +1591,28 @@ snapshots: '@babel/highlight': 7.22.20 chalk: 2.4.2 + '@babel/helper-string-parser@7.24.8': {} + '@babel/helper-validator-identifier@7.22.20': {} + '@babel/helper-validator-identifier@7.24.7': {} + '@babel/highlight@7.22.20': dependencies: '@babel/helper-validator-identifier': 7.22.20 chalk: 2.4.2 js-tokens: 4.0.0 + '@babel/parser@7.24.8': + dependencies: + '@babel/types': 7.24.9 + + '@babel/types@7.24.9': + dependencies: + '@babel/helper-string-parser': 7.24.8 + '@babel/helper-validator-identifier': 7.24.7 + to-fast-properties: 2.0.0 + '@isaacs/cliui@8.0.2': dependencies: string-width: 5.1.2 @@ -1339,6 +1622,8 @@ snapshots: wrap-ansi: 8.1.0 wrap-ansi-cjs: wrap-ansi@7.0.0 + '@jridgewell/sourcemap-codec@1.5.0': {} + '@lezer/common@1.1.0': {} '@lezer/lr@1.3.13': @@ -1422,14 +1707,14 @@ snapshots: transitivePeerDependencies: - '@parcel/core' - '@parcel/config-default@2.10.0(@parcel/core@2.10.0)(@swc/helpers@0.5.3)(srcset@4.0.0)(typescript@5.2.2)': + '@parcel/config-default@2.10.0(@parcel/core@2.10.0)(@swc/helpers@0.5.3)(postcss@8.4.39)(srcset@4.0.0)(typescript@5.2.2)': dependencies: '@parcel/bundler-default': 2.10.0(@parcel/core@2.10.0) '@parcel/compressor-raw': 2.10.0(@parcel/core@2.10.0) '@parcel/core': 2.10.0 '@parcel/namer-default': 2.10.0(@parcel/core@2.10.0) '@parcel/optimizer-css': 2.10.0(@parcel/core@2.10.0) - '@parcel/optimizer-htmlnano': 2.10.0(@parcel/core@2.10.0)(srcset@4.0.0)(typescript@5.2.2) + '@parcel/optimizer-htmlnano': 2.10.0(@parcel/core@2.10.0)(postcss@8.4.39)(srcset@4.0.0)(typescript@5.2.2) '@parcel/optimizer-image': 2.10.0(@parcel/core@2.10.0) '@parcel/optimizer-svgo': 2.10.0(@parcel/core@2.10.0) '@parcel/optimizer-swc': 2.10.0(@parcel/core@2.10.0)(@swc/helpers@0.5.3) @@ -1556,10 +1841,10 @@ snapshots: transitivePeerDependencies: - '@parcel/core' - '@parcel/optimizer-htmlnano@2.10.0(@parcel/core@2.10.0)(srcset@4.0.0)(typescript@5.2.2)': + '@parcel/optimizer-htmlnano@2.10.0(@parcel/core@2.10.0)(postcss@8.4.39)(srcset@4.0.0)(typescript@5.2.2)': dependencies: '@parcel/plugin': 2.10.0(@parcel/core@2.10.0) - htmlnano: 2.0.4(srcset@4.0.0)(svgo@2.8.0)(typescript@5.2.2) + htmlnano: 2.0.4(postcss@8.4.39)(srcset@4.0.0)(svgo@2.8.0)(typescript@5.2.2) nullthrows: 1.1.1 posthtml: 0.16.6 svgo: 2.8.0 @@ -1881,6 +2166,72 @@ snapshots: transitivePeerDependencies: - '@parcel/core' + '@parcel/transformer-vue@2.10.0(@parcel/core@2.10.0)': + dependencies: + '@parcel/diagnostic': 2.10.0 + '@parcel/plugin': 2.10.0(@parcel/core@2.10.0) + '@parcel/source-map': 2.1.1 + '@parcel/utils': 2.10.0 + '@vue/compiler-sfc': 3.4.33 + consolidate: 0.16.0 + nullthrows: 1.1.1 + semver: 7.5.4 + transitivePeerDependencies: + - '@parcel/core' + - arc-templates + - atpl + - babel-core + - bracket-template + - coffee-script + - dot + - dust + - dustjs-helpers + - dustjs-linkedin + - eco + - ect + - ejs + - haml-coffee + - hamlet + - hamljs + - handlebars + - hogan.js + - htmling + - jade + - jazz + - jqtpl + - just + - liquid-node + - liquor + - lodash + - marko + - mote + - mustache + - nunjucks + - plates + - pug + - qejs + - ractive + - razor-tmpl + - react + - react-dom + - slm + - squirrelly + - swig + - swig-templates + - teacup + - templayed + - then-jade + - then-pug + - tinyliquid + - toffee + - twig + - twing + - underscore + - vash + - velocityjs + - walrus + - whiskers + '@parcel/types@2.10.0(@parcel/core@2.10.0)': dependencies: '@parcel/cache': 2.10.0(@parcel/core@2.10.0) @@ -2047,6 +2398,60 @@ snapshots: '@types/trusted-types@2.0.4': {} + '@vue/compiler-core@3.4.33': + dependencies: + '@babel/parser': 7.24.8 + '@vue/shared': 3.4.33 + entities: 4.5.0 + estree-walker: 2.0.2 + source-map-js: 1.2.0 + + '@vue/compiler-dom@3.4.33': + dependencies: + '@vue/compiler-core': 3.4.33 + '@vue/shared': 3.4.33 + + '@vue/compiler-sfc@3.4.33': + dependencies: + '@babel/parser': 7.24.8 + '@vue/compiler-core': 3.4.33 + '@vue/compiler-dom': 3.4.33 + '@vue/compiler-ssr': 3.4.33 + '@vue/shared': 3.4.33 + estree-walker: 2.0.2 + magic-string: 0.30.10 + postcss: 8.4.39 + source-map-js: 1.2.0 + + '@vue/compiler-ssr@3.4.33': + dependencies: + '@vue/compiler-dom': 3.4.33 + '@vue/shared': 3.4.33 + + '@vue/reactivity@3.4.33': + dependencies: + '@vue/shared': 3.4.33 + + '@vue/runtime-core@3.4.33': + dependencies: + '@vue/reactivity': 3.4.33 + '@vue/shared': 3.4.33 + + '@vue/runtime-dom@3.4.33': + dependencies: + '@vue/reactivity': 3.4.33 + '@vue/runtime-core': 3.4.33 + '@vue/shared': 3.4.33 + csstype: 3.1.3 + + '@vue/server-renderer@3.4.33(vue@3.4.33(typescript@5.2.2))': + dependencies: + '@vue/compiler-ssr': 3.4.33 + '@vue/shared': 3.4.33 + vue: 3.4.33(typescript@5.2.2) + + '@vue/shared@3.4.33': {} + abortcontroller-polyfill@1.7.5: {} ansi-regex@5.0.1: {} @@ -2083,6 +2488,8 @@ snapshots: base64-js@1.5.1: {} + bluebird@3.7.2: {} + boolbase@1.0.0: {} brace-expansion@1.1.11: @@ -2155,6 +2562,10 @@ snapshots: concat-map@0.0.1: {} + consolidate@0.16.0: + dependencies: + bluebird: 3.7.2 + copyfiles@2.4.1: dependencies: glob: 7.2.3 @@ -2201,6 +2612,8 @@ snapshots: dependencies: css-tree: 1.1.3 + csstype@3.1.3: {} + delayed-stream@1.0.0: {} detect-libc@1.0.3: {} @@ -2241,6 +2654,8 @@ snapshots: entities@3.0.1: {} + entities@4.5.0: {} + error-ex@1.3.2: dependencies: is-arrayish: 0.2.1 @@ -2249,6 +2664,8 @@ snapshots: escape-string-regexp@1.0.5: {} + estree-walker@2.0.2: {} + fill-range@7.0.1: dependencies: to-regex-range: 5.0.1 @@ -2297,12 +2714,13 @@ snapshots: has-flag@4.0.0: {} - htmlnano@2.0.4(srcset@4.0.0)(svgo@2.8.0)(typescript@5.2.2): + htmlnano@2.0.4(postcss@8.4.39)(srcset@4.0.0)(svgo@2.8.0)(typescript@5.2.2): dependencies: cosmiconfig: 8.3.6(typescript@5.2.2) posthtml: 0.16.6 timsort: 0.3.0 optionalDependencies: + postcss: 8.4.39 srcset: 4.0.0 svgo: 2.8.0 transitivePeerDependencies: @@ -2449,6 +2867,10 @@ snapshots: dependencies: yallist: 4.0.0 + magic-string@0.30.10: + dependencies: + '@jridgewell/sourcemap-codec': 1.5.0 + mdn-data@2.0.14: {} micromatch@4.0.5: @@ -2490,6 +2912,8 @@ snapshots: optionalDependencies: msgpackr-extract: 3.0.2 + nanoid@3.3.7: {} + node-addon-api@6.1.0: {} node-addon-api@7.0.0: {} @@ -2520,9 +2944,9 @@ snapshots: ordered-binary@1.4.1: {} - parcel@2.10.0(@swc/helpers@0.5.3)(srcset@4.0.0)(typescript@5.2.2): + parcel@2.10.0(@swc/helpers@0.5.3)(postcss@8.4.39)(srcset@4.0.0)(typescript@5.2.2): dependencies: - '@parcel/config-default': 2.10.0(@parcel/core@2.10.0)(@swc/helpers@0.5.3)(srcset@4.0.0)(typescript@5.2.2) + '@parcel/config-default': 2.10.0(@parcel/core@2.10.0)(@swc/helpers@0.5.3)(postcss@8.4.39)(srcset@4.0.0)(typescript@5.2.2) '@parcel/core': 2.10.0 '@parcel/diagnostic': 2.10.0 '@parcel/events': 2.10.0 @@ -2571,10 +2995,18 @@ snapshots: picocolors@1.0.0: {} + picocolors@1.0.1: {} + picomatch@2.3.1: {} postcss-value-parser@4.2.0: {} + postcss@8.4.39: + dependencies: + nanoid: 3.3.7 + picocolors: 1.0.1 + source-map-js: 1.2.0 + posthtml-parser@0.10.2: dependencies: htmlparser2: 7.2.0 @@ -2645,6 +3077,8 @@ snapshots: signal-exit@4.1.0: {} + source-map-js@1.2.0: {} + source-map@0.6.1: {} srcset@4.0.0: {} @@ -2704,6 +3138,8 @@ snapshots: timsort@0.3.0: {} + to-fast-properties@2.0.0: {} + to-regex-range@5.0.1: dependencies: is-number: 7.0.0 @@ -2726,6 +3162,16 @@ snapshots: utility-types@3.10.0: {} + vue@3.4.33(typescript@5.2.2): + dependencies: + '@vue/compiler-dom': 3.4.33 + '@vue/compiler-sfc': 3.4.33 + '@vue/runtime-dom': 3.4.33 + '@vue/server-renderer': 3.4.33(vue@3.4.33(typescript@5.2.2)) + '@vue/shared': 3.4.33 + optionalDependencies: + typescript: 5.2.2 + weak-lru-cache@1.2.2: {} which@2.0.2: diff --git a/src/App.vue b/src/App.vue new file mode 100644 index 0000000..aa6dbe8 --- /dev/null +++ b/src/App.vue @@ -0,0 +1,14 @@ + + + + + \ No newline at end of file diff --git a/src/popup-script.ts b/src/popup-script.ts index 1b28d30..6c956bd 100644 --- a/src/popup-script.ts +++ b/src/popup-script.ts @@ -1,167 +1,173 @@ -import { html, render } from "lit-html" -import { unsafeSVG } from "lit/directives/unsafe-svg" -import ICON_ADD from "bundle-text:./add-icon.svg" -import ICON_DELETE from "bundle-text:./delete-icon.svg" -import ICON_ERROR from "bundle-text:./error-icon.svg" - -import { DEFAULT_ORIGIN_LIST } from "./defaultOrigins" - -const fs = require("fs") - -let origins: string[] = [] - -let inputText = "" -let placeholderURL = "https://hoppscotch.io" -let errorMessage = "" - -const getOriginList = () => - new Promise((resolve, _) => { - chrome.storage.sync.get( - ["originList"], - async (items: { [key: string]: string }) => { - if (!items || !items.originList) { - await storeOriginList(DEFAULT_ORIGIN_LIST) - - resolve(DEFAULT_ORIGIN_LIST) - } - resolve(JSON.parse(items.originList)) - } - ) - }) - -const storeOriginList = (originList: string[]) => - new Promise((resolve, _) => { - chrome.storage.sync.set( - { - originList: JSON.stringify(originList), - }, - () => { - resolve() - } - ) - }) - -const onAddClick = (event: MouseEvent) => { - event.preventDefault() - - try { - const parsedURL = new URL(inputText) - - if (origins.includes(parsedURL.origin)) { - errorMessage = "Origin is already on the list" - render(page(), document.body) - } else { - origins.push(parsedURL.origin) - inputText = "" - - storeOriginList(origins) - - errorMessage = "" - - render(page(), document.body) - } - } catch (e) { - errorMessage = "Improper URL" - render(page(), document.body) - } -} - -const onInputTextChange = (ev: InputEvent) => { - inputText = (ev.target as HTMLInputElement).value - - errorMessage = "" - - render(page(), document.body) -} - -const onDeleteOriginClicked = async (index: number) => { - origins.splice(index, 1) - await storeOriginList(origins) - - render(page(), document.body) -} - -const page = () => html` - ${inputField(inputText, onInputTextChange, onAddClick)} - ${errorField(errorMessage)} ${originList(origins, onDeleteOriginClicked)} -` - -const errorField = (error: string) => html` - ${error.length > 0 - ? html` -
- ${unsafeSVG(ICON_ERROR)} - ${error} -
- ` - : html``} -` - -const inputField = ( - inputText: string, - onInputTextChange: (ev: InputEvent) => void, - onAddClick: (ev: MouseEvent) => void -) => html` -
- - -
- - -
-
-` - -const originList = ( - origins: string[], - onDeleteClicked: (index: number) => void -) => html` - -
    - ${origins.map( - (origin, i) => html` -
  • - ${origin} - -
    • - ` - )} -
-` - -getOriginList() - .then((list) => { - origins = list - - render(page(), document.body) - }) - .catch(() => { - // Just fail silently :P - }) - -chrome.tabs.query({ active: true }, (result) => { - if (result.length > 0) { - try { - if (result[0].url) { - if (!result[0].url.startsWith("http")) return - - const url = new URL(result[0].url) - if (url && url.origin) { - placeholderURL = url.origin - inputText = url.origin - } - - render(page(), document.body) - } - } catch (_e) {} - } -}) +// import { html, render } from "lit-html" +// import { unsafeSVG } from "lit/directives/unsafe-svg" +// import ICON_ADD from "bundle-text:./add-icon.svg" +// import ICON_DELETE from "bundle-text:./delete-icon.svg" +// import ICON_ERROR from "bundle-text:./error-icon.svg" + +// import { DEFAULT_ORIGIN_LIST } from "./defaultOrigins" + +// const fs = require("fs") + +// let origins: string[] = [] + +// let inputText = "" +// let placeholderURL = "https://hoppscotch.io" +// let errorMessage = "" + +// const getOriginList = () => +// new Promise((resolve, _) => { +// chrome.storage.sync.get( +// ["originList"], +// async (items: { [key: string]: string }) => { +// if (!items || !items.originList) { +// await storeOriginList(DEFAULT_ORIGIN_LIST) + +// resolve(DEFAULT_ORIGIN_LIST) +// } +// resolve(JSON.parse(items.originList)) +// } +// ) +// }) + +// const storeOriginList = (originList: string[]) => +// new Promise((resolve, _) => { +// chrome.storage.sync.set( +// { +// originList: JSON.stringify(originList), +// }, +// () => { +// resolve() +// } +// ) +// }) + +// const onAddClick = (event: MouseEvent) => { +// event.preventDefault() + +// try { +// const parsedURL = new URL(inputText) + +// if (origins.includes(parsedURL.origin)) { +// errorMessage = "Origin is already on the list" +// render(page(), document.body) +// } else { +// origins.push(parsedURL.origin) +// inputText = "" + +// storeOriginList(origins) + +// errorMessage = "" + +// render(page(), document.body) +// } +// } catch (e) { +// errorMessage = "Improper URL" +// render(page(), document.body) +// } +// } + +// const onInputTextChange = (ev: InputEvent) => { +// inputText = (ev.target as HTMLInputElement).value + +// errorMessage = "" + +// render(page(), document.body) +// } + +// const onDeleteOriginClicked = async (index: number) => { +// origins.splice(index, 1) +// await storeOriginList(origins) + +// render(page(), document.body) +// } + +// const page = () => html` +// ${inputField(inputText, onInputTextChange, onAddClick)} +// ${errorField(errorMessage)} ${originList(origins, onDeleteOriginClicked)} +// ` + +// const errorField = (error: string) => html` +// ${error.length > 0 +// ? html` +//
+// ${unsafeSVG(ICON_ERROR)} +// ${error} +//
+// ` +// : html``} +// ` + +// const inputField = ( +// inputText: string, +// onInputTextChange: (ev: InputEvent) => void, +// onAddClick: (ev: MouseEvent) => void +// ) => html` +//
+// + +//
+// +// +//
+//
+// ` + +// const originList = ( +// origins: string[], +// onDeleteClicked: (index: number) => void +// ) => html` +// +//
    +// ${origins.map( +// (origin, i) => html` +//
  • +// ${origin} +// +//
    • +// ` +// )} +//
+// ` + +// getOriginList() +// .then((list) => { +// origins = list + +// render(page(), document.body) +// }) +// .catch(() => { +// // Just fail silently :P +// }) + +// chrome.tabs.query({ active: true }, (result) => { +// if (result.length > 0) { +// try { +// if (result[0].url) { +// if (!result[0].url.startsWith("http")) return + +// const url = new URL(result[0].url) +// if (url && url.origin) { +// placeholderURL = url.origin +// inputText = url.origin +// } + +// render(page(), document.body) +// } +// } catch (_e) {} +// } +// }) + + +import { createApp } from 'vue' +import App from '../src/App.vue' + +createApp(App).mount('#app') \ No newline at end of file diff --git a/src/popup.html b/src/popup.html index caf4ac8..5d0e49c 100644 --- a/src/popup.html +++ b/src/popup.html @@ -5,6 +5,7 @@ +
From 77f13396864c0fe2f3999351069df9043ad73f2d Mon Sep 17 00:00:00 2001 From: Arpit Singh Date: Sun, 21 Jul 2024 23:00:25 +0530 Subject: [PATCH 2/5] Vue initialised and setup --- .DS_Store | Bin 6148 -> 6148 bytes src/App.vue | 2 +- tsconfig.json | 12 ++++++++---- 3 files changed, 9 insertions(+), 5 deletions(-) diff --git a/.DS_Store b/.DS_Store index d29f794adb094491a5b185227e3385e9d228430d..f7016cbd8546bce0624474a4448f43d618b26cd4 100644 GIT binary patch delta 39 vcmZoMXffEJ#=<09Fj<2oim_mGGfOcOlcdY!Gi)-GMcDHg4{UB`ZxjFk<0uQ3 delta 39 vcmZoMXffEJ#=^v!Gg*TriZNhwGfOcO6QjfAGi)-GMcDHg7i?~3ZxjFk+As?q diff --git a/src/App.vue b/src/App.vue index aa6dbe8..d940384 100644 --- a/src/App.vue +++ b/src/App.vue @@ -4,7 +4,7 @@ const count = ref(0) \ No newline at end of file + From 7eae9926cdf939a7dcf2c9e0f25da00f0205de6d Mon Sep 17 00:00:00 2001 From: Arpit Singh Date: Mon, 22 Jul 2024 13:21:09 +0530 Subject: [PATCH 4/5] Made the delete icon colour change --- .DS_Store | Bin 6148 -> 6148 bytes src/App.vue | 12 +++- src/popup-script.ts | 169 -------------------------------------------- 3 files changed, 11 insertions(+), 170 deletions(-) diff --git a/.DS_Store b/.DS_Store index f7016cbd8546bce0624474a4448f43d618b26cd4..458ea6faca9f390e1a1bb36b41b08f434a4d4f9f 100644 GIT binary patch delta 33 pcmZoMXfc@J&nU7nU^g?P$YvfEZpO|2Y&#e?7FaNDX6N|J4*;oy3F!a; delta 340 zcmZoMXfc@J&nUAoU^g?P%w`@IZpM0E20exXhD3%UhGd3Rh8zZ6Ae{)r84Rg8>4w3{ z`MCuQAdsxI1W4jhoty9Cl9ZF51XRVbIa++rUbSP6gmk31)RU&AAOp!sDIb95Gq5nE zFk~_mGnAk>*X-&KWI1HVX)I8KIgW+F45~RdKLzf36a`Ru6pJkkHVd=vVcg8l@s}R} Dkyuaq diff --git a/src/App.vue b/src/App.vue index 2537202..f9f184e 100644 --- a/src/App.vue +++ b/src/App.vue @@ -109,7 +109,17 @@ onMounted(() => { :disabled="origin === 'https://hoppscotch.io'" @click="onDeleteOriginClicked(index)" > - Delete Icon + + + + diff --git a/src/popup-script.ts b/src/popup-script.ts index 6c956bd..10a87ad 100644 --- a/src/popup-script.ts +++ b/src/popup-script.ts @@ -1,172 +1,3 @@ -// import { html, render } from "lit-html" -// import { unsafeSVG } from "lit/directives/unsafe-svg" -// import ICON_ADD from "bundle-text:./add-icon.svg" -// import ICON_DELETE from "bundle-text:./delete-icon.svg" -// import ICON_ERROR from "bundle-text:./error-icon.svg" - -// import { DEFAULT_ORIGIN_LIST } from "./defaultOrigins" - -// const fs = require("fs") - -// let origins: string[] = [] - -// let inputText = "" -// let placeholderURL = "https://hoppscotch.io" -// let errorMessage = "" - -// const getOriginList = () => -// new Promise((resolve, _) => { -// chrome.storage.sync.get( -// ["originList"], -// async (items: { [key: string]: string }) => { -// if (!items || !items.originList) { -// await storeOriginList(DEFAULT_ORIGIN_LIST) - -// resolve(DEFAULT_ORIGIN_LIST) -// } -// resolve(JSON.parse(items.originList)) -// } -// ) -// }) - -// const storeOriginList = (originList: string[]) => -// new Promise((resolve, _) => { -// chrome.storage.sync.set( -// { -// originList: JSON.stringify(originList), -// }, -// () => { -// resolve() -// } -// ) -// }) - -// const onAddClick = (event: MouseEvent) => { -// event.preventDefault() - -// try { -// const parsedURL = new URL(inputText) - -// if (origins.includes(parsedURL.origin)) { -// errorMessage = "Origin is already on the list" -// render(page(), document.body) -// } else { -// origins.push(parsedURL.origin) -// inputText = "" - -// storeOriginList(origins) - -// errorMessage = "" - -// render(page(), document.body) -// } -// } catch (e) { -// errorMessage = "Improper URL" -// render(page(), document.body) -// } -// } - -// const onInputTextChange = (ev: InputEvent) => { -// inputText = (ev.target as HTMLInputElement).value - -// errorMessage = "" - -// render(page(), document.body) -// } - -// const onDeleteOriginClicked = async (index: number) => { -// origins.splice(index, 1) -// await storeOriginList(origins) - -// render(page(), document.body) -// } - -// const page = () => html` -// ${inputField(inputText, onInputTextChange, onAddClick)} -// ${errorField(errorMessage)} ${originList(origins, onDeleteOriginClicked)} -// ` - -// const errorField = (error: string) => html` -// ${error.length > 0 -// ? html` -//
-// ${unsafeSVG(ICON_ERROR)} -// ${error} -//
-// ` -// : html``} -// ` - -// const inputField = ( -// inputText: string, -// onInputTextChange: (ev: InputEvent) => void, -// onAddClick: (ev: MouseEvent) => void -// ) => html` -//
-// - -//
-// -// -//
-//
-// ` - -// const originList = ( -// origins: string[], -// onDeleteClicked: (index: number) => void -// ) => html` -// -//
    -// ${origins.map( -// (origin, i) => html` -//
  • -// ${origin} -// -//
    • -// ` -// )} -//
-// ` - -// getOriginList() -// .then((list) => { -// origins = list - -// render(page(), document.body) -// }) -// .catch(() => { -// // Just fail silently :P -// }) - -// chrome.tabs.query({ active: true }, (result) => { -// if (result.length > 0) { -// try { -// if (result[0].url) { -// if (!result[0].url.startsWith("http")) return - -// const url = new URL(result[0].url) -// if (url && url.origin) { -// placeholderURL = url.origin -// inputText = url.origin -// } - -// render(page(), document.body) -// } -// } catch (_e) {} -// } -// }) - - import { createApp } from 'vue' import App from '../src/App.vue' From 15f310105be27af283d7906525e6e2a05dafa1e7 Mon Sep 17 00:00:00 2001 From: Arpit Singh Bhatia <84636859+The-x-35@users.noreply.github.com> Date: Sun, 25 Aug 2024 18:36:07 +0530 Subject: [PATCH 5/5] Resolved all the issues as pointed out --- .DS_Store | Bin 6148 -> 6148 bytes package.json | 2 -- pnpm-lock.yaml | 55 ------------------------------------------------- src/App.vue | 25 +++++++++++----------- 4 files changed, 12 insertions(+), 70 deletions(-) diff --git a/.DS_Store b/.DS_Store index 458ea6faca9f390e1a1bb36b41b08f434a4d4f9f..77f69c3cf47344643361e10f36e9bb5f94c20b9e 100644 GIT binary patch delta 68 zcmZoMXfc=|#>B)qF;Q%yo+6{b#(>?7i~^f^Sh^WE`?Kv}+*q)KX)`+qKL=3FWHK delta 250 zcmZoMXfc=|#>B!kF;Q%yo+6{j#(>?7ixpUy7)3VoFm*H5^DyKwSi%PlxDV%C^^Icq$a`KaaYB +