Validate string is URL

What would be the easiest way to validate that the url in here is an actual valid url?

const button = type({
  label: "2<=string<=32",
  url: "2<=string<=512",
})

const button = type({
  label: "2<=string<=32",
  url: "2<=string<=512",
})

19 Replies

TizzySaurus•2y ago

Use a morph that checks the string length and regex it I guess Depending on what you want to consider a valid URL

Bas950OP•2y ago

I mean seeing if it would parse in new URL()

TizzySaurus•2y ago

If the given base URL or the resulting URL are not valid URLs, the JavaScript TypeError exception is thrown.

Since an error is thrown when it's invalid, you can just try/catch

Bas950OP•2y ago

yea but how can I do that inside of the type({...}) ? Or is that not possible

TizzySaurus•2y ago

import { Problems, type } from "arktype";

function validateUrl(url: string, problems: Problems) {
  if (url.length < 2 || url.length > 512) {
    problems.mustBe("of length 2-512 inclusive");
    return false;
  }

  try {
    new URL(url);
  } catch (err) {
    problems.mustBe("a valid url");
    return false;
  }
  return true;
}

const button = type({
  url: ["string", |>, validateUrl]
})

import { Problems, type } from "arktype";

function validateUrl(url: string, problems: Problems) {
  if (url.length < 2 || url.length > 512) {
    problems.mustBe("of length 2-512 inclusive");
    return false;
  }

  try {
    new URL(url);
  } catch (err) {
    problems.mustBe("a valid url");
    return false;
  }
  return true;
}

const button = type({
  url: ["string", |>, validateUrl]
})

something like this I guess You could ofc have the function in-line if you wanted @Bas950 ^

Bas950OP•2y ago

hmmm, okay thanks. Never used those morphs before, but that should work I guess, thanks. Might be nice if @ssalbdivad can add url as a thing itself just like dates etc.

TizzySaurus•2y ago

Yeah, it might even be planned

Bas950OP•2y ago

For now I will use:

const urlMorph = (options?: {
  minLength: number;
  maxLength: number;
}) => morph("string", (value, problems) => {
  if (options) {
    if (value.length < options.minLength) {
      problems.mustBe(`of length ${options.minLength} or more characters`);
      return false;
    }
    if (value.length > options.maxLength) {
      problems.mustBe(`of length ${options.maxLength} or less characters`);
      return false;
    }
  }

  try {
    new URL(value);
    return true;
  } catch {
    problems.mustBe("a valid URL");
    return false;
  }
});

const urlMorph = (options?: {
  minLength: number;
  maxLength: number;
}) => morph("string", (value, problems) => {
  if (options) {
    if (value.length < options.minLength) {
      problems.mustBe(`of length ${options.minLength} or more characters`);
      return false;
    }
    if (value.length > options.maxLength) {
      problems.mustBe(`of length ${options.maxLength} or less characters`);
      return false;
    }
  }

  try {
    new URL(value);
    return true;
  } catch {
    problems.mustBe("a valid URL");
    return false;
  }
});

TizzySaurus•2y ago

Looks good 👍

ssalbdivad•2y ago

Awesome, thanks for helping @TizzySaurus. I'll probably add url as just validating the string format, then parse.url would be validate it and then transform? Something like that

TizzySaurus•2y ago

Sounds good!

Dimava•2y ago

isnt this narrow?

Dimava•2y ago

Also I doubt you would want

ssalbdivad•2y ago

Yeah you're right haha I didn't actually double check 😬 This would convert it to a boolean At least that would be clear when you tried to use the type though because your output data would be a boolean

Bas950OP•2y ago

oh yea thanks, forgot, you just have to check if the protocol is http: or https:

Dimava•2y ago

And I don't think you need minLength then

type('string').narrow( (d, p) => { return type({ protocol: "'http:'|'https:'" }).allows(new URL(d)) } )

type('string').narrow( (d, p) => { return type({ protocol: "'http:'|'https:'" }).allows(new URL(d)) } )

ssalbdivad•2y ago

Don't bamboozle people with beta syntax 🤣

Unknown User•14mo ago

Message Not Public

ssalbdivad•14mo ago

Ahh nice catch, thank you! I will update this for the next release 😊 I'm going to not worry about keys including : for now 😅

Gaming

Programming

Validate string is URL

Did you find this page helpful?