ARCHIVE/xrpl-hooks-ide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'main' into feat/prettier

Browse Source
This commit is contained in:
muzam1l
2022-08-17 22:05:50 +05:30
parent 6418094b0f 79bd5da3d2
commit 2a10d525fb
7 changed files with 836 additions and 266 deletions
Download Patch File Download Diff File Expand all files Collapse all files

196
state/actions/fetchFiles.ts
View File

@@ -1,124 +1,92 @@
import { Octokit } from '@octokit/core'
import Router from 'next/router'
import state from '../index'
import { templateFileIds } from '../constants'
import { Octokit } from "@octokit/core";
import state, { IFile } from '../index';
import { templateFileIds } from '../constants';
const octokit = new Octokit()
/* Fetches Gist files from Githug Gists based on
* gistId and stores the content in global state
/**
* Fetches files from Github Gists based on gistId and stores them in global state
*/
export const fetchFiles = (gistId: string) => {
state.loading = true
if (gistId && !state.files.length) {
state.logs.push({
type: 'log',
message: `Fetching Gist with id: ${gistId}`
export const fetchFiles = async (gistId: string) => {
if (!gistId || state.files.length) return
state.loading = true;
state.logs.push({
type: "log",
message: `Fetching Gist with id: ${gistId}`,
});
try {
const res = await octokit
.request("GET /gists/{gist_id}", { gist_id: gistId })
const isTemplate = (id: string) => Object.values(templateFileIds).map(v => v.id).includes(id)
if (isTemplate(gistId)) {
// fetch headers
const headerRes = await fetch(`${process.env.NEXT_PUBLIC_COMPILE_API_BASE_URL}/api/header-files`);
if (!headerRes.ok) throw Error("Failed to fetch headers");;
const headerJson = await headerRes.json()
const headerFiles: Record<string, { filename: string; content: string; language: string }> = {};
Object.entries(headerJson).forEach(([key, value]) => {
const fname = `${key}.h`;
headerFiles[fname] = { filename: fname, content: value as string, language: 'C' }
})
const files = {
...res.data.files,
...headerFiles
};
res.data.files = files;
}
if (!res.data.files) throw Error("No files could be fetched from given gist id!")
const files: IFile[] = Object.keys(res.data.files).map((filename) => ({
name: res.data.files?.[filename]?.filename || "untitled.c",
language: res.data.files?.[filename]?.language?.toLowerCase() || "",
content: res.data.files?.[filename]?.content || "",
}));
files.sort((a, b) => {
const aBasename = a.name.split('.')?.[0];
const aExt = a.name.split('.').pop() || '';
const bBasename = b.name.split('.')?.[0];
const bExt = b.name.split('.').pop() || '';
// default priority is undefined == 0
const extPriority: Record<string, number> = {
c: 3,
md: 2,
h: -1
}
// Sort based on extention priorities
const comp = (extPriority[bExt] || 0) - (extPriority[aExt] || 0)
if (comp !== 0) return comp
// Otherwise fallback to alphabetical sorting
return aBasename.localeCompare(bBasename)
})
octokit
.request('GET /gists/{gist_id}', { gist_id: gistId })
.then(async res => {
if (
!Object.values(templateFileIds)
.map(v => v.id)
.includes(gistId)
) {
return res
}
// in case of templates, fetch header file(s) and append to res
try {
const resHeader = await fetch(
`${process.env.NEXT_PUBLIC_COMPILE_API_BASE_URL}/api/header-files`
)
if (resHeader.ok) {
const resHeaderJson = await resHeader.json()
const headerFiles: Record<
string,
{ filename: string; content: string; language: string }
> = {}
Object.entries(resHeaderJson).forEach(([key, value]) => {
const fname = `${key}.h`
headerFiles[fname] = { filename: fname, content: value as string, language: 'C' }
})
const files = {
...res.data.files,
...headerFiles
}
res.data.files = files
}
} catch (err) {
console.log(err)
}
state.logs.push({
type: "success",
message: "Fetched successfully ✅",
});
state.files = files;
state.gistId = gistId;
state.gistOwner = res.data.owner?.login;
return res
// If you want to load templates from GIST instad, uncomment the code below and comment the code above.
// return octokit.request("GET /gists/{gist_id}", { gist_id: templateFileIds.headers }).then(({ data: { files: headerFiles } }) => {
// const files = { ...res.data.files, ...headerFiles }
// console.log(headerFiles)
// res.data.files = files
// return res
// })
})
.then(res => {
if (res.data.files && Object.keys(res.data.files).length > 0) {
const files = Object.keys(res.data.files).map(filename => ({
name: res.data.files?.[filename]?.filename || 'untitled.c',
language: res.data.files?.[filename]?.language?.toLowerCase() || '',
content: res.data.files?.[filename]?.content || ''
}))
// Sort files so that the source files are first
// In case of other files leave the order as it its
files.sort((a, b) => {
const aBasename = a.name.split('.')?.[0]
const aCext = a.name?.toLowerCase().endsWith('.c')
const bBasename = b.name.split('.')?.[0]
const bCext = b.name?.toLowerCase().endsWith('.c')
// If a has c extension and b doesn't move a up
if (aCext && !bCext) {
return -1
}
if (!aCext && bCext) {
return 1
}
// Otherwise fallback to default sorting based on basename
if (aBasename > bBasename) {
return 1
}
if (bBasename > aBasename) {
return -1
}
return 0
})
state.loading = false
if (files.length > 0) {
state.logs.push({
type: 'success',
message: 'Fetched successfully ✅'
})
state.files = files
state.gistId = gistId
state.gistName = Object.keys(res.data.files)?.[0] || 'untitled'
state.gistOwner = res.data.owner?.login
return
} else {
// Open main modal if now files
state.mainModalOpen = true
}
return Router.push({ pathname: '/develop' })
}
state.loading = false
})
.catch(err => {
// console.error(err)
state.loading = false
state.logs.push({
type: 'error',
message: `Couldn't find Gist with id: ${gistId}`
})
return
})
return
const gistName = files.find(file => file.language === 'c' || file.language === 'javascript')?.name || "untitled";
state.gistName = gistName
} catch (err) {
console.error(err)
let message: string
if (err instanceof Error) message = err.message
else message = `Something went wrong, try again later!`
state.logs.push({
type: "error",
message: `Error: ${message}`,
});
}
state.loading = false
}

62
state/constants/templates.ts
View File

@@ -5,37 +5,37 @@ import Peggy from '../../components/icons/Peggy'
import Starter from '../../components/icons/Starter'
export const templateFileIds = {
starter: {
id: '9106f1fe60482d90475bfe8f1315affe',
name: 'Starter',
description:
'Just a basic starter with essential imports, just accepts any transaction coming through',
icon: Starter
},
firewall: {
id: '1cc30f39c8a0b9c55b88c312669ca45e', // Forked
name: 'Firewall',
description: 'This Hook essentially checks a blacklist of accounts',
icon: Firewall
},
notary: {
id: '87b6f5a8c2f5038fb0f20b8b510efa10', // Forked
name: 'Notary',
description: 'Collecting signatures for multi-sign transactions',
icon: Notary
},
carbon: {
id: '5941c19dce3e147948f564e224553c02',
name: 'Carbon',
description: 'Send a percentage of sum to an address',
icon: Carbon
},
peggy: {
id: '049784a83fa068faf7912f663f7b6471', // Forked
name: 'Peggy',
description: 'An oracle based stable coin hook',
icon: Peggy
}
'starter': {
id: '1f8109c80f504e6326db2735df2f0ad6', // Forked
name: 'Starter',
description: 'Just a basic starter with essential imports, just accepts any transaction coming through',
icon: Starter
},
'firewall': {
id: '1cc30f39c8a0b9c55b88c312669ca45e', // Forked
name: 'Firewall',
description: 'This Hook essentially checks a blacklist of accounts',
icon: Firewall
},
'notary': {
id: '87b6f5a8c2f5038fb0f20b8b510efa10', // Forked
name: 'Notary',
description: 'Collecting signatures for multi-sign transactions',
icon: Notary
},
'carbon': {
id: '953662b22d065449f8ab6f69bc2afe41', // Forked
name: 'Carbon',
description: 'Send a percentage of sum to an address',
icon: Carbon
},
'peggy': {
id: '049784a83fa068faf7912f663f7b6471', // Forked
name: 'Peggy',
description: 'An oracle based stable coin hook',
icon: Peggy
},
}
export const apiHeaderFiles = ['hookapi.h', 'sfcodes.h', 'macro.h', 'extern.h', 'error.h']