Use publisherName and extensionName for theme id

backend/jobs/extractColors.test.ts

@@ -6,7 +6,6 @@ import {
 import * as fetch from 'jest-fetch-mock'
 import createServices from '../services/mock'
 import * as themeVariables from '../utils/themeVariables'
-import createThemeId from '../utils/createThemeId'
 import extractColors from './extractColors'
 
 afterEach(() => fetch.resetMocks())

backend/jobs/extractThemes.ts

@@ -32,7 +32,12 @@ export default async function run(services: Services): Promise<any> {
     }
 
     const { payload } = job
-    const { repositoryOwner, repository } = payload
+    const {
+      repositoryOwner,
+      repository,
+      publisherName,
+      extensionName,
+    } = payload
     // Find the default branch of the repository.
     const repositoryBranch = await fetchDefaultBranch(
       services,
@@ -66,7 +71,7 @@ export default async function run(services: Services): Promise<any> {
       // Remove './' from './path'.
       const themePath = theme.path.replace(/^\.\//, '')
       const url = `${branchUrl}/${themePath}`
-      const themeId = createThemeId(repositoryOwner, repository, themePath)
+      const themeId = createThemeId(publisherName, extensionName, themePath)
 
       themes.push({
         ...payload,

backend/utils/createThemeId.ts

@@ -1,9 +1,9 @@
 // Computes the id of a theme from it's github repository
 // and path to the json definition.
 export default function createThemeId(
-  repositoryOwner: string,
-  repository: string,
+  publisherName: string,
+  extensionName: string,
   themePath: string,
 ): string {
-  return `${repositoryOwner}$${repository}$${themePath}`.toLowerCase()
+  return `${publisherName}$${extensionName}$${themePath}`.toLowerCase()
 }