Add Vue.js + TypeScript + ASP.NET Core sample app for OCR

Author: justinyoo

VueJsAspNetCoreSample.sln

@@ -25,6 +25,8 @@ Project("{8BB2217D-0F2D-49D1-97BC-3654ED321F3B}") = "VueJsTsGeolocationAspNetCor
 EndProject
 Project("{8BB2217D-0F2D-49D1-97BC-3654ED321F3B}") = "VueJsTsIocAspNetCoreSample", "src\VueJsTsIocAspNetCoreSample\VueJsTsIocAspNetCoreSample.xproj", "{650B92E0-3A9D-4E36-90A1-253813EEA658}"
 EndProject
+Project("{8BB2217D-0F2D-49D1-97BC-3654ED321F3B}") = "VueJsTsOcrAspNetCoreSample", "src\VueJsTsOcrAspNetCoreSample\VueJsTsOcrAspNetCoreSample.xproj", "{74D192C5-CD67-45E3-AD22-516F4A807054}"
+EndProject
 Global
 	GlobalSection(SolutionConfigurationPlatforms) = preSolution
 		Debug|Any CPU = Debug|Any CPU
@@ -51,6 +53,10 @@ Global
 		{650B92E0-3A9D-4E36-90A1-253813EEA658}.Debug|Any CPU.Build.0 = Debug|Any CPU
 		{650B92E0-3A9D-4E36-90A1-253813EEA658}.Release|Any CPU.ActiveCfg = Release|Any CPU
 		{650B92E0-3A9D-4E36-90A1-253813EEA658}.Release|Any CPU.Build.0 = Release|Any CPU
+		{74D192C5-CD67-45E3-AD22-516F4A807054}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{74D192C5-CD67-45E3-AD22-516F4A807054}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{74D192C5-CD67-45E3-AD22-516F4A807054}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{74D192C5-CD67-45E3-AD22-516F4A807054}.Release|Any CPU.Build.0 = Release|Any CPU
 	EndGlobalSection
 	GlobalSection(SolutionProperties) = preSolution
 		HideSolutionNode = FALSE
@@ -61,5 +67,6 @@ Global
 		{6E86BF6C-54A7-4C02-84F0-5E5C1CCD1FAE} = {B6D362B4-A378-4848-ABB8-55D57FDE5F21}
 		{9BF631EC-2DD7-40BB-B3F6-7BF4B3366863} = {B6D362B4-A378-4848-ABB8-55D57FDE5F21}
 		{650B92E0-3A9D-4E36-90A1-253813EEA658} = {B6D362B4-A378-4848-ABB8-55D57FDE5F21}
+		{74D192C5-CD67-45E3-AD22-516F4A807054} = {B6D362B4-A378-4848-ABB8-55D57FDE5F21}
 	EndGlobalSection
 EndGlobal

src/VueJsTsOcrAspNetCoreSample/.babelrc

@@ -0,0 +1,14 @@
+{
+  "presets": [
+    ["env", { "modules": false }],
+    "stage-2"
+  ],
+  "plugins": ["transform-runtime"],
+  "comments": false,
+  "env": {
+    "test": {
+      "presets": ["env", "stage-2"],
+      "plugins": [ "istanbul" ]
+    }
+  }
+}

src/VueJsTsOcrAspNetCoreSample/.editorconfig

@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true

src/VueJsTsOcrAspNetCoreSample/.eslintignore

@@ -0,0 +1,2 @@
+build/*.js
+config/*.js

src/VueJsTsOcrAspNetCoreSample/.eslintrc.js

@@ -0,0 +1,27 @@
+// http://eslint.org/docs/user-guide/configuring
+
+module.exports = {
+  root: true,
+  parser: 'babel-eslint',
+  parserOptions: {
+    sourceType: 'module'
+  },
+  env: {
+    browser: true,
+  },
+  // https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style
+  extends: 'standard',
+  // required to lint *.vue files
+  plugins: [
+    'html'
+  ],
+  // add your custom rules here
+  'rules': {
+    // allow paren-less arrow functions
+    'arrow-parens': 0,
+    // allow async-await
+    'generator-star-spacing': 0,
+    // allow debugger during development
+    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0
+  }
+}

src/VueJsTsOcrAspNetCoreSample/.gitignore

@@ -0,0 +1,8 @@
+.DS_Store
+node_modules/
+dist/
+npm-debug.log
+yarn-error.log
+test/unit/coverage
+test/e2e/reports
+selenium-debug.log

src/VueJsTsOcrAspNetCoreSample/.postcssrc.js

@@ -0,0 +1,8 @@
+// https://github.com/michael-ciniawsky/postcss-load-config
+
+module.exports = {
+  "plugins": {
+    // to edit target browsers: use "browserlist" field in package.json
+    "autoprefixer": {}
+  }
+}

src/VueJsTsOcrAspNetCoreSample/Controllers/ApiController.cs

@@ -0,0 +1,20 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Threading.Tasks;
+using Microsoft.AspNetCore.Mvc;
+
+namespace VueJsTsOcrAspNetCoreSample.Controllers
+{
+    [Route("api")]
+    public class ApiController : Controller
+    {
+        [Route("hello")]
+        [HttpGet]
+        public IActionResult Hello()
+        {
+            var msg = new { Message = "Hello World" };
+            return this.Ok(msg);
+        }
+    }
+}

src/VueJsTsOcrAspNetCoreSample/Controllers/HomeController.cs

@@ -0,0 +1,35 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Threading.Tasks;
+using Microsoft.AspNetCore.Mvc;
+
+namespace VueJsTsOcrAspNetCoreSample.Controllers
+{
+    public class HomeController : Controller
+    {
+        public IActionResult Index()
+        {
+            return View();
+        }
+
+        public IActionResult About()
+        {
+            ViewData["Message"] = "Your application description page.";
+
+            return View();
+        }
+
+        public IActionResult Contact()
+        {
+            ViewData["Message"] = "Your contact page.";
+
+            return View();
+        }
+
+        public IActionResult Error()
+        {
+            return View();
+        }
+    }
+}

src/VueJsTsOcrAspNetCoreSample/Program.cs

@@ -0,0 +1,24 @@
+using System;
+using System.Collections.Generic;
+using System.IO;
+using System.Linq;
+using System.Threading.Tasks;
+using Microsoft.AspNetCore.Hosting;
+
+namespace VueJsTsOcrAspNetCoreSample
+{
+    public class Program
+    {
+        public static void Main(string[] args)
+        {
+            var host = new WebHostBuilder()
+                .UseKestrel()
+                .UseContentRoot(Directory.GetCurrentDirectory())
+                .UseIISIntegration()
+                .UseStartup<Startup>()
+                .Build();
+
+            host.Run();
+        }
+    }
+}