microsoft · cadewey · Sep 13, 2018 · Oct 1, 2018 · Oct 15, 2018 · Oct 16, 2018
diff --git a/repository-info-extension/context.html b/repository-info-extension/context.html
@@ -0,0 +1,43 @@
+<html>
+<head>
+    <title>Repository Information</title>
+    <script src="node_modules/vss-web-extension-sdk/lib/VSS.SDK.js"></script>
+    <style>
+        h2 {
+            font-weight: 400;
+        }
+
+        pre {
+            font-size: 14px;
+            line-height: 1.3em;
+        }
+
+        </style>
+</head>
+
+<body style="padding-left: 20px; padding-top: 20px; overflow-y: auto; background-color: #eee">
+
+    <h2>Repository Information</h2>
+    <pre id="context-display"></pre>
+
+    <script type="text/javascript">
+        VSS.init({
+            usePlatformScripts: true, 
+            usePlatformStyles: true
+        });
+
+        VSS.require(["scripts/app"], function (app) {
+            app.execute();
+        });
+    </script>
+
+    <div id="repository-info-view">
+        <h3>ID</h2>
+        <p id="repository-id"></p>
+        <h3>Name</h2>
+        <p id="repository-name"></p>
+        <h3>URL</h2>
+        <p id="repository-url"></p>
+    </div>
+</body>
+</html>
diff --git a/repository-info-extension/images/fabrikam-logo.png b/repository-info-extension/images/fabrikam-logo.png
diff --git a/repository-info-extension/images/hub-content.PNG b/repository-info-extension/images/hub-content.PNG
diff --git a/repository-info-extension/package-lock.json b/repository-info-extension/package-lock.json
diff --git a/repository-info-extension/package.json b/repository-info-extension/package.json
@@ -0,0 +1,13 @@
+{
+  "name": "repository-info-extension",
+  "version": "1.0.0",
+  "description": "Provides an example for accessing the currently selected repository from an extension.",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Microsoft/vsts-extension-samples/tree/master/repository-info-extension"
+  },
+  "author": "Microsoft",
+  "dependencies": {
+    "vss-web-extension-sdk": "^5.140.0"
+  }
+}
diff --git a/repository-info-extension/readme.md b/repository-info-extension/readme.md
@@ -0,0 +1,13 @@
+This extension is an example of how to access information about the user's currently selected repository from an extension. Note: this information will only be accessible on pages that are within the "code" hub, including new pages that may be added by the extension (as in this example).
+
+## Building
+
+This extension is built using NodeJS with the [typescript](https://github.com/Microsoft/TypeScript) and [tfs-cli](https://github.com/Microsoft/tfs-cli) packages. Once those are installed, open a command prompt at the extension's root and run:
+
+1. `npm install`
+2. `tsc`
+3. `tfx extension create`
+
+## Screenshot
+
+![hub](images/hub-content.PNG)
diff --git a/repository-info-extension/scripts/app.ts b/repository-info-extension/scripts/app.ts
@@ -0,0 +1,14 @@
+/// <reference path='../node_modules/vss-web-extension-sdk/typings/tfs.d.ts' />
+
+import TFS_VC_Services = require("TFS/VersionControl/Services");
+
+export async function execute() {
+    const svc = await TFS_VC_Services.VersionControlRepositoryService.getService();
+    const repo = await svc.getCurrentGitRepository();
+    let idContainer = document.getElementById("repository-id");
+    let nameContainer = document.getElementById("repository-name");
+    let urlContainer = document.getElementById("repository-url");
+    idContainer.innerHTML = repo.id;
+    nameContainer.innerHTML = repo.name;
+    urlContainer.innerHTML = repo.url;
+}
diff --git a/repository-info-extension/tsconfig.json b/repository-info-extension/tsconfig.json
@@ -0,0 +1,9 @@
+{
+    "compilerOptions": {
+        "module": "amd",
+        "sourceMap": false
+    },
+    "exclude": [
+        "node_modules"
+    ]
+}
diff --git a/repository-info-extension/vss-extension.json b/repository-info-extension/vss-extension.json
@@ -0,0 +1,68 @@
+{
+    "manifestVersion": 1,
+    "id": "repository-info-extension",
+    "version": "1.0.0",
+    "name": "Repository Information Sample",
+    "description": "Provides an example for accessing the currently selected repository from an extension.",
+    "publisher": "ms-samples",
+    "public": true,
+    "categories": [
+        "Developer samples",
+        "Code"
+    ],
+    "links": {
+        "learn": {
+            "uri": "https://github.com/Microsoft/vso-extension-samples"
+        }
+    },
+    "icons": {
+        "default": "images/fabrikam-logo.png"
+    },
+    "targets": [
+        {
+            "id": "Microsoft.VisualStudio.Services"
+        }
+    ],
+    "content": {
+        "details": {
+            "path": "readme.md"
+        }
+    }, 
+    "branding": {
+        "color": "rgb(190, 39, 3)",
+        "theme": "dark"
+    },       
+    "files": [
+        {
+            "path": "scripts/app.js",
+            "addressable": true
+        },
+        {
+            "path": "images",
+            "addressable": true
+        },
+        {
+            "path": "context.html",
+            "addressable": true
+        },                  
+        {
+            "path": "node_modules/vss-web-extension-sdk/lib",
+            "addressable": true
+        }    
+    ],
+    "contributions": [
+        {
+            "id": "repository-info-hub",
+            "type": "ms.vss-web.hub",
+            "description": "Custom hub in the Code hub group that displays information about the currently active Git repository.",
+            "targets": [
+                "ms.vss-code-web.code-hub-group"
+            ],
+            "properties": {
+                "name": "Repository Information",
+                "order": 100,
+                "uri": "context.html"
+            }
+        }
+    ]
+}