From ab5e21d84faa930832aa42aa383c5952603a273f Mon Sep 17 00:00:00 2001
From: "Angel D. Munoz" <scythes.lol@gmail.com>
Date: Sat, 9 Oct 2021 23:37:44 -0500
Subject: [PATCH 1/5] Allow include/exclude fiels from paths

---
 src/Perla/Build.fs | 72 ++++++++++++++++++++++++++++++----------------
 src/Perla/Types.fs | 26 +++++++++++++++++
 2 files changed, 73 insertions(+), 25 deletions(-)

diff --git a/src/Perla/Build.fs b/src/Perla/Build.fs
index b350efe..20aba9d 100644
--- a/src/Perla/Build.fs
+++ b/src/Perla/Build.fs
@@ -172,6 +172,22 @@ module Build =
     let esbuildVersion =
       defaultArg buildConfig.esbuildVersion Constants.Esbuild_Version
 
+    let copyExcludes =
+      match buildConfig.copyPaths with
+      | None -> BuildConfig.DefaultExcludes()
+      | Some paths ->
+        paths.exclude
+        |> Option.map List.ofSeq
+        |> Option.defaultValue (BuildConfig.DefaultExcludes())
+
+    let copyIncludes =
+      match buildConfig.copyPaths with
+      | None -> List.empty
+      | Some paths ->
+        paths.``include``
+        |> Option.map List.ofSeq
+        |> Option.defaultValue List.empty
+
     task {
       match config.fable with
       | Some fable ->
@@ -216,33 +232,39 @@ module Build =
       let getDirectories (map: Map<string, string>) =
         let root = Environment.CurrentDirectory
 
-        for key in map.Keys do
-          Directory.EnumerateFiles(Path.GetFullPath(key), "*.*", opts)
-          |> Seq.filter
-               (fun file ->
-                 not <| file.Contains(".fable")
-                 && not <| file.Contains("bin")
-                 && not <| file.Contains("obj")
-                 && not <| file.Contains(".fsproj")
-                 && not <| file.Contains(".fs")
-                 && not <| file.Contains(".js")
-                 && not <| file.Contains(".css")
-                 && not <| file.Contains(".ts")
-                 && not <| file.Contains(".jsx")
-                 && not <| file.Contains(".tsx")
-                 && not <| file.Contains("index.html"))
-          |> Seq.iter
-               (fun path ->
-                 let posPath = path.Replace(root, $"{outDir}")
+        let totalPaths =
+          [| for key in map.Keys do
+               yield!
+                 Directory.EnumerateFiles(Path.GetFullPath(key), "*.*", opts) |]
 
-                 try
-                   Path.GetDirectoryName posPath
-                   |> Directory.CreateDirectory
-                   |> ignore
-                 with
-                 | _ -> ()
+        let includedFiles =
+          totalPaths
+          |> Array.takeWhile
+               (fun path ->
+                 copyIncludes
+                 |> List.exists (fun ext -> path.Contains(ext)))
 
-                 File.Copy(path, posPath))
+        let excludedFiles =
+          totalPaths
+          |> Array.skipWhile
+               (fun path ->
+                 copyExcludes
+                 |> List.exists (fun ext -> path.Contains(ext)))
+
+        [| yield! includedFiles
+           yield! excludedFiles |]
+        |> Array.Parallel.iter
+             (fun path ->
+               let posPath = path.Replace(root, $"{outDir}")
+
+               try
+                 Path.GetDirectoryName posPath
+                 |> Directory.CreateDirectory
+                 |> ignore
+               with
+               | _ -> ()
+
+               File.Copy(path, posPath))
 
       devServer.mountDirectories
       |> Option.map getDirectories
diff --git a/src/Perla/Types.fs b/src/Perla/Types.fs
index f5c4df3..966e212 100644
--- a/src/Perla/Types.fs
+++ b/src/Perla/Types.fs
@@ -80,9 +80,14 @@ module Types =
         liveReload = Some true
         useSSL = Some false }
 
+  type CopyPaths =
+    { ``include``: (string seq) option
+      exclude: (string seq) option }
+
   type BuildConfig =
     { esBuildPath: string option
       esbuildVersion: string option
+      copyPaths: CopyPaths option
       target: string option
       outDir: string option
       bundle: bool option
@@ -93,10 +98,31 @@ module Types =
       injects: (string seq) option
       externals: (string seq) option }
 
+    static member DefaultExcludes() =
+      [ "index.html"
+        ".fsproj"
+        ".fable"
+        "fable_modules"
+        "bin"
+        "obj"
+        ".fs"
+        ".js"
+        ".css"
+        ".ts"
+        ".jsx"
+        ".tsx" ]
+
 
     static member DefaultConfig() =
       { esBuildPath = None
         esbuildVersion = Some Constants.Esbuild_Version
+        copyPaths =
+          { ``include`` = None
+            exclude =
+              BuildConfig.DefaultExcludes()
+              |> Seq.ofList
+              |> Some }
+          |> Some
         target = Some "es2017"
         outDir = None
         bundle = Some true

From de02352c02e259c0138f4b60016fb7847bfe3e3d Mon Sep 17 00:00:00 2001
From: "Angel D. Munoz" <scythes.lol@gmail.com>
Date: Sat, 9 Oct 2021 23:37:44 -0500
Subject: [PATCH 2/5] use ?module to transform json modulesAllow
 include/exclude fiels from paths

---
 src/App/{public => assets}/favicon.ico | Bin
 src/App/assets/manifest.webmanifest    |  10 ++++
 src/App/index.html                     |   2 +
 src/App/perla.jsonc                    |   2 +-
 src/App/src/App.fs                     |   2 +-
 src/Perla/Build.fs                     |  72 ++++++++++++++++---------
 src/Perla/Server.fs                    |  13 +++--
 src/Perla/Types.fs                     |  26 +++++++++
 8 files changed, 96 insertions(+), 31 deletions(-)
 rename src/App/{public => assets}/favicon.ico (100%)
 create mode 100644 src/App/assets/manifest.webmanifest

diff --git a/src/App/public/favicon.ico b/src/App/assets/favicon.ico
similarity index 100%
rename from src/App/public/favicon.ico
rename to src/App/assets/favicon.ico
diff --git a/src/App/assets/manifest.webmanifest b/src/App/assets/manifest.webmanifest
new file mode 100644
index 0000000..c87f98a
--- /dev/null
+++ b/src/App/assets/manifest.webmanifest
@@ -0,0 +1,10 @@
+{
+    "$schema": "https://json.schemastore.org/web-manifest-combined.json",
+    "name": "App",
+    "description": "Some App",
+    "start_url": "/",
+    "lang": "en-US",
+    "background_color": "#FFFFFF",
+    "display": "standalone",
+    "orientation": "portrait"
+}
diff --git a/src/App/index.html b/src/App/index.html
index dd89fe9..b9fc04d 100644
--- a/src/App/index.html
+++ b/src/App/index.html
@@ -5,6 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>F# Dev Server Test Ground</title>
+    <link rel="manifest" href="./public/manifest.webmanifest" />
+    <link rel="shortcut icon" href="./public/favicon.ico" type="image/x-icon" />
     <script
       async
       src="https://ga.jspm.io/npm:es-module-shims@1.0.0/dist/es-module-shims.js"
diff --git a/src/App/perla.jsonc b/src/App/perla.jsonc
index d7f1652..51a10e9 100644
--- a/src/App/perla.jsonc
+++ b/src/App/perla.jsonc
@@ -8,7 +8,7 @@
   "devServer": {
     "liveReload": true,
     "mountDirectories": {
-      "./public": "",
+      "./assets": "/assets",
       "./src": "/src"
     }
   },
diff --git a/src/App/src/App.fs b/src/App/src/App.fs
index 09533b3..7d749d0 100644
--- a/src/App/src/App.fs
+++ b/src/App/src/App.fs
@@ -24,7 +24,7 @@ type TranslationValues =
 
 let translations: {| ``en-us``: TranslationValues
                      ``de-de``: TranslationValues |} =
-  Fable.Core.JsInterop.importDefault "./translations.json"
+  Fable.Core.JsInterop.importDefault "./translations.json?module"
 
 let view () =
   let store = Store.make true
diff --git a/src/Perla/Build.fs b/src/Perla/Build.fs
index b350efe..20aba9d 100644
--- a/src/Perla/Build.fs
+++ b/src/Perla/Build.fs
@@ -172,6 +172,22 @@ module Build =
     let esbuildVersion =
       defaultArg buildConfig.esbuildVersion Constants.Esbuild_Version
 
+    let copyExcludes =
+      match buildConfig.copyPaths with
+      | None -> BuildConfig.DefaultExcludes()
+      | Some paths ->
+        paths.exclude
+        |> Option.map List.ofSeq
+        |> Option.defaultValue (BuildConfig.DefaultExcludes())
+
+    let copyIncludes =
+      match buildConfig.copyPaths with
+      | None -> List.empty
+      | Some paths ->
+        paths.``include``
+        |> Option.map List.ofSeq
+        |> Option.defaultValue List.empty
+
     task {
       match config.fable with
       | Some fable ->
@@ -216,33 +232,39 @@ module Build =
       let getDirectories (map: Map<string, string>) =
         let root = Environment.CurrentDirectory
 
-        for key in map.Keys do
-          Directory.EnumerateFiles(Path.GetFullPath(key), "*.*", opts)
-          |> Seq.filter
-               (fun file ->
-                 not <| file.Contains(".fable")
-                 && not <| file.Contains("bin")
-                 && not <| file.Contains("obj")
-                 && not <| file.Contains(".fsproj")
-                 && not <| file.Contains(".fs")
-                 && not <| file.Contains(".js")
-                 && not <| file.Contains(".css")
-                 && not <| file.Contains(".ts")
-                 && not <| file.Contains(".jsx")
-                 && not <| file.Contains(".tsx")
-                 && not <| file.Contains("index.html"))
-          |> Seq.iter
-               (fun path ->
-                 let posPath = path.Replace(root, $"{outDir}")
+        let totalPaths =
+          [| for key in map.Keys do
+               yield!
+                 Directory.EnumerateFiles(Path.GetFullPath(key), "*.*", opts) |]
 
-                 try
-                   Path.GetDirectoryName posPath
-                   |> Directory.CreateDirectory
-                   |> ignore
-                 with
-                 | _ -> ()
+        let includedFiles =
+          totalPaths
+          |> Array.takeWhile
+               (fun path ->
+                 copyIncludes
+                 |> List.exists (fun ext -> path.Contains(ext)))
 
-                 File.Copy(path, posPath))
+        let excludedFiles =
+          totalPaths
+          |> Array.skipWhile
+               (fun path ->
+                 copyExcludes
+                 |> List.exists (fun ext -> path.Contains(ext)))
+
+        [| yield! includedFiles
+           yield! excludedFiles |]
+        |> Array.Parallel.iter
+             (fun path ->
+               let posPath = path.Replace(root, $"{outDir}")
+
+               try
+                 Path.GetDirectoryName posPath
+                 |> Directory.CreateDirectory
+                 |> ignore
+               with
+               | _ -> ()
+
+               File.Copy(path, posPath))
 
       devServer.mountDirectories
       |> Option.map getDirectories
diff --git a/src/Perla/Server.fs b/src/Perla/Server.fs
index 1096cf4..6c6e458 100644
--- a/src/Perla/Server.fs
+++ b/src/Perla/Server.fs
@@ -106,12 +106,17 @@ document.head.appendChild(style)"""
 
           Path.Combine(baseDir, fileName)
 
-        logger.LogInformation("Transforming JSON")
-
         let! content = File.ReadAllTextAsync(filePath)
 
-        let newContent = $"export default {content}"
-        ctx.SetContentType "text/javascript"
+        let newContent =
+          if ctx.Request.Query.ContainsKey "module" then
+            logger.LogInformation("Sending JSON Module")
+            ctx.SetContentType "text/javascript"
+            $"export default {content}"
+          else
+            logger.LogInformation("Sending JSON File")
+            content
+
         do! ctx.WriteStringAsync newContent :> Task
     }
     :> Task
diff --git a/src/Perla/Types.fs b/src/Perla/Types.fs
index f5c4df3..966e212 100644
--- a/src/Perla/Types.fs
+++ b/src/Perla/Types.fs
@@ -80,9 +80,14 @@ module Types =
         liveReload = Some true
         useSSL = Some false }
 
+  type CopyPaths =
+    { ``include``: (string seq) option
+      exclude: (string seq) option }
+
   type BuildConfig =
     { esBuildPath: string option
       esbuildVersion: string option
+      copyPaths: CopyPaths option
       target: string option
       outDir: string option
       bundle: bool option
@@ -93,10 +98,31 @@ module Types =
       injects: (string seq) option
       externals: (string seq) option }
 
+    static member DefaultExcludes() =
+      [ "index.html"
+        ".fsproj"
+        ".fable"
+        "fable_modules"
+        "bin"
+        "obj"
+        ".fs"
+        ".js"
+        ".css"
+        ".ts"
+        ".jsx"
+        ".tsx" ]
+
 
     static member DefaultConfig() =
       { esBuildPath = None
         esbuildVersion = Some Constants.Esbuild_Version
+        copyPaths =
+          { ``include`` = None
+            exclude =
+              BuildConfig.DefaultExcludes()
+              |> Seq.ofList
+              |> Some }
+          |> Some
         target = Some "es2017"
         outDir = None
         bundle = Some true

From f6165f1cb5c43ee913aa085f85cca4bb5b661bae Mon Sep 17 00:00:00 2001
From: "Angel D. Munoz" <scythes.lol@gmail.com>
Date: Sat, 9 Oct 2021 23:54:35 -0500
Subject: [PATCH 3/5] update perla schema

---
 perla.schema.json  | 414 ++++++++++++++++++++++++---------------------
 src/Perla/Types.fs |   1 -
 2 files changed, 223 insertions(+), 192 deletions(-)

diff --git a/perla.schema.json b/perla.schema.json
index 247460a..78483b9 100644
--- a/perla.schema.json
+++ b/perla.schema.json
@@ -1,200 +1,232 @@
-{
-    "$schema": "http://json-schema.org/schema",
-    "title": "Perla",
-    "description": "A Node'less dev server for frontend developers",
-    "type": "object",
-    "properties": {
-        "index": {
-            "description": "The main index file to be processed by perla, this file should be outside of the static mounted paths.",
-            "type": "string"
-        },
-        "fable": {
-            "$ref": "#/definitions/fable"
-        },
-        "devServer": {
-            "$ref": "#/definitions/devServer"
-        },
-        "build": {
-            "$ref": "#/definitions/build"
-        },
-        "packages": {
-            "description": "A list of third party packages with the URL to their source, the key of the object can be any string, not necessarily the name of the package. This is used to generate an import map for the browser",
-            "type": "object",
-            "examples": [
-                {
-                    "lit": "https://cdn.skypack.dev/lit"
-                },
-                {
-                    "fsharp-components": "https://cdn.skypack.dev/fsharp-components",
-                    "lit": "https://cdn.skypack.dev/lit"
-                }
-            ]
+{
+  "$schema": "http://json-schema.org/schema",
+  "title": "Perla",
+  "description": "A Node'less dev server for frontend developers",
+  "type": "object",
+  "properties": {
+    "index": {
+      "description": "The main index file to be processed by perla, this file should be outside of the static mounted paths.",
+      "type": "string"
+    },
+    "fable": {
+      "$ref": "#/definitions/fable"
+    },
+    "devServer": {
+      "$ref": "#/definitions/devServer"
+    },
+    "build": {
+      "$ref": "#/definitions/build"
+    },
+    "packages": {
+      "description": "A list of third party packages with the URL to their source, the key of the object can be any string, not necessarily the name of the package. This is used to generate an import map for the browser",
+      "type": "object",
+      "examples": [
+        {
+          "lit": "https://cdn.skypack.dev/lit"
+        },
+        {
+          "fsharp-components": "https://cdn.skypack.dev/fsharp-components",
+          "lit": "https://cdn.skypack.dev/lit"
         }
+      ]
+    }
+  },
+  "required": [
+    "index"
+  ],
+  "definitions": {
+    "fable": {
+      "description": "Fable Compiler configuration options (optional)",
+      "type": "object",
+      "properties": {
+        "autoStart": {
+          "description": "Enable/Disable the Fable compilation at the start of the dev server",
+          "type": "boolean",
+          "default": true
+        },
+        "project": {
+          "description": "A relative path to the Fable project to compile",
+          "type": "string",
+          "default": "./src/App.fsproj"
+        },
+        "extension": {
+          "description": "The extension to use for compiled js files",
+          "type": "string"
+        },
+        "outDir": {
+          "description": "A relative path that tells to output the js files",
+          "type": "string"
+        }
+      }
     },
-    "required": [
-        "index"
-    ],
-    "definitions": {
-        "fable": {
-            "description": "Fable Compiler configuration options (optional)",
-            "type": "object",
-            "properties": {
-                "autoStart": {
-                    "description": "Enable/Disable the Fable compilation at the start of the dev server",
-                    "type": "boolean",
-                    "default": true
-                },
-                "project": {
-                    "description": "A relative path to the Fable project to compile",
-                    "type": "string",
-                    "default": "./src/App.fsproj"
-                },
-                "extension": {
-                    "description": "The extension to use for compiled js files",
-                    "type": "string"
-                },
-                "outDir": {
-                    "description": "A relative path that tells to output the js files",
-                    "type": "string"
-                }
+    "devServer": {
+      "description": "",
+      "type": "object",
+      "properties": {
+        "autoStart": {
+          "description": "Enable/Disable the saturn server auto start feature",
+          "type": "boolean",
+          "default": true
+        },
+        "port": {
+          "description": "A port to listen connections at for the dev server",
+          "type": "integer",
+          "default": 7331
+        },
+        "mountDirectories": {
+          "description": "A key/value object that mounts the physical path specified by the key on the route specified by the value.",
+          "type": "object",
+          "default": {
+            "./src": ""
+          },
+          "examples": [
+            {
+              "./src": ""
+            },
+            {
+              "./src": "",
+              "./public": "/static"
+            },
+            {
+              "./public": ""
             }
+          ]
+        },
+        "useSSL": {
+          "description": "Enable SSL and HSTS for Local development",
+          "type": "boolean",
+          "default": false
+        },
+        "liveReload": {
+          "description": "Enable/Disable the live reload feature",
+          "type": "boolean",
+          "default": true
         },
-        "devServer": {
-            "description": "",
-            "type": "object",
-            "properties": {
-                "autoStart": {
-                    "description": "Enable/Disable the saturn server auto start feature",
-                    "type": "boolean",
-                    "default": true
-                },
-                "port": {
-                    "description": "A port to listen connections at for the dev server",
-                    "type": "integer",
-                    "default": 7331
-                },
-                "mountDirectories": {
-                    "description": "A key/value object that mounts the physical path specified by the key on the route specified by the value.",
-                    "type": "object",
-                    "default": {
-                        "./src": ""
-                    },
-                    "examples": [
-                        {
-                            "./src": ""
-                        },
-                        {
-                            "./src": "",
-                            "./public": "/static"
-                        },
-                        {
-                            "./public": ""
-                        }
-                    ]
-                },
-                "useSSL": {
-                    "description": "Enable SSL and HSTS for Local development",
-                    "type": "boolean",
-                    "default": false
-                },
-                "liveReload": {
-                    "description": "Enable/Disable the live reload feature",
-                    "type": "boolean",
-                    "default": true
-                },
-                "watchConfig": {
-                    "description": "Modify the way files are watched in the system",
-                    "type": "object",
-                    "properties": {
-                        "extensions": {
-                            "description": "A list of extensions to watch for changes",
-                            "type": "array",
-                            "default": [
-                                "*.js",
-                                "*.css"
-                            ]
-                        },
-                        "directories": {
-                            "description": "A list of directories to watch for changes",
-                            "type": "array",
-                            "default": [
-                                "./src"
-                            ]
-                        }
-                    }
-                }
+        "watchConfig": {
+          "description": "Modify the way files are watched in the system",
+          "type": "object",
+          "properties": {
+            "extensions": {
+              "description": "A list of extensions to watch for changes",
+              "type": "array",
+              "default": [
+                "*.js",
+                "*.css"
+              ]
+            },
+            "directories": {
+              "description": "A list of directories to watch for changes",
+              "type": "array",
+              "default": [
+                "./src"
+              ]
             }
+          }
+        }
+      }
+    },
+    "build": {
+      "description": "",
+      "type": "object",
+      "properties": {
+        "esBuildPath": {
+          "description": "An absolute path to the esbuild executable, on Windows it must include the .exe extension.",
+          "type": "string"
         },
-        "build": {
-            "description": "",
-            "type": "object",
-            "properties": {
-                "esBuildPath": {
-                    "description": "An absolute path to the esbuild executable, on Windows it must include the .exe extension.",
-                    "type": "string"
-                },
-                "esbuildVersion": {
-                    "description": "A Sememantic versioning  *version* of an esbuild release, this must match a package in the npmjs registry",
-                    "type": "string",
-                    "pattern": "^(0|[1-9]\\d*)\\.(0|[1-9]\\d*)\\.(0|[1-9]\\d*)(?:-((?:0|[1-9]\\d*|\\d*[a-zA-Z-][0-9a-zA-Z-]*)(?:\\.(?:0|[1-9]\\d*|\\d*[a-zA-Z-][0-9a-zA-Z-]*))*))?(?:\\+([0-9a-zA-Z-]+(?:\\.[0-9a-zA-Z-]+)*))?$",
-                    "default": "0.12.28"
-                },
-                "target": {
-                    "description": "Any target defined by esbuild, check https://esbuild.github.io/api/#target",
-                    "type": "string",
-                    "default": "es2015"
-                },
-                "outDir": {
-                    "description": "A relative path that tells to output the js files",
-                    "type": "string",
-                    "default": "./dist"
-                },
-                "format": {
-                    "description": "Any format defined by esbuild, check https://esbuild.github.io/api/#format",
-                    "type": "string",
-                    "default": "esm"
-                },
-                "bundle": {
-                    "description": "Enable/disable bundling",
-                    "type": "boolean",
-                    "default": true
-                },
-                "minify": {
-                    "description": "Enable/disable minification",
-                    "type": "boolean",
-                    "default": true
-                },
-                "jsxFactory": {
-                    "description": "This sets the function that is called for each JSX element.",
-                    "type": "string"
-                },
-                "jsxFragment": {
-                    "description": "This sets the function that is called for each JSX fragment.",
-                    "type": "string"
-                },
-                "externals": {
-                    "description": "Third party libraries that you want esbuild to ignore (i.e. bare specifiers), eg. excluding lit from the bundle from \"import { LitElement from 'lit'\" by default perla excludes all of the specifiers that are in the packages map.",
-                    "type": "array",
-                    "examples": [
-                        [
-                            "my-undeclared-dependency",
-                            "@undeclared/dep"
-                        ]
-                    ]
-                },
-                "injects": {
-                    "description": "A list of files to inject at the transformation phase, i.e import React from 'react' or import { h, Fragment } from 'preact', so you don't have to do it by hand on every file",
-                    "type": "array",
-                    "examples": [
-                        [
-                            "./react-shim.js"
-                        ],
-                        [
-                            "./preact-shim.js"
-                        ]
-                    ]
-                }
+        "esbuildVersion": {
+          "description": "A Sememantic versioning  *version* of an esbuild release, this must match a package in the npmjs registry",
+          "type": "string",
+          "pattern": "^(0|[1-9]\\d*)\\.(0|[1-9]\\d*)\\.(0|[1-9]\\d*)(?:-((?:0|[1-9]\\d*|\\d*[a-zA-Z-][0-9a-zA-Z-]*)(?:\\.(?:0|[1-9]\\d*|\\d*[a-zA-Z-][0-9a-zA-Z-]*))*))?(?:\\+([0-9a-zA-Z-]+(?:\\.[0-9a-zA-Z-]+)*))?$",
+          "default": "0.12.28"
+        },
+        "copyPaths": {
+          "description": "Include/Exclude content to be copied to the final bundle",
+          "type": "object",
+          "properties": {
+            "include": {
+              "type": "array",
+              "description": "Files/directories to include in the out directory",
+              "examples": [
+                "./src/sample.png",
+                "./public/data.bin"
+              ]
+            },
+            "excludes": {
+              "type": "array",
+              "description": "Files/directories to exclude from the out directory, this will override the default exclude list.",
+              "default": [
+                "index.html",
+                ".fsproj",
+                ".fable",
+                "fable_modules",
+                "bin",
+                "obj",
+                ".fs",
+                ".js",
+                ".css",
+                ".ts",
+                ".jsx",
+                ".tsx"
+              ]
             }
+          }
+        },
+        "target": {
+          "description": "Any target defined by esbuild, check https://esbuild.github.io/api/#target",
+          "type": "string",
+          "default": "es2015"
+        },
+        "outDir": {
+          "description": "A relative path that tells to output the js files",
+          "type": "string",
+          "default": "./dist"
+        },
+        "format": {
+          "description": "Any format defined by esbuild, check https://esbuild.github.io/api/#format",
+          "type": "string",
+          "default": "esm"
+        },
+        "bundle": {
+          "description": "Enable/disable bundling",
+          "type": "boolean",
+          "default": true
+        },
+        "minify": {
+          "description": "Enable/disable minification",
+          "type": "boolean",
+          "default": true
+        },
+        "jsxFactory": {
+          "description": "This sets the function that is called for each JSX element.",
+          "type": "string"
+        },
+        "jsxFragment": {
+          "description": "This sets the function that is called for each JSX fragment.",
+          "type": "string"
+        },
+        "externals": {
+          "description": "Third party libraries that you want esbuild to ignore (i.e. bare specifiers), eg. excluding lit from the bundle from \"import { LitElement from 'lit'\" by default perla excludes all of the specifiers that are in the packages map.",
+          "type": "array",
+          "examples": [
+            [
+              "my-undeclared-dependency",
+              "@undeclared/dep"
+            ]
+          ]
+        },
+        "injects": {
+          "description": "A list of files to inject at the transformation phase, i.e import React from 'react' or import { h, Fragment } from 'preact', so you don't have to do it by hand on every file",
+          "type": "array",
+          "examples": [
+            [
+              "./react-shim.js"
+            ],
+            [
+              "./preact-shim.js"
+            ]
+          ]
         }
+      }
     }
-}
\ No newline at end of file
+  }
+}
diff --git a/src/Perla/Types.fs b/src/Perla/Types.fs
index 966e212..7277baa 100644
--- a/src/Perla/Types.fs
+++ b/src/Perla/Types.fs
@@ -112,7 +112,6 @@ module Types =
         ".jsx"
         ".tsx" ]
 
-
     static member DefaultConfig() =
       { esBuildPath = None
         esbuildVersion = Some Constants.Esbuild_Version

From c0f06a87c49d8e7fbec2252f1e77a29a9f4673a3 Mon Sep 17 00:00:00 2001
From: "Angel D. Munoz" <scythes.lol@gmail.com>
Date: Sun, 10 Oct 2021 00:16:17 -0500
Subject: [PATCH 4/5] ensure file gets copied

---
 src/App/perla.jsonc |  7 ++++++-
 src/Perla/Build.fs  | 25 +++++++++++++++++++------
 2 files changed, 25 insertions(+), 7 deletions(-)

diff --git a/src/App/perla.jsonc b/src/App/perla.jsonc
index 51a10e9..9e9b0e8 100644
--- a/src/App/perla.jsonc
+++ b/src/App/perla.jsonc
@@ -13,7 +13,12 @@
     }
   },
   "build": {
-    "minify": false
+    "minify": false,
+    "copyPaths": {
+      "include": [
+        "./src/translations.json"
+      ]
+    }
   },
   "packages": {
     "fsharp-components": "https://cdn.skypack.dev/pin/fsharp-components@v0.0.4-vrcdq1fAiAHCYER7N99I/mode=imports/optimized/fsharp-components.js",
diff --git a/src/Perla/Build.fs b/src/Perla/Build.fs
index 20aba9d..71c8b45 100644
--- a/src/Perla/Build.fs
+++ b/src/Perla/Build.fs
@@ -239,20 +239,33 @@ module Build =
 
         let includedFiles =
           totalPaths
-          |> Array.takeWhile
+          |> Array.filter
                (fun path ->
                  copyIncludes
-                 |> List.exists (fun ext -> path.Contains(ext)))
+                 |> List.exists
+                      (fun ext ->
+                        let ext =
+                          let ext =
+                            ext.Replace('/', Path.DirectorySeparatorChar)
+
+                          if ext.StartsWith "." then
+                            ext.Substring(2)
+                          else
+                            ext
+
+                        path.Contains(ext)))
+
 
         let excludedFiles =
           totalPaths
-          |> Array.skipWhile
+          |> Array.filter
                (fun path ->
                  copyExcludes
-                 |> List.exists (fun ext -> path.Contains(ext)))
+                 |> List.exists (fun ext -> path.Contains(ext))
+                 |> not)
 
-        [| yield! includedFiles
-           yield! excludedFiles |]
+        [| yield! excludedFiles
+           yield! includedFiles |]
         |> Array.Parallel.iter
              (fun path ->
                let posPath = path.Replace(root, $"{outDir}")

From f2d6c517c09f0fd34daf483ac6d4a890cac73a78 Mon Sep 17 00:00:00 2001
From: "Angel D. Munoz" <scythes.lol@gmail.com>
Date: Sun, 10 Oct 2021 00:16:29 -0500
Subject: [PATCH 5/5] clarify name

---
 .vscode/launch.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.vscode/launch.json b/.vscode/launch.json
index 940c705..6bf5456 100644
--- a/.vscode/launch.json
+++ b/.vscode/launch.json
@@ -61,7 +61,7 @@
             "console": "integratedTerminal"
         },
         {
-            "name": "NET6 react-tsx",
+            "name": "NET6 build react-tsx",
             "type": "coreclr",
             "request": "launch",
             "preLaunchTask": "build",