Typescript - Replacing strings in url map

Question

I have a map like so:

const urlPaths = {
        "Signature": "signature/(signatureId)",
        "Rule": "signature/(signatureId)/rule/(ruleId)",
    };

I then have some data that comes in my API like:

aId: {
    signatureId: "999"
}

or

aId: {
    signatureId: "123",
    ruleId: "456"
}

I want to be able to use that map, to return me the url for Signature or Rule, for example:

"signature/999" or "signature/123/rule/456"

I've come across the regex replace, but wondering, can I actually use that in this case?

function createUrl(url, regex, aId){
   url.replace(regex,(id) => aId[id])
}

Not sure if its possible/how to do with that or do I need something else?

Any ideas appreciated.

Thanks.

awarrier99 · Accepted Answer · 2020-04-09 02:47:34Z

Not sure that a RegExp is strictly necessary, since the patterns you want to replace match the names of your properties. You could do something like this:

const urlPaths = {
  "Signature": "signature/(signatureId)",
  "Rule": "signature/(signatureId)/rule/(ruleId)",
};

const aId1 = {
    signatureId: "999"
};

const aId2 = {
  signatureId: "123",
  ruleId: "456"
};

const createUrl = (url, aId) => {
  let newUrl = url;
  Object.entries(aId).forEach(([key, value]) => {
    newUrl = newUrl.replace(`(${key})`, value);
  });
  return newUrl;
}

console.log(createUrl(urlPaths.Signature, aId1));
console.log(createUrl(urlPaths.Rule, aId2));

If you do want to use a RegExp though, here's an example of how that could work too

const urlPaths = {
  "Signature": "signature/(signatureId)",
  "Rule": "signature/(signatureId)/rule/(ruleId)",
};

const aId1 = {
    signatureId: "999"
};

const aId2 = {
  signatureId: "123",
  ruleId: "456"
};

const createUrlRegExp = (url, regexs, aId) => {
  let newUrl = url;
  const replacer = match => aId[match.slice(1, -1)]; // get rid of parentheses around match
  regexs.forEach(regex => {
    newUrl = newUrl.replace(regex, replacer)
  });
  return newUrl;
};

console.log(createUrlRegExp(urlPaths.Signature, [/\(signatureId\)/], aId1));
console.log(createUrlRegExp(urlPaths.Rule, [/\(signatureId\)/, /\(ruleId\)/], aId2));

Stefan Hariton · Accepted Answer · 2020-04-09 03:48:44Z

1

As the poster asks for a Typescript solution, here I'm providing a Typescript solution. You don't necessarily need for regexp here, as the string.replace accepts a string as a pattern also.

interface AID {
  signatureId: string,
}

interface AIDWithRuleId extends AID {
  signatureId: string,
  ruleId: string,
}

interface UrlPaths {
  Signature: string,
    Rule: string,
}

enum ValuesToReplace {
  signatureId = '(signatureId)',
    ruleId = '(ruleId)'
}

class URLBuilder {
  private static urlPaths: UrlPaths = {
    Signature: `signature/${ValuesToReplace.signatureId}`, // or you can keep "signature/(signatureId)"
    Rule: `signature/${ValuesToReplace.signatureId}/rule/${ValuesToReplace.ruleId}`, // or you can keep "signature/(signatureId)/rule/(ruleId)"
  }


  static getSignatureUrl(data: AID): string {
    return this.urlPaths.Signature.replace(ValuesToReplace.signatureId, data.signatureId);
  }

  static getRuleUrl(data: AIDWithRuleId): string {
    return this.urlPaths.Rule
      .replace(ValuesToReplace.signatureId, data.signatureId)
      .replace(ValuesToReplace.ruleId, data.ruleId);
  }

}

let x1: AID = {
  signatureId: '1'
};
let x2: AIDWithRuleId = {
  signatureId: '1',
  ruleId: '1'
};

console.log(URLBuilder.getSignatureUrl(x1));
console.log(URLBuilder.getRuleUrl(x2));
console.log(URLBuilder.getSignatureUrl(x2));

answered Apr 9, 2020 at 3:48

Stefan Hariton

3471 gold badge5 silver badges19 bronze badges

1 Comment

awarrier99 Over a year ago

I just stuck with the syntax OP used, assuming that they don't have many strict compiler flags enabled, but good point

Collectives™ on Stack Overflow

Typescript - Replacing strings in url map

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related