Imagine we have a reducer to control a list of items:
function listOfItems(state: Array<Object> = [], action: Object = {}): Array<Object> {
switch(action.type) {
case 'SHOW_ALL_ITEMS':
return action.data.items
default:
{ | |
"openapi": "3.0.0", | |
"info": { | |
"version": "2.26.0", | |
"title": "Netlify's API documentation", | |
"description": "Netlify is a hosting service for the programmable web. It understands your documents and provides an API to handle atomic deploys of websites, manage form submissions, inject JavaScript snippets, and much more. This is a REST-style API that uses JSON for serialization and OAuth 2 for authentication.\n\nThis document is an OpenAPI reference for the Netlify API that you can explore. For more detailed instructions for common uses, please visit the [online documentation](https://www.netlify.com/docs/api/). Visit our Community forum to join the conversation about [understanding and using Netlify’s API](https://community.netlify.com/t/common-issue-understanding-and-using-netlifys-api/160).\n\nAdditionally, we have two API clients for your convenience:\n- [Go Client](https://github.com/netlify/open-api#go-client)\n- [JS Client](https://github.com/netlify/build/tree/main/packages/js-client)", | |
import fs from "fs"; | |
import { OpenAI } from "langchain/llms/openai"; | |
import { loadSummarizationChain } from "langchain/chains"; | |
import { RecursiveCharacterTextSplitter } from "langchain/text_splitter"; | |
import { PromptTemplate } from "langchain/prompts"; | |
const categories = [ | |
"News", | |
"Business", | |
"Technology", |
{ | |
"id": 1296269, | |
"node_id": "MDEwOlJlcG9zaXRvcnkxMjk2MjY5", | |
"name": "Hello-World", | |
"full_name": "octocat/Hello-World", | |
"owner": { | |
"login": "octocat", | |
"id": 1, | |
"node_id": "MDQ6VXNlcjE=", | |
"avatar_url": "https://github.com/images/error/octocat_happy.gif", |
import { navigate } from "gatsby-link"; | |
import { useMoralis } from "./useMoralis"; | |
export function useAuth() { | |
const { Moralis } = useMoralis(); | |
return { | |
login: async () => { | |
try { | |
const user = await Moralis?.Web3.authenticate(); | |
navigate("/"); |
import { navigate } from "gatsby-link"; | |
import * as React from "react"; | |
import { useAuth } from "../hooks/useAuth"; | |
const wrapper = { | |
backgroundColor: `rgb(197,250,3)`, | |
display: `flex`, | |
alignItems: `center`, | |
justifyContent: `center`, | |
flexDirection: `column`, |
export function useMoralis() { | |
// Moralis Initialization | |
let Moralis; | |
if (typeof window !== `undefined`) { | |
Moralis = require("moralis"); | |
Moralis.initialize(process.env.GATSBY_MORALIS_APPLICATION_ID); | |
Moralis.serverURL = process.env.GATSBY_MORALIS_SERVER_ID; | |
} | |
return { Moralis }; | |
} |
import React from "react"; | |
import { useAuth } from "../hooks/useAuth"; | |
// .... other code .... // | |
export default function Login() { | |
const { login } = useAuth(); | |
return ( | |
<section style={wrapper}> | |
<div style={loginCard}> |
import Moralis from "moralis"; | |
// Moralis Initialization | |
Moralis.initialize(`YOUR_APP_ID`); | |
Moralis.serverURL = `YOUR_SERVER_URL`; |
import React from "react"; | |
const wrapper = { | |
backgroundColor: `rgb(197,250,3)`, | |
display: `flex`, | |
alignItems: `center`, | |
justifyContent: `center`, | |
flexDirection: `column`, | |
height: `100vh`, | |
}; |