update night owl: add marko support (codesandbox#1789)

* update night owl: add marko support

* fix le json file

* add index.json

Author: SaraVieira

packages/app/src/app/utils/get-type.js

@@ -19,6 +19,7 @@ const specialCasesMap = {
 
 const regexCasesMap = {
   markdown: /\.md$/,
+  markojs: /\.marko$/,
   yaml: /\.yml$/,
   react: /\.jsx$/,
   reason: /\.re$/,

standalone-packages/vscode-extensions/Readme.md

@@ -0,0 +1,9 @@
+## How to add a simple extension
+
+* Install the extension on your VSCode
+* Copy extension folder into `/out/extensions`
+* Run `yarn compile`
+* Profit?
+
+
+Any errors please open an issue so we can fix that together

standalone-packages/vscode-extensions/out/extensions/index.json

@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="utf-8"?>
+<PackageManifest Version="2.0.0" xmlns="http://schemas.microsoft.com/developer/vsx-schema/2011" xmlns:d="http://schemas.microsoft.com/developer/vsx-schema-design/2011">
+  <Metadata>
+    <Identity Language="en-US" Id="marko" Version="0.4.0" Publisher="pcanella"/>
+    <DisplayName>Marko Syntax Highlighting</DisplayName>
+    <Description xml:space="preserve">Syntax highlighting for Marko templates. Not sure what Marko is? Check out markojs.com for more info! Special thanks to https://github.com/merwan7 for creating the sublime originals!</Description>
+    <Tags>snippet,marko,Marko,__ext_marko</Tags>
+    <Categories>Programming Languages</Categories>
+    <GalleryFlags>Public</GalleryFlags>
+    <Badges></Badges>
+    <Properties>
+      <Property Id="Microsoft.VisualStudio.Code.Engine" Value="^0.10.10" />
+      <Property Id="Microsoft.VisualStudio.Code.ExtensionDependencies" Value="" />
+      <Property Id="Microsoft.VisualStudio.Code.ExtensionPack" Value="" />
+      <Property Id="Microsoft.VisualStudio.Code.LocalizedLanguages" Value="" />
+      
+        <Property Id="Microsoft.VisualStudio.Services.Links.Source" Value="git://github.com/pcanella/vscode-marko.git" />
+        <Property Id="Microsoft.VisualStudio.Services.Links.Getstarted" Value="git://github.com/pcanella/vscode-marko.git" />
+        
+          <Property Id="Microsoft.VisualStudio.Services.Links.Repository" Value="git://github.com/pcanella/vscode-marko.git" />
+        
+      
+      
+      
+      
+      
+      <Property Id="Microsoft.VisualStudio.Services.GitHubFlavoredMarkdown" Value="true" />
+      
+      
+    </Properties>
+    
+    <Icon>extension/images/marko.png</Icon>
+  </Metadata>
+  <Installation>
+    <InstallationTarget Id="Microsoft.VisualStudio.Code"/>
+  </Installation>
+  <Dependencies/>
+  <Assets>
+    <Asset Type="Microsoft.VisualStudio.Code.Manifest" Path="extension/package.json" Addressable="true" />
+    <Asset Type="Microsoft.VisualStudio.Services.Content.Details" Path="extension/README.md" Addressable="true" /><Asset Type="Microsoft.VisualStudio.Services.Icons.Default" Path="extension/images/marko.png" Addressable="true" />
+  </Assets>
+</PackageManifest>

standalone-packages/vscode-extensions/out/extensions/pcanella.marko-0.4.0/.vsixmanifest

@@ -0,0 +1,29 @@
+# README
+## Marko Syntax Highlighting
+
+Simply a port of https://github.com/merwan7/sublime-marko to VSCode. Enjoy.
+
+Installation instructions:
+
+* Open VS Code
+* Open command panel with `⌘ + P` (Mac) or `F1` (Windows)
+* Type `ext install marko` and it should come right up.
+* Not working? [email protected] and harass me!
+
+## Emmet Autocompletion
+You can also enable `emmet` style autocompletion by adding the following configuration to your vscode settings:
+
+```json
+"emmet.includeLanguages": {
+  "marko": "html"
+}
+```
+
+### Original source code
+https://github.com/pcanella/vscode-marko
+
+### For more information
+* [Visual Studio Code's Markdown Support](http://code.visualstudio.com/docs/languages/markdown)
+* [Markdown Syntax Reference](https://help.github.com/articles/markdown-basics/)
+
+**Enjoy!**

standalone-packages/vscode-extensions/out/extensions/pcanella.marko-0.4.0/README.md

@@ -0,0 +1,17 @@
+{
+    "comments": {
+        // symbols used for start and end a block comment. Remove this entry if your language does not support block comments
+        "blockComment": [ "<!--", "-->" ]
+    },
+    // symbols used as brackets
+    "brackets": [
+        ["`", "`"],
+        ["'", "'"],
+        ["\"", "\""],
+        ["{", "}"],
+        ["[", "]"],
+        ["(", ")"],
+        ["|", "|"],
+        ["<", ">"]
+    ]
+}

standalone-packages/vscode-extensions/out/extensions/pcanella.marko-0.4.0/images/marko.png

@@ -0,0 +1,51 @@
+{
+	"name": "marko",
+	"displayName": "Marko Syntax Highlighting",
+	"description": "Syntax highlighting for Marko templates. Not sure what Marko is? Check out markojs.com for more info! Special thanks to https://github.com/merwan7 for creating the sublime originals!",
+	"version": "0.4.0",
+	"publisher": "pcanella",
+	"engines": {
+		"vscode": "^0.10.10"
+	},
+	"icon": "images/marko.png",
+	"categories": [
+		"Programming Languages"
+	],
+	"contributes": {
+		"languages": [
+			{
+				"id": "marko",
+				"aliases": [
+					"Marko",
+					"marko"
+				],
+				"extensions": [
+					".marko"
+				],
+				"configuration": "./marko.configuration.json"
+			}
+		],
+		"grammars": [
+			{
+				"language": "marko",
+				"scopeName": "text.marko",
+				"path": "./syntaxes/marko.tmLanguage"
+			}
+		],
+		"snippets": [
+			{
+				"language": "marko",
+				"path": "./snippets/marko.json"
+			}
+		]
+	},
+	"repository": {
+		"type": "git",
+		"url": "git://github.com/pcanella/vscode-marko.git"
+	},
+	"__metadata": {
+		"id": "cb0fe8e0-a01f-4f61-867a-0c45a5faa159",
+		"publisherId": "c3211e1a-77ae-4f47-a8b7-ac2b81e4aa34",
+		"publisherDisplayName": "pcanella"
+	}
+}

standalone-packages/vscode-extensions/out/extensions/pcanella.marko-0.4.0/marko.configuration.json

@@ -0,0 +1,44 @@
+{
+  "for tag": {
+    "prefix": "for",
+    "body": ["<for|${1:item}| of=${2:items}>\n\t$3\n</for>\n"],
+    "description": "for tag"
+  },
+  "if tag": {
+    "prefix": "if",
+    "body": ["<if(${1:condition})>\n\t$2\n</if>\n"],
+    "description": "if tag"
+  },
+  "else-if tag": {
+    "prefix": "else-if",
+    "body": ["<else-if(${1:condition})>\n\t$2\n</else-if>\n"],
+    "description": "else-if tag"
+  },
+  "else tag": {
+    "prefix": "else",
+    "body": ["<else>$1</else>\n"],
+    "description": "else tag"
+  },
+  "await tag": {
+    "prefix": "await",
+    "body": [
+      "<await(${1:promise})>\n\t<@then|${2:result}|>\n\t\t$3\n\t</@then>\n</await>\n"
+    ],
+    "description": "async-fragment tag"
+  },
+  "ternary operator": {
+    "prefix": "?",
+    "body": ["{${1:expression} ? ${2:trueTemplate} : ${3:falseTemplate}}"],
+    "description": "ternary operator"
+  },
+  "html-comment tag": {
+    "prefix": "comment",
+    "body": ["<html-comment>\n\t$1\n</html-comment>\n"],
+    "description": "html-comment tag"
+  },
+  "log": {
+    "prefix": "log",
+    "body": ["$ console.log(${1:object})"],
+    "description": "Log data in within the template"
+  }
+}