Fix @coder imports

fuse.js

-const { FuseBox, SassPlugin, CSSPlugin, CSSResourcePlugin } = require("fuse-box");
+const {
+	FuseBox, SassPlugin, CSSPlugin, WebIndexPlugin,
+} = require("fuse-box");
 
 const fuse = FuseBox.init({
 	homeDir: ".",
 	output: "dist/$name.js",
 	plugins: [
-		[
-			SassPlugin(),
-			CSSResourcePlugin({ dist: "dist/css-resources" }),
-			CSSPlugin(),
-		],
+		WebIndexPlugin({ template: "packages/app/src/index.html" }),
+		[ SassPlugin(), CSSPlugin() ],
 	],
 });
 
 fuse.dev();
 
-fuse
-	.bundle("app")
-	.instructions("> packages/app/src/index.ts")
-	.hmr()
-	.watch();
+fuse.bundle("app").hmr().watch()
+	.instructions(">packages/app/src/index.ts");
 
 fuse.run();

package.json

@@ -16,6 +16,7 @@
   "devDependencies": {
     "@types/node": "^10.12.18",
     "fuse-box": "^3.6.0",
+    "node-sass": "^4.11.0",
     "npm-run-all": "^4.1.5",
     "typescript": "^3.2.2"
   }

packages/app/src/index.html

@@ -39,38 +39,11 @@
 					<div id="fill"></div>
 				</div>
 			</div>
-			<div class="activitybar">
-				<a href="/projects">
-					<svg viewBox="0 0 39 21" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-						<g id="Assets" stroke="none" stroke-width="1" fill-rule="evenodd">
-							<g>
-								<g id="Group-19" transform="translate(1.000000, 1.500000)">
-									<g id="Group" transform="translate(12.000000, 0.000000)">
-										<path d="M24.2814371,7.68292683 C23.7874251,7.68292683 23.4580838,7.39329268 23.4580838,6.79878049 L23.4580838,3.38414634 C23.4580838,1.20426829 22.5598802,0 20.239521,0 L19.1616766,0 L19.1616766,2.30182927 L19.491018,2.30182927 C20.4041916,2.30182927 20.8383234,2.80487805 20.8383234,3.70426829 L20.8383234,6.72256098 C20.8383234,8.03353659 21.2275449,8.56707317 22.0808383,8.84146341 C21.2275449,9.10060976 20.8383234,9.64939024 20.8383234,10.9603659 C20.8383234,11.7073171 20.8383234,12.4542683 20.8383234,13.2012195 C20.8383234,13.8262195 20.8383234,14.4359756 20.6736527,15.0609756 C20.508982,15.6402439 20.239521,16.1890244 19.8652695,16.6615854 C19.6556886,16.9359756 19.4161677,17.1646341 19.1467066,17.3780488 L19.1467066,17.6829268 L20.2245509,17.6829268 C22.5449102,17.6829268 23.4431138,16.4786585 23.4431138,14.2987805 L23.4431138,10.8841463 C23.4431138,10.2743902 23.757485,10 24.2664671,10 L24.8802395,10 L24.8802395,7.69817073 L24.2814371,7.69817073 L24.2814371,7.68292683 Z"
-										id="Shape"></path>
-										<path d="M16.9610778,3.47560976 L13.6227545,3.47560976 C13.5479042,3.47560976 13.488024,3.41463415 13.488024,3.33841463 L13.488024,3.07926829 C13.488024,3.00304878 13.5479042,2.94207317 13.6227545,2.94207317 L16.9610778,2.94207317 C17.0359281,2.94207317 17.0958084,3.00304878 17.0958084,3.07926829 L17.0958084,3.33841463 C17.0958084,3.41463415 17.0359281,3.47560976 16.9610778,3.47560976 Z"
-										id="Shape"></path>
-										<path d="M17.5149701,6.76829268 L15.0898204,6.76829268 C15.0149701,6.76829268 14.9550898,6.70731707 14.9550898,6.63109756 L14.9550898,6.37195122 C14.9550898,6.29573171 15.0149701,6.2347561 15.0898204,6.2347561 L17.5149701,6.2347561 C17.5898204,6.2347561 17.6497006,6.29573171 17.6497006,6.37195122 L17.6497006,6.63109756 C17.6497006,6.69207317 17.5898204,6.76829268 17.5149701,6.76829268 Z"
-										id="Shape"></path>
-										<path d="M18.4730539,5.12195122 L13.6227545,5.12195122 C13.5479042,5.12195122 13.488024,5.06097561 13.488024,4.9847561 L13.488024,4.72560976 C13.488024,4.64939024 13.5479042,4.58841463 13.6227545,4.58841463 L18.4580838,4.58841463 C18.5329341,4.58841463 18.5928144,4.64939024 18.5928144,4.72560976 L18.5928144,4.9847561 C18.6077844,5.04573171 18.5479042,5.12195122 18.4730539,5.12195122 Z"
-										id="Shape"></path>
-										<path d="M9.7754491,4.22256098 C10.1047904,4.22256098 10.4341317,4.25304878 10.748503,4.32926829 L10.748503,3.70426829 C10.748503,2.82012195 11.1976048,2.30182927 12.0958084,2.30182927 L12.4251497,2.30182927 L12.4251497,0 L11.3473054,0 C9.02694611,0 8.12874251,1.20426829 8.12874251,3.38414634 L8.12874251,4.51219512 C8.65269461,4.32926829 9.20658683,4.22256098 9.7754491,4.22256098 Z"
-										id="Shape"></path>
-										<path d="M19.491018,12.5152439 C19.251497,10.5792683 17.7844311,8.96341463 15.8982036,8.59756098 C15.3742515,8.49085366 14.8502994,8.47560976 14.3413174,8.56707317 C14.3263473,8.56707317 14.3263473,8.55182927 14.3113772,8.55182927 C13.488024,6.79878049 11.7215569,5.6402439 9.80538922,5.6402439 C7.88922156,5.6402439 6.13772455,6.76829268 5.2994012,8.52134146 C5.28443114,8.52134146 5.28443114,8.53658537 5.26946108,8.53658537 C4.73053892,8.47560976 4.19161677,8.50609756 3.65269461,8.64329268 C1.79640719,9.10060976 0.389221557,10.6859756 0.134730539,12.6067073 C0.104790419,12.804878 0.0898203593,13.0030488 0.0898203593,13.1859756 C0.0898203593,13.7652439 0.479041916,14.2987805 1.04790419,14.375 C1.75149701,14.4817073 2.36526946,13.9329268 2.3502994,13.2317073 C2.3502994,13.125 2.3502994,13.0030488 2.36526946,12.8963415 C2.48502994,11.9207317 3.21856287,11.097561 4.17664671,10.8689024 C4.4760479,10.7926829 4.7754491,10.777439 5.05988024,10.8231707 C5.97305389,10.945122 6.87125749,10.472561 7.26047904,9.64939024 C7.54491018,9.03963415 7.99401198,8.50609756 8.59281437,8.21646341 C9.25149701,7.89634146 10,7.85060976 10.6886228,8.0945122 C11.4071856,8.35365854 11.9461078,8.90243902 12.2754491,9.58841463 C12.6197605,10.2591463 12.7844311,10.7317073 13.5179641,10.8231707 C13.8173653,10.8689024 14.6556886,10.8536585 14.9700599,10.8384146 C15.5838323,10.8384146 16.1976048,11.0518293 16.6317365,11.4939024 C16.9161677,11.7987805 17.1257485,12.179878 17.2155689,12.6067073 C17.3502994,13.2926829 17.1856287,13.9786585 16.7814371,14.4969512 C16.497006,14.8628049 16.1077844,15.1371951 15.6736527,15.2591463 C15.4640719,15.320122 15.254491,15.3353659 15.0449102,15.3353659 C14.9251497,15.3353659 14.760479,15.3353659 14.5658683,15.3353659 C13.9670659,15.3353659 12.6946108,15.3353659 11.7365269,15.3353659 C11.0778443,15.3353659 10.5538922,14.8018293 10.5538922,14.1310976 L10.5538922,11.875 L10.5538922,9.66463415 C10.5538922,9.48170732 10.4041916,9.32926829 10.2245509,9.32926829 L9.76047904,9.32926829 C8.84730539,9.3445122 8.11377246,10.3810976 8.11377246,11.4786585 C8.11377246,12.5762195 8.11377246,15.4878049 8.11377246,15.4878049 C8.11377246,16.6768293 9.05688623,17.6371951 10.2245509,17.6371951 C10.2245509,17.6371951 15.4191617,17.6219512 15.494012,17.6219512 C16.6916168,17.5 17.7994012,16.875 18.5479042,15.9146341 C19.2964072,14.9847561 19.6407186,13.7652439 19.491018,12.5152439 Z"
-										id="Shape"></path>
-									</g>
-									<path d="M3.99099026,8.1 L10.4,8.1 L10.4,9.9 L3.99099026,9.9 L6.45459415,12.3636039 L5.18180195,13.6363961 L0.545405845,9 L5.18180195,4.3636039 L6.45459415,5.6363961 L3.99099026,8.1 Z"
-									id="Combined-Shape"></path>
-								</g>
-							</g>
-						</g>
-					</svg>
-				</a>
-			</div>
 			<div class="statusbar"></div>
 			<div class="message">
 			</div>
 		</div>
+	$bundles
 	</body>
 
 </html>

packages/app/src/index.ts

+import "./index.scss";
+
 const overlay = document.getElementById("overlay");
 const logo = document.getElementById("logo");
 if (overlay && logo) {

packages/tsconfig.json

 {
-	"extends": "../tsconfig.json",
-	"compilerOptions": {
-		"plugins": [
-			{
-				"name": "tslint-language-service"
-			}
-		]
-	}
+	"extends": "../tsconfig.json"
 }

tsconfig.json

@@ -8,7 +8,13 @@
 		"declaration": true,
 		"sourceMap": true,
 		"strict": true,
+		"importHelpers": true,
 		"experimentalDecorators": true,
+		"plugins": [
+			{
+				"name": "tslint-language-service"
+			}
+		],
 		"paths": {
 			"@coder/*": [
 				"./packages/*/src"