+
`;
+ this.getGitHubData();
+ }
+
+ protected get dataVersion(): Version {
+ return Version.parse('1.0');
+ }
+
+ protected get disableReactivePropertyChanges(): boolean {
+ return true;
+ }
+
+ protected getPropertyPaneConfiguration(): IPropertyPaneConfiguration {
+ return {
+ pages: [
+ {
+ header: {
+ description: strings.PropertyPaneDescription
+ },
+ groups: [
+ {
+ groupName: strings.BasicGroupName,
+ groupFields: [
+ PropertyPaneTextField('description', {
+ label: strings.DescriptionFieldLabel
+ }),
+ PropertyPaneTextField('gitHubUserName', {
+ label: strings.GitHubUserNameFieldLabel
+ })
+ ]
+ }
+ ]
+ }
+ ]
+ };
+ }
+}
diff --git a/samples/js-gitHubBadge/src/webparts/gitHubBadge/loc/en-us.js b/samples/js-gitHubBadge/src/webparts/gitHubBadge/loc/en-us.js
new file mode 100644
index 000000000..e4461466e
--- /dev/null
+++ b/samples/js-gitHubBadge/src/webparts/gitHubBadge/loc/en-us.js
@@ -0,0 +1,8 @@
+define([], function() {
+ return {
+ "PropertyPaneDescription": "Description",
+ "BasicGroupName": "Group Name",
+ "DescriptionFieldLabel": "Description Field",
+ "GitHubUserNameFieldLabel": "GitHub User Name"
+ }
+});
\ No newline at end of file
diff --git a/samples/js-gitHubBadge/src/webparts/gitHubBadge/loc/mystrings.d.ts b/samples/js-gitHubBadge/src/webparts/gitHubBadge/loc/mystrings.d.ts
new file mode 100644
index 000000000..265815385
--- /dev/null
+++ b/samples/js-gitHubBadge/src/webparts/gitHubBadge/loc/mystrings.d.ts
@@ -0,0 +1,11 @@
+declare interface IGitHubBadgeWebPartStrings {
+ PropertyPaneDescription: string;
+ BasicGroupName: string;
+ DescriptionFieldLabel: string;
+ GitHubUserNameFieldLabel: string;
+}
+
+declare module 'GitHubBadgeWebPartStrings' {
+ const strings: IGitHubBadgeWebPartStrings;
+ export = strings;
+}
diff --git a/samples/js-gitHubBadge/teams/130674a1-0182-4b57-8ce9-88e1516abbcf_color.png b/samples/js-gitHubBadge/teams/130674a1-0182-4b57-8ce9-88e1516abbcf_color.png
new file mode 100644
index 000000000..a8d279707
Binary files /dev/null and b/samples/js-gitHubBadge/teams/130674a1-0182-4b57-8ce9-88e1516abbcf_color.png differ
diff --git a/samples/js-gitHubBadge/teams/130674a1-0182-4b57-8ce9-88e1516abbcf_outline.png b/samples/js-gitHubBadge/teams/130674a1-0182-4b57-8ce9-88e1516abbcf_outline.png
new file mode 100644
index 000000000..6df4a038d
Binary files /dev/null and b/samples/js-gitHubBadge/teams/130674a1-0182-4b57-8ce9-88e1516abbcf_outline.png differ
diff --git a/samples/js-gitHubBadge/tools/pre-version.js b/samples/js-gitHubBadge/tools/pre-version.js
new file mode 100644
index 000000000..be51a4beb
--- /dev/null
+++ b/samples/js-gitHubBadge/tools/pre-version.js
@@ -0,0 +1,64 @@
+/**
+ * This script updates the package-solution version analogue to the
+ * the package.json file.
+ */
+
+if (process.env.npm_package_version === undefined) {
+
+ throw 'Package version cannot be evaluated';
+
+}
+
+// define path to package-solution file
+const solution = './config/package-solution.json',
+ teams = './teams/manifest.json';
+
+// require filesystem instanc
+const fs = require('fs');
+
+// get next automated package version from process variable
+const nextPkgVersion = process.env.npm_package_version;
+
+// make sure next build version match
+const nextVersion = nextPkgVersion.indexOf('-') === -1 ?
+ nextPkgVersion : nextPkgVersion.split('-')[0];
+
+// Update version in SPFx package-solution if exists
+if (fs.existsSync(solution)) {
+
+ // read package-solution file
+ const solutionFileContent = fs.readFileSync(solution, 'UTF-8');
+ // parse file as json
+ const solutionContents = JSON.parse(solutionFileContent);
+
+ // set property of version to next version
+ solutionContents.solution.version = nextVersion + '.0';
+
+ // save file
+ fs.writeFileSync(
+ solution,
+ // convert file back to proper json
+ JSON.stringify(solutionContents, null, 2),
+ 'UTF-8');
+
+}
+
+// Update version in teams manifest if exists
+if (fs.existsSync(teams)) {
+
+ // read package-solution file
+ const teamsManifestContent = fs.readFileSync(teams, 'UTF-8');
+ // parse file as json
+ const teamsContent = JSON.parse(teamsManifestContent);
+
+ // set property of version to next version
+ teamsContent.version = nextVersion;
+
+ // save file
+ fs.writeFileSync(
+ teams,
+ // convert file back to proper json
+ JSON.stringify(teamsContent, null, 2),
+ 'UTF-8');
+
+}
diff --git a/samples/js-gitHubBadge/tsconfig.json b/samples/js-gitHubBadge/tsconfig.json
new file mode 100644
index 000000000..e0d751e33
--- /dev/null
+++ b/samples/js-gitHubBadge/tsconfig.json
@@ -0,0 +1,38 @@
+{
+ "extends": "./node_modules/@microsoft/rush-stack-compiler-2.7/includes/tsconfig-web.json",
+ "compilerOptions": {
+ "target": "es5",
+ "forceConsistentCasingInFileNames": true,
+ "module": "esnext",
+ "moduleResolution": "node",
+ "jsx": "react",
+ "declaration": true,
+ "sourceMap": true,
+ "experimentalDecorators": true,
+ "skipLibCheck": true,
+ "outDir": "lib",
+ "inlineSources": false,
+ "strictNullChecks": false,
+ "noUnusedLocals": false,
+ "typeRoots": [
+ "./node_modules/@types",
+ "./node_modules/@microsoft"
+ ],
+ "types": [
+ "es6-promise",
+ "webpack-env"
+ ],
+ "lib": [
+ "es5",
+ "dom",
+ "es2015.collection"
+ ]
+ },
+ "include": [
+ "src/**/*.ts"
+ ],
+ "exclude": [
+ "node_modules",
+ "lib"
+ ]
+}
diff --git a/samples/js-gitHubBadge/tslint.json b/samples/js-gitHubBadge/tslint.json
new file mode 100644
index 000000000..23fa2aa43
--- /dev/null
+++ b/samples/js-gitHubBadge/tslint.json
@@ -0,0 +1,30 @@
+{
+ "extends": "@microsoft/sp-tslint-rules/base-tslint.json",
+ "rules": {
+ "class-name": false,
+ "export-name": false,
+ "forin": false,
+ "label-position": false,
+ "member-access": true,
+ "no-arg": false,
+ "no-console": false,
+ "no-construct": false,
+ "no-duplicate-variable": true,
+ "no-eval": false,
+ "no-function-expression": true,
+ "no-internal-module": true,
+ "no-shadowed-variable": true,
+ "no-switch-case-fall-through": true,
+ "no-unnecessary-semicolons": true,
+ "no-unused-expression": true,
+ "no-use-before-declare": true,
+ "no-with-statement": true,
+ "semicolon": true,
+ "trailing-comma": false,
+ "typedef": false,
+ "typedef-whitespace": false,
+ "use-named-parameter": true,
+ "variable-name": false,
+ "whitespace": false
+ }
+}
\ No newline at end of file
+
+
+
+
+
+
+ ${this.properties.gitHubUserName}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+