Skip to content

Instantly share code, notes, and snippets.

import Plot from 'react-plotly.js';
const layoutObj = {
title: 'Scatter Chart',
width: 800,
height: 600,
};
const dataArray = [
{
import Plot from 'react-plotly.js';
const layoutObj = {
title: 'Bar Chart',
width: 800,
height: 600,
};
const dataArray = [
{
import Plot from 'react-plotly.js';
const layoutObj = {
title: 'Scatter Chart',
width: 800,
height: 600,
};
const dataArray = [
{
import type { NextApiRequest, NextApiResponse } from 'next'
import { Configuration, OpenAIApi, ImagesResponseDataInner } from 'openai';
import { createReadStream } from 'fs';
const configuration = new Configuration({
apiKey: process.env.OPENAI_API_KEY,
});
const openai = new OpenAIApi(configuration);
type Data = {
import React from 'react';
import styles from '../styles/Home.module.css';
const IMAGE_COUNT = 10;
const IMAGE_SIZE = 1024;
const MASK_FILE_PREFIX = 'mask';
export default function Home() {
const [value, setValue] = React.useState<string>('');
const [value2, setValue2] = React.useState<string>('');
import type { NextApiRequest, NextApiResponse } from 'next'
import { Configuration, OpenAIApi, ImagesResponseDataInner } from 'openai';
import { createReadStream } from 'fs';
const configuration = new Configuration({
apiKey: process.env.OPENAI_API_KEY,
});
const openai = new OpenAIApi(configuration);
type Data = {
import React from 'react';
import styles from '../styles/Home.module.css';
const IMAGE_COUNT = 10;
const IMAGE_SIZE = 1024;
export default function Home() {
const [value, setValue] = React.useState<string>('');
const [fileName, setFileName] = React.useState<string>('');
const [imageIndex, setImageIndex] = React.useState<number>(0);
import type { NextApiRequest, NextApiResponse } from 'next'
import { Configuration, OpenAIApi, ImagesResponseDataInner } from 'openai';
const configuration = new Configuration({
apiKey: process.env.OPENAI_API_KEY,
});
const openai = new OpenAIApi(configuration);
type Data = {
result: ImagesResponseDataInner[],
.main {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding: 2rem;
}
.main iframe {
border: none;
import React from 'react';
import styles from '../styles/Home.module.css';
const IMAGE_COUNT = 10;
const IMAGE_SIZE = 1024;
export default function Home() {
const [value, setValue] = React.useState<string>('');
const [prompt, setPrompt] = React.useState<string>('');
const [imageIndex, setImageIndex] = React.useState<number>(0);