Solidity
Cairo
Stellar
diff --git a/packages/ui/public/index.html b/packages/ui/public/index.html
index e8b5961a9..b4d284516 100644
--- a/packages/ui/public/index.html
+++ b/packages/ui/public/index.html
@@ -84,6 +84,7 @@
diff --git a/packages/ui/public/stellar.html b/packages/ui/public/stellar.html
new file mode 100644
index 000000000..991715357
--- /dev/null
+++ b/packages/ui/public/stellar.html
@@ -0,0 +1,81 @@
+
+
+
+
+
+ OpenZeppelin Contracts Wizard
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | Required,
+ opts: Required | Required | Required,
action: Action,
language: Language,
) {
- window.gtag?.('event', 'wizard_action', {
- ...opts,
- action,
- wizard_lang: language,
- });
+ window.gtag?.('event', 'wizard_action', { ...opts, action, wizard_lang: language });
}
diff --git a/packages/ui/src/main.ts b/packages/ui/src/main.ts
index 346c3d8ea..29d9e9497 100644
--- a/packages/ui/src/main.ts
+++ b/packages/ui/src/main.ts
@@ -3,6 +3,7 @@ import './common/styles/global.css';
import type {} from 'svelte';
import SolidityApp from './solidity/App.svelte';
import CairoApp from './cairo/App.svelte';
+import StellarApp from './stellar/App.svelte';
import { postMessage } from './common/post-message';
import UnsupportedVersion from './common/UnsupportedVersion.svelte';
import semver from 'semver';
@@ -49,6 +50,9 @@ if (requestedVersion && !semver.satisfies(requestedVersion, compatibleVersionSem
props: { initialTab, initialOpts },
});
break;
+ case 'stellar':
+ app = new StellarApp({ target: document.body, props: { initialTab, initialOpts } });
+ break;
case 'solidity':
default:
app = new SolidityApp({
diff --git a/packages/ui/src/stellar/App.svelte b/packages/ui/src/stellar/App.svelte
new file mode 100644
index 000000000..8271b93fe
--- /dev/null
+++ b/packages/ui/src/stellar/App.svelte
@@ -0,0 +1,283 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/ui/src/stellar/highlightjs.ts b/packages/ui/src/stellar/highlightjs.ts
new file mode 100644
index 000000000..85d7b7166
--- /dev/null
+++ b/packages/ui/src/stellar/highlightjs.ts
@@ -0,0 +1,5 @@
+import hljs from 'highlight.js/lib/core';
+import rust from 'highlight.js/lib/languages/rust';
+hljs.registerLanguage('rust', rust);
+
+export default hljs;
diff --git a/packages/ui/src/stellar/inject-hyperlinks.ts b/packages/ui/src/stellar/inject-hyperlinks.ts
new file mode 100644
index 000000000..1f98ea6d3
--- /dev/null
+++ b/packages/ui/src/stellar/inject-hyperlinks.ts
@@ -0,0 +1,27 @@
+import { contractsVersionTag } from '@openzeppelin/wizard-stellar/src';
+
+export function injectHyperlinks(code: string) {
+ const importRegex = /use<\/span> (openzeppelin_[a-zA-Z0-9_]*)/g;
+ let result = code;
+ let match = importRegex.exec(code);
+ while (match != null) {
+ const [line, libraryPrefix] = match;
+ if (line !== undefined && libraryPrefix !== undefined) {
+ const githubPrefix = `https://github.com/OpenZeppelin/stellar-contracts/blob/${contractsVersionTag}/contracts/`;
+
+ const mapping = importSourceMappings[libraryPrefix];
+ if (mapping !== undefined) {
+ const replacement = `use ${libraryPrefix}`;
+ result = result.replace(line, replacement);
+ }
+ }
+ match = importRegex.exec(code);
+ }
+ return result;
+}
+
+const importSourceMappings: { [key: string]: string } = {
+ openzeppelin_fungible_token: 'token/fungible/src',
+ openzeppelin_pausable: 'utils/pausable/src',
+ openzeppelin_pausable_macros: 'utils/pausable-macros/src',
+} as const;
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/ui/src/cairo/inject-hyperlinks.ts b/packages/ui/src/cairo/inject-hyperlinks.ts
index a83929d2e..99bfa0d1f 100644
--- a/packages/ui/src/cairo/inject-hyperlinks.ts
+++ b/packages/ui/src/cairo/inject-hyperlinks.ts
@@ -1,4 +1,3 @@
-/* eslint-disable no-useless-escape */
import { contractsVersionTag } from '@openzeppelin/wizard-cairo/src';
export function injectHyperlinks(code: string) {
@@ -17,7 +16,7 @@ export function injectHyperlinks(code: string) {
let replacement;
if (suffix === '::{') {
// Multiple components are imported, so remove components and link to the parent .cairo file
- replacement = `use<\/span> ${libraryPrefix}::${libraryPath}${suffix}`; // Exclude suffix from link
} else {
@@ -26,7 +25,7 @@ export function injectHyperlinks(code: string) {
const componentName = suffix.substring(2, suffix.length);
const mapping = componentMappings[componentName];
const urlSuffix = mapping ? `/${mapping}.cairo` : '.cairo';
- replacement = `use<\/span> ${libraryPrefix}::${libraryPath}${suffix}`; // Include suffix (component) in link
}
diff --git a/packages/ui/src/common/post-config.ts b/packages/ui/src/common/post-config.ts
index b917f6d40..156ca5844 100644
--- a/packages/ui/src/common/post-config.ts
+++ b/packages/ui/src/common/post-config.ts
@@ -1,5 +1,6 @@
import type { GenericOptions as SolidityOptions } from '@openzeppelin/wizard';
import type { GenericOptions as CairoOptions } from '@openzeppelin/wizard-cairo';
+import type { GenericOptions as StellarOptions } from '@openzeppelin/wizard-stellar';
declare global {
interface Window {
@@ -11,13 +12,9 @@ export type Action = 'copy' | 'remix' | 'download-file' | 'download-hardhat' | '
export type Language = 'solidity' | 'cairo' | 'stylus' | 'stellar';
export async function postConfig(
- opts: Required
+
+
+
diff --git a/packages/ui/src/stellar/FungibleControls.svelte b/packages/ui/src/stellar/FungibleControls.svelte
new file mode 100644
index 000000000..e610ee41c
--- /dev/null
+++ b/packages/ui/src/stellar/FungibleControls.svelte
@@ -0,0 +1,75 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {@html highlightedCode}Settings
+ +
+
+
+
+
+
+
+Features
+ +
+
+
+
+
+
+
+