mirror of
https://github.com/mempool/mempool.git
synced 2025-03-01 17:17:09 +01:00
85 lines
1.9 KiB
TypeScript
85 lines
1.9 KiB
TypeScript
|
import { Component, Input } from '@angular/core';
|
||
|
|
|
||
|
|
@Component({
|
||
|
|
selector: 'app-code-template',
|
||
|
|
templateUrl: './code-template.component.html',
|
||
|
|
styleUrls: ['./code-template.component.scss']
|
||
|
|
})
|
||
|
|
export class CodeTemplateComponent {
|
||
|
|
@Input() network: string;
|
||
|
|
@Input() code: {
|
||
|
|
codeSample: {
|
||
|
|
esModule: string;
|
||
|
|
commonJS: string;
|
||
|
|
curl: string;
|
||
|
|
},
|
||
|
|
responseSample: string;
|
||
|
|
};
|
||
|
|
hostname = document.location.hostname;
|
||
|
|
esModuleInstall = `# npm
|
||
|
|
npm install @mempool/mempool.js --save
|
||
|
|
|
||
|
|
# yarn
|
||
|
|
yarn add @mempool/mempool.js`;
|
||
|
|
|
||
|
|
constructor(
|
||
|
|
) { }
|
||
|
|
|
||
|
|
normalizeCodeHostname(code: string) {
|
||
|
|
let codeText: string;
|
||
|
|
if (this.network === 'bisq' || this.network === 'liquid'){
|
||
|
|
codeText = code.replace('%{1}', this.network);
|
||
|
|
}else{
|
||
|
|
codeText = code.replace('%{1}', 'bitcoin');
|
||
|
|
}
|
||
|
|
return codeText;
|
||
|
|
}
|
||
|
|
|
||
|
|
wrapESmodule(code: string) {
|
||
|
|
let codeText = this.normalizeCodeHostname(code);
|
||
|
|
|
||
|
|
if (this.network && this.network !== 'mainnet') {
|
||
|
|
codeText = codeText.replace('mempoolJS();', `mempoolJS({
|
||
|
|
hostname: '${this.hostname}/${this.network}'
|
||
|
|
});` );
|
||
|
|
}
|
||
|
|
|
||
|
|
return `import mempoolJS from "@mempool/mempool.js";
|
||
|
|
|
||
|
|
const init = async () => {
|
||
|
|
${codeText}
|
||
|
|
};
|
||
|
|
init();`;
|
||
|
|
}
|
||
|
|
|
||
|
|
wrapCommonJS(code: string) {
|
||
|
|
let codeText = this.normalizeCodeHostname(code);
|
||
|
|
|
||
|
|
if (this.network && this.network !== 'mainnet') {
|
||
|
|
codeText = codeText.replace('mempoolJS();', `mempoolJS({
|
||
|
|
hostname: '${this.hostname}/${this.network}'
|
||
|
|
});` );
|
||
|
|
}
|
||
|
|
return `<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<script src="https://mempool.space/mempool.js"></script>
|
||
|
|
<script>
|
||
|
|
const init = async () => {
|
||
|
|
${codeText}
|
||
|
|
};
|
||
|
|
init();
|
||
|
|
</script>
|
||
|
|
</head>
|
||
|
|
<body></body>
|
||
|
|
</html>`;
|
||
|
|
}
|
||
|
|
wrapCurl(code: string) {
|
||
|
|
if (this.network && this.network !== 'mainnet') {
|
||
|
|
return code.replace('mempool.space/', `mempool.space/${this.network}/`);
|
||
|
|
}
|
||
|
|
return code;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|