🐛 App > Add support to Typescript files

2019-01-04 21:42:26 +01:00
parent cc54e55732
commit fdbcac2173
16 changed files with 75 additions and 43 deletions
@@ -1 +1 @@
-<!DOCTYPE html><html><head><meta charset=utf-8><title>Keppler</title><meta name=viewport content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"><link class=favicon rel=icon type=image/png href=""><link href=/static/css/app.23a72284bf70e5e4db45e6872e4b12d7.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=/static/js/manifest.fdb26ef5da6fd29e4d6a.js></script><script type=text/javascript src=/static/js/app.fbbf1ababf886b4e46e1.js></script></body></html>
+<!DOCTYPE html><html><head><meta charset=utf-8><title>Keppler</title><meta name=viewport content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"><link class=favicon rel=icon type=image/png href=""><link href=/static/css/app.23a72284bf70e5e4db45e6872e4b12d7.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=/static/js/manifest.fef122de28468e72450e.js></script><script type=text/javascript src=/static/js/app.ceed7af3e3eeb673d29f.js></script></body></html>
@@ -1,2 +1,2 @@
-!function(e){function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}var r=window.webpackJsonp;window.webpackJsonp=function(t,c,i){for(var u,a,f,s=0,l=[];s<t.length;s++)a=t[s],o[a]&&l.push(o[a][0]),o[a]=0;for(u in c)Object.prototype.hasOwnProperty.call(c,u)&&(e[u]=c[u]);for(r&&r(t,c,i);l.length;)l.shift()();if(i)for(s=0;s<i.length;s++)f=n(n.s=i[s]);return f};var t={},o={1:0};n.e=function(e){function r(){u.onerror=u.onload=null,clearTimeout(a);var n=o[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),o[e]=void 0)}var t=o[e];if(0===t)return new Promise(function(e){e()});if(t)return t[2];var c=new Promise(function(n,r){t=o[e]=[n,r]});t[2]=c;var i=document.getElementsByTagName("head")[0],u=document.createElement("script");u.type="text/javascript",u.charset="utf-8",u.async=!0,u.timeout=12e4,n.nc&&u.setAttribute("nonce",n.nc),u.src=n.p+"static/js/"+e+"."+{0:"fbbf1ababf886b4e46e1"}[e]+".js";var a=setTimeout(r,12e4);return u.onerror=u.onload=r,i.appendChild(u),c},n.m=e,n.c=t,n.i=function(e){return e},n.d=function(e,r,t){n.o(e,r)||Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:t})},n.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(r,"a",r),r},n.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},n.p="/",n.oe=function(e){throw console.error(e),e}}([]);
-//# sourceMappingURL=manifest.fdb26ef5da6fd29e4d6a.js.map
+!function(e){function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}var r=window.webpackJsonp;window.webpackJsonp=function(t,c,i){for(var u,a,f,s=0,l=[];s<t.length;s++)a=t[s],o[a]&&l.push(o[a][0]),o[a]=0;for(u in c)Object.prototype.hasOwnProperty.call(c,u)&&(e[u]=c[u]);for(r&&r(t,c,i);l.length;)l.shift()();if(i)for(s=0;s<i.length;s++)f=n(n.s=i[s]);return f};var t={},o={1:0};n.e=function(e){function r(){u.onerror=u.onload=null,clearTimeout(a);var n=o[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),o[e]=void 0)}var t=o[e];if(0===t)return new Promise(function(e){e()});if(t)return t[2];var c=new Promise(function(n,r){t=o[e]=[n,r]});t[2]=c;var i=document.getElementsByTagName("head")[0],u=document.createElement("script");u.type="text/javascript",u.charset="utf-8",u.async=!0,u.timeout=12e4,n.nc&&u.setAttribute("nonce",n.nc),u.src=n.p+"static/js/"+e+"."+{0:"ceed7af3e3eeb673d29f"}[e]+".js";var a=setTimeout(r,12e4);return u.onerror=u.onload=r,i.appendChild(u),c},n.m=e,n.c=t,n.i=function(e){return e},n.d=function(e,r,t){n.o(e,r)||Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:t})},n.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(r,"a",r),r},n.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},n.p="/",n.oe=function(e){throw console.error(e),e}}([]);
+//# sourceMappingURL=manifest.fef122de28468e72450e.js.map
@@ -0,0 +1,14 @@
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="408px" height="408px" viewBox="0 0 408 408" enable-background="new 0 0 408 408" xml:space="preserve">
+<path fill="#0288D1" d="M0,0v408h408V0H0z M310,198.2L310,198.2c3.9,0,8.4,0.2,11.7,0.6c13.6,1.5,24.2,7.3,33.2,18.4
+    c4.5,5.5,6,7.9,5.7,9c-0.2,0.7-3.3,2.9-13.1,9.4c-9.6,6.4-12.7,8.3-13.5,8.3c-0.7,0-2.3-1.6-4.4-4.6c-4.2-5.8-8.5-8.4-15.2-9.3
+    c-7.2-0.9-13.6,1.3-16.8,5.9c-2.7,3.9-3.1,10.2-1,14.8c2.5,5.3,7,8.2,24.2,15.8c19.8,8.7,29.9,14.7,37.2,22
+    c7.9,8,11.9,17.1,13.1,30.1c0.6,6.3-0.1,13.8-1.9,19.9c-4.4,15-16.4,25.9-34,31.1c-4.9,1.4-9.4,2.3-13.9,2.6
+    c-6.8,0.5-16.6,0.2-22.5-0.6c-14.9-2.2-31.7-10.8-40.1-20.6c-4.1-4.8-9.4-12.8-9.4-14.1c0-0.7,0.3-1.1,1.7-1.9
+    c3.9-2.5,26.4-15.3,26.8-15.3c0.3,0,1.4,1.4,2.6,3.1c2.7,3.8,9.2,10.4,12.5,12.6c2.7,1.8,6.2,3.2,10.3,4.3c2.4,0.6,3.6,0.7,8.7,0.7
+    c5.2,0,6.3-0.1,8.7-0.7c6.2-1.7,11.1-5.1,13.1-9.4c0.9-1.8,0.9-2.1,0.9-6.5V319l-1.1-2.2c-2.7-5.3-8.4-8.9-26.6-16.8
+    c-8.4-3.6-18.6-8.7-22.6-11.3c-9.1-5.8-15.5-12.4-19.6-20.6c-4.1-8.1-4.7-11.1-4.8-23.2c0-9.5,0-9.4,1.9-15.5
+    c1.8-5.5,5.4-11.7,9.5-15.9c8.1-8.6,19.8-14.1,32.4-15.2C305.5,198.2,307.7,198.2,310,198.2L310,198.2z M201.7,200L201.7,200
+    c24.3,0,38.2,0.1,38.4,0.2c0.4,0.3,0.5,2.4,0.5,15.8v15.5l-24.2,0.1l-24.2,0.1v68.7c0,37.8-0.1,68.9-0.2,69.2
+    c-0.2,0.5-2,0.5-17.8,0.5h-17.6l-0.2-0.7c-0.1-0.4-0.2-31.5-0.2-69.2l0-68.5l-24.2-0.1l-24.2-0.1v-15.4c0-12.2,0.1-15.4,0.4-15.8
+    c0.3-0.3,12.7-0.4,65.9-0.5C184.3,200,193.6,200,201.7,200L201.7,200z"/>
+</svg>
@@ -11,6 +11,7 @@ export default
    {
        this.icons = {
            js: ['js'],
+            typescript: ['ts'],
            html: ['html', 'htm'],
            sass: ['sass', 'scss'],
            less: ['less'],
@@ -151,14 +151,15 @@ class Watcher
        {
            // Set up
            const relativePath = _path.replace(this.path, '.')
-            const mimeType = mime.lookup(relativePath)
+            const mimeType = mime.getType(relativePath)
+            const extension = path.extname(relativePath)
            const file = {}

            file.path = relativePath
            file.canRead = true

            // Test mime type
-            if(mimeType.match(/^(audio)|(video)|(image)/))
+            if(mimeType.match(/^(audio)|(video)|(image)/) && extension !== '.ts')
            {
                file.canRead = false
            }
@@ -211,14 +212,15 @@ class Watcher
        {
            // Set up
            const relativePath = _path.replace(this.path, '.')
-            const mimeType = mime.lookup(relativePath)
+            const mimeType = mime.getType(relativePath)
+            const extension = path.extname(relativePath)
            const file = {}

            file.path = relativePath
            file.canRead = true

            // Test mime type
-            if(mimeType.match(/^(audio)|(video)|(image)/))
+            if(mimeType.match(/^(audio)|(video)|(image)/) && extension !== '.ts')
            {
                file.canRead = false
            }
@@ -5741,9 +5741,9 @@
      }
    },
    "mime": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/mime/-/mime-1.4.1.tgz",
-      "integrity": "sha512-KI1+qOZu5DcW6wayYHSzR/tXKCDC5Om4s1z2QJjDULzLcmf3DvzS7oluY4HCTrc+9FiKmWUgeNLg7W3uIQvxtQ=="
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-2.4.0.tgz",
+      "integrity": "sha512-ikBcWwyqXQSHKtciCcctu9YfPbFYZ4+gbHEmE0Q8jzcTYQg5dHCr3g2wwAZjPoJfQVXZq6KXAjpXOTf5/cjT7w=="
    },
    "mime-db": {
      "version": "1.26.0",
@@ -9414,6 +9414,14 @@
        "path-is-absolute": "^1.0.0",
        "range-parser": "^1.0.3",
        "time-stamp": "^2.0.0"
+      },
+      "dependencies": {
+        "mime": {
+          "version": "1.6.0",
+          "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+          "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+          "dev": true
+        }
      }
    },
    "webpack-hot-middleware": {
@@ -16,7 +16,7 @@
  },
  "main": "bin/index.js",
  "scripts": {
-    "demo-folder": "cd test/demo-folder-1 && node ../../bin 'Demo folder' --open false --test true --initial-send true",
+    "demo-folder": "cd test/demo-folder-2 && node ../../bin 'Demo folder' --open false --test true --initial-send true",
    "app-dev": "node app/build/dev-server.js",
    "app-build": "node app/build/build.js",
    "site-dev": "node site/build/dev-server.js",
@@ -45,7 +45,7 @@
    "html-entities": "^1.2.1",
    "ip": "^1.1.5",
    "jszip": "^3.1.5",
-    "mime": "^1.4.1",
+    "mime": "^2.4.0",
    "minimatch": "^3.0.4",
    "node-notifier": "^5.1.2",
    "opener": "^1.4.3",
@@ -0,0 +1,3 @@
+<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414" version="1.1" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg">
+<path d="m46 46v408h408v-408h-408zm310.02 198.17v.00586c3.9124.01226 8.3586.21357 11.703.57617 13.619 1.4734 24.225 7.349 33.248 18.416 4.4934 5.5129 6.0307 7.9253 5.7031 8.957-.21108.66564-3.294 2.874-13.096 9.3809-9.6287 6.3921-12.731 8.3066-13.451 8.3066-.73045 0-2.2517-1.5657-4.4453-4.5723-4.2244-5.7892-8.5373-8.4314-15.205-9.3125-7.1704-.9496-13.602 1.3105-16.752 5.8887-2.6923 3.9112-3.099 10.206-.95899 14.779 2.4792 5.2976 6.9671 8.2262 24.166 15.768 19.836 8.6975 29.888 14.651 37.209 22.039 7.8838 7.9563 11.878 17.143 13.105 30.137.59907 6.3332-.13284 13.84-1.9453 19.943-4.4447 14.961-16.439 25.916-34.02 31.072-4.8597 1.4248-9.3818 2.276-13.855 2.6035-6.8282.50274-16.603.22572-22.486-.63086-14.884-2.1677-31.686-10.829-40.064-20.65-4.1128-4.8205-9.3633-12.754-9.3633-14.15 0-.67351.33372-1.0557 1.6562-1.8965 3.9213-2.4911 26.394-15.338 26.83-15.338.26345 0 1.4373 1.3838 2.6074 3.0742 2.6512 3.8278 9.17 10.407 12.484 12.602 2.7074 1.7928 6.1691 3.2327 10.279 4.2715 2.3539.5868 3.6002.69141 8.7363.69141 5.2475-.00176 6.3243-.0901 8.6719-.72071 6.2096-1.6713 11.057-5.1293 13.111-9.3535.90039-1.8254.91797-2.0533.91797-6.4805v-4.5898l-1.1035-2.1894c-2.6734-5.3067-8.4338-8.9474-26.645-16.836-8.3655-3.6237-18.611-8.733-22.611-11.275-9.1282-5.801-15.455-12.433-19.607-20.551-4.13-8.073-4.7459-11.078-4.7559-23.217-.01017-9.5024-.02592-9.3858 1.9414-15.451 1.785-5.5038 5.439-11.652 9.4727-15.939 8.0511-8.5582 19.813-14.058 32.406-15.152 1.6108-.15244 3.768-.21208 6.1152-.20508zm-108.36 1.877h.00391c24.253.01227 38.156.0962 38.379.23633.42036.2603.47265 2.3708.47265 15.842v15.541l-24.201.08789-24.201.08789v68.713c0 37.793-.07654 68.938-.18164 69.213-.17115.46249-2.0325.49805-17.779.49805h-17.588l-.18164-.71094c-.11745-.39011-.20308-31.536-.20508-69.213l-.00586-68.504-24.201-.08594-24.201-.08789v-15.357c0-12.18.08414-15.442.4082-15.766.333-.34334 12.684-.43187 65.902-.48437 10.261-.01034 19.495-.01477 27.58-.00977z" fill="#0288d1"/>
+</svg>
@@ -0,0 +1,10 @@
+const myGreeter = new Greeter("hello, world");
+myGreeter.greeting = "howdy";
+myGreeter.showGreeting();
+
+
+class SpecialGreeter extends Greeter {
+    constructor() {
+        super("Very special greetings");
+    }
+}
@@ -1,17 +0,0 @@
-<?php
-
-/**
-* Test
-*/
-class ClassName extends AnotherClass
-{
-    function __construct( argument )
-    {
-        // code...
-    }
-
-    function test()
-    {
-
-    }
-}
@@ -0,0 +1,11 @@
+const myGreeter = new Greeter("hello, world");
+myGreeter.greeting = "howdy";
+myGreeter.showGreeting();
+
+
+class SpecialGreeter extends Greeter {
+    constructor() {
+        super("Very special greetings");
+
+    }
+}