Added transformer usages for hard-coded TS URLs

Author: ebkr

src/components/v2/OnlinePreviewPanel.vue

@@ -10,6 +10,7 @@ import { ExternalLink } from '../all';
 import R2Error from '../../model/errors/R2Error';
 import { getFullDependencyList, InstallMode } from '../../utils/DependencyUtils';
 import { getStore } from '../../providers/generic/store/StoreProvider';
+import { transformPackageUrl } from '../../providers/cdn/PackageUrlTransformer';
 
 const store = getStore<State>();
 
@@ -35,8 +36,7 @@ function setActiveTab(tab: "README" | "CHANGELOG" | "Dependencies") {
 }
 
 function fetchDataFor(mod: ThunderstoreMod, type: "readme" | "changelog"): Promise<string> {
-    console.log("Type:", type);
-    return fetch(`https://thunderstore.io/api/cyberstorm/package/${mod.getOwner()}/${mod.getName()}/latest/${type}/`)
+    return fetch(transformPackageUrl(`https://thunderstore.io/api/cyberstorm/package/${mod.getOwner()}/${mod.getName()}/latest/${type}/`))
         .then(res => {
             if (!res.ok) {
                 throw new Error(`No ${type} available for ${mod.getName()}`)
@@ -47,7 +47,6 @@ function fetchDataFor(mod: ThunderstoreMod, type: "readme" | "changelog"): Promi
 }
 
 function fetchReadme(modToLoad: ThunderstoreMod) {
-    // TODO - Make sure that this is null on fetch failure.
     readmeError.value = null;
     readme.value = null;
     return fetchDataFor(props.mod, "readme").then(res => {

src/r2mm/profiles/ProfilesClient.ts

@@ -1,9 +1,10 @@
 import Axios, { AxiosResponse } from 'axios';
 import R2Error from '../../model/errors/R2Error';
 import CdnProvider from '../../providers/generic/connection/CdnProvider';
+import { transformPackageUrl } from '../../providers/cdn/PackageUrlTransformer';
 
 const getProfileUrl = (profileImportCode: string): string => {
-    return `https://thunderstore.io/api/experimental/legacyprofile/get/${profileImportCode}/`;
+    return transformPackageUrl(`https://thunderstore.io/api/experimental/legacyprofile/get/${profileImportCode}/`);
 }
 
 function formatApiError<T>(e: T, genericTitle: string): R2Error | T {
@@ -53,7 +54,7 @@ async function handleApiErrors<I, J>(
 
 function createProfile(payload: string): Promise<AxiosResponse<{ key: string }>> {
     return handleApiErrors(Axios.post(
-        "https://thunderstore.io/api/experimental/legacyprofile/create/",
+        transformPackageUrl("https://thunderstore.io/api/experimental/legacyprofile/create/"),
         payload,
         {
             headers: { 'Content-Type': 'application/octet-stream' }