Giter Site home page Giter Site logo

s0ftik3 / rayso-api Goto Github PK

View Code? Open in Web Editor NEW
13.0 1.0 3.0 933 KB

๐ŸŽจ Ray.so API for JavaScript (Node.js). Turn your code into beautiful images.

Home Page: https://www.npmjs.com/package/rayso-api

License: MIT License

JavaScript 100.00%
ray-so-api api ray-so code-highlight

rayso-api's Introduction

Ray.so API

version downloads author on telegram

logotype

This is unofficial NodeJs (JavaScript) API for ray.so that turns your code into beautiful images. Choose from a range of syntax colors, hide or show the background, and toggle between a dark and light window.

Navigation

Installing

$ npm i rayso-api

Usage

import RaySo from 'rayso-api'
const raySo = new RaySo({
    // parameters, if you want to customize the output
    // you'll find detailed info about parameters below
})

raySo
    .cook(`console.log('Hello, World!');`)
    .then(response => {
        // response is image buffer
    })
    .catch(err => {
        console.error(err)
    })
import RaySo from 'rayso-api'
const raySo = new RaySo()

Parameters

Parameter Default value Type Description
title "Untitled-1" String The title will be displayed on top of the code box.
theme "breeze" String There are several options of how your box will look like. Available themes: breeze, candy, crimson, falcon, meadow, midnight, raindrop, sunset
background true Boolean If disabled, it will create an image of code box only, without background.
darkMode true Boolean If disabled, it will change your theme to its light version.
padding 32 String or Number Distance between borders and code box. Available values: 16, 32, 64 and 128.
language "auto" String You better leave it auto :/ However, you can try to pass some language name and if it worked, good for you!
localPreview false Boolean If enabled, it will create example.png image file of the output in the current directory.
localPreviewPath current directory String Path to create example files. MacOS, Linux and Windows paths supported.
debug false Boolean If enabled, it will show messages in the console during code execution.

Examples

Default output

import RaySo from 'rayso-api'
const raySo = new RaySo()

output

Custom parameters

import RaySo, {
    CardTheme,
    CardPadding,
    CardProgrammingLanguage,
} from 'rayso-api'
const raySo = new RaySo({
    title: 'Custom Title',
    theme: CardTheme.CANDY,
    padding: CardPadding.md,
    language: CardProgrammingLanguage.JS,
    debug: true,
    localPreview: true,
    localPreviewPath: '/Users/s0ftik3/rayso_screenshots',
})

output

Output without background

import RaySo from 'rayso-api'
const raySo = new RaySo({ background: false })

output

Themes

These are all the available themes, so far. As soon Ray.So has a new theme, it will appear here. Default theme breeze is not listed here, you saw it in the first picture of this README.

Candy

import RaySo from 'rayso-api'
const raySo = new RaySo({ theme: 'candy' })

candy

Crimson

import RaySo from 'rayso-api'
const raySo = new RaySo({ theme: 'crimson' })

crimson

Falcon

import RaySo from 'rayso-api'
const raySo = new RaySo({ theme: 'falcon' })

falcon

Meadow

import RaySo from 'rayso-api'
const raySo = new RaySo({ theme: 'meadow' })

meadow

Midnight

import RaySo from 'rayso-api'
const raySo = new RaySo({ theme: 'midnight' })

midnight

Raindrop

import RaySo from 'rayso-api'
const raySo = new RaySo({ theme: 'raindrop' })

raindrop

Sunset

import RaySo from 'rayso-api'
const raySo = new RaySo({ theme: 'sunset' })

sunset

Credits

  • The source is ray.so website.

rayso-api's People

Contributors

s0ftik3 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

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.