Coder Social home page Coder Social logo

Comments (1)

kmvan avatar kmvan commented on June 10, 2024

Not works in next13.
So I make a service for fetch captcha.

import { StatusCodes } from 'http-status-codes'
export interface SvgCaptchaCreateProps {
  data: string
  text: string
}
export interface SvgCaptchaOption {
  width?: number
  height?: number
  fontSize?: number
  mathMin?: number
  mathMax?: number
  noise?: number
  color?: boolean
  background?: string
}
export class SvgCaptcha {
  private static REMOTE_URL = 'https://svg-captcha.inn-studio.com'
  public static create = async ({
    width = 200,
    height = 50,
    fontSize = 50,
    mathMin = 10,
    mathMax = 99,
    noise = 5,
    color = true,
    background = '',
  }: SvgCaptchaOption): Promise<SvgCaptchaCreateProps | null> => {
    const params = new URLSearchParams({
      width: String(width),
      height: String(height),
      fontSize: String(fontSize),
      mathMin: String(mathMin),
      mathMax: String(mathMax),
      noise: String(noise),
      color: color ? '1' : '0',
      background,
    }).toString()
    try {
      const res = await fetch(`${this.REMOTE_URL}?${params}`, {
        cache: 'no-cache',
      })
      if (res.status !== StatusCodes.OK) {
        return null
      }
      const data = await res.json()
      if (data?.svg && data?.text) {
        return {
          data: data.svg,
          text: data.text,
        }
      }
      return null
    } catch (err) {
      console.log(err)
      return null
    }
  }
}

from svg-captcha.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.