@beclab/olaresid 0.1.5 → 0.1.7

package/examples/frontend-demo/src/main.ts

@@ -0,0 +1,8 @@
+import { createApp } from 'vue';
+import App from './App.vue';
+import './style.css';
+
+import { Buffer } from 'buffer';
+(window as any).Buffer = Buffer;
+
+createApp(App).mount('#app');

package/examples/frontend-demo/src/style.css

@@ -0,0 +1,341 @@
+/* Reset and base styles */
+* {
+	margin: 0;
+	padding: 0;
+	box-sizing: border-box;
+}
+
+body {
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+		'Helvetica Neue', Arial, sans-serif;
+	line-height: 1.6;
+	color: #333;
+	background: #f5f5f5;
+	overflow-x: hidden;
+}
+
+/* App layout */
+.app {
+	max-width: 900px;
+	width: 100%;
+	margin: 0 auto;
+	padding: 20px;
+	min-height: 100vh;
+	display: flex;
+	flex-direction: column;
+}
+
+/* Header */
+header {
+	text-align: center;
+	margin-bottom: 30px;
+	padding: 20px;
+	background: white;
+	border-radius: 8px;
+	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+
+header h1 {
+	font-size: 2rem;
+	margin-bottom: 15px;
+	color: #2c3e50;
+}
+
+nav {
+	display: flex;
+	gap: 10px;
+	justify-content: center;
+	flex-wrap: wrap;
+}
+
+/* Buttons */
+button {
+	padding: 10px 20px;
+	border: 2px solid #3498db;
+	background: white;
+	color: #3498db;
+	font-size: 1rem;
+	cursor: pointer;
+	border-radius: 6px;
+	transition: all 0.3s ease;
+	font-weight: 500;
+}
+
+button:hover {
+	background: #3498db;
+	color: white;
+}
+
+button.active {
+	background: #3498db;
+	color: white;
+}
+
+button:disabled {
+	opacity: 0.5;
+	cursor: not-allowed;
+	background: #ddd;
+	border-color: #ddd;
+	color: #999;
+}
+
+.btn-primary {
+	background: #3498db;
+	color: white;
+	border-color: #3498db;
+}
+
+.btn-primary:hover:not(:disabled) {
+	background: #2980b9;
+	border-color: #2980b9;
+}
+
+.btn-secondary {
+	background: #95a5a6;
+	color: white;
+	border-color: #95a5a6;
+	margin-top: 15px;
+}
+
+.btn-secondary:hover:not(:disabled) {
+	background: #7f8c8d;
+	border-color: #7f8c8d;
+}
+
+.btn-copy {
+	padding: 5px 10px;
+	font-size: 0.9rem;
+	background: #ecf0f1;
+	border: 1px solid #bdc3c7;
+	color: #2c3e50;
+}
+
+.btn-copy:hover {
+	background: #bdc3c7;
+	color: #2c3e50;
+}
+
+/* Main content */
+main {
+	flex: 1;
+	width: 100%;
+	overflow-x: hidden;
+}
+
+.section {
+	background: white;
+	padding: 30px;
+	border-radius: 8px;
+	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+	width: 100%;
+	overflow: hidden;
+}
+
+.section h2 {
+	font-size: 1.5rem;
+	margin-bottom: 10px;
+	color: #2c3e50;
+}
+
+.subtitle {
+	color: #7f8c8d;
+	margin-bottom: 20px;
+	font-size: 0.95rem;
+}
+
+/* Input group */
+.input-group {
+	display: flex;
+	gap: 10px;
+	margin-bottom: 20px;
+}
+
+input {
+	flex: 1;
+	padding: 12px;
+	border: 2px solid #ddd;
+	border-radius: 6px;
+	font-size: 1rem;
+	transition: border-color 0.3s ease;
+}
+
+input:focus {
+	outline: none;
+	border-color: #3498db;
+}
+
+input:disabled {
+	background: #f5f5f5;
+	cursor: not-allowed;
+}
+
+/* Result display */
+.result {
+	margin-top: 25px;
+	padding: 20px;
+	background: #f8f9fa;
+	border-radius: 6px;
+	border-left: 4px solid #3498db;
+	width: 100%;
+	overflow: hidden;
+	word-wrap: break-word;
+}
+
+.result h3 {
+	margin-bottom: 15px;
+	color: #27ae60;
+	font-size: 1.2rem;
+}
+
+.result-header {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	margin-bottom: 15px;
+}
+
+.field {
+	margin-bottom: 15px;
+}
+
+.field:last-child {
+	margin-bottom: 0;
+}
+
+.field label {
+	display: block;
+	font-weight: 600;
+	margin-bottom: 5px;
+	color: #555;
+	font-size: 0.9rem;
+}
+
+.field.warning {
+	background: #fff3cd;
+	padding: 15px;
+	border-radius: 6px;
+	border-left: 4px solid #f39c12;
+}
+
+.field.warning label {
+	color: #856404;
+}
+
+.value-row {
+	display: flex;
+	gap: 10px;
+	align-items: center;
+	width: 100%;
+	min-width: 0;
+}
+
+code {
+	flex: 1;
+	display: block;
+	padding: 10px;
+	background: white;
+	border: 1px solid #ddd;
+	border-radius: 4px;
+	font-family: 'Monaco', 'Courier New', monospace;
+	font-size: 0.85rem;
+	word-break: break-all;
+	overflow-wrap: break-word;
+	color: #333;
+	max-width: 100%;
+	overflow-x: auto;
+}
+
+pre {
+	background: white;
+	padding: 15px;
+	border-radius: 6px;
+	overflow-x: auto;
+	font-family: 'Monaco', 'Courier New', monospace;
+	font-size: 0.85rem;
+	line-height: 1.5;
+	max-height: 500px;
+	overflow-y: auto;
+	border: 1px solid #ddd;
+	word-break: break-all;
+	overflow-wrap: break-word;
+	white-space: pre-wrap;
+	max-width: 100%;
+}
+
+/* Error display */
+.error {
+	margin-top: 20px;
+	padding: 15px;
+	background: #f8d7da;
+	color: #721c24;
+	border-radius: 6px;
+	border-left: 4px solid #dc3545;
+}
+
+/* Toast notification */
+.toast {
+	position: fixed;
+	bottom: 30px;
+	right: 30px;
+	background: #27ae60;
+	color: white;
+	padding: 15px 25px;
+	border-radius: 6px;
+	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
+	animation: slideIn 0.3s ease;
+	z-index: 1000;
+}
+
+@keyframes slideIn {
+	from {
+		transform: translateY(100px);
+		opacity: 0;
+	}
+	to {
+		transform: translateY(0);
+		opacity: 1;
+	}
+}
+
+/* Footer */
+footer {
+	text-align: center;
+	padding: 20px;
+	color: #7f8c8d;
+	font-size: 0.9rem;
+	margin-top: 30px;
+}
+
+/* Responsive */
+@media (max-width: 768px) {
+	.app {
+		padding: 10px;
+	}
+
+	header h1 {
+		font-size: 1.5rem;
+	}
+
+	.section {
+		padding: 20px;
+	}
+
+	.input-group {
+		flex-direction: column;
+	}
+
+	.toast {
+		right: 10px;
+		left: 10px;
+		bottom: 10px;
+	}
+
+	nav {
+		gap: 5px;
+	}
+
+	button {
+		padding: 8px 16px;
+		font-size: 0.9rem;
+	}
+}

package/examples/frontend-demo/tsconfig.json

@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "target": "ES2020",
+        "useDefineForClassFields": true,
+        "module": "ESNext",
+        "lib": ["ES2020", "DOM", "DOM.Iterable"],
+        "skipLibCheck": true,
+
+        /* Webpack mode */
+        "moduleResolution": "node",
+        "isolatedModules": true,
+        "moduleDetection": "force",
+        "jsx": "preserve",
+
+        /* Linting */
+        "strict": true,
+        "noUnusedLocals": true,
+        "noUnusedParameters": true,
+        "noFallthroughCasesInSwitch": true,
+        "esModuleInterop": true,
+        "allowSyntheticDefaultImports": true
+    },
+    "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"]
+}

package/examples/frontend-demo/webpack.config.js

@@ -0,0 +1,87 @@
+const path = require('path');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const { VueLoaderPlugin } = require('vue-loader');
+const CopyWebpackPlugin = require('copy-webpack-plugin');
+
+module.exports = (env, argv) => {
+	const isDevelopment = argv.mode === 'development';
+
+	return {
+		mode: isDevelopment ? 'development' : 'production',
+		entry: './src/main.ts',
+		output: {
+			path: path.resolve(__dirname, 'dist'),
+			filename: isDevelopment ? '[name].js' : '[name].[contenthash].js',
+			clean: true
+		},
+		resolve: {
+			extensions: ['.ts', '.js', '.vue', '.json', '.wasm'],
+			alias: {
+				'@': path.resolve(__dirname, 'src')
+			},
+			fallback: {
+				buffer: require.resolve('buffer/'),
+				crypto: false,
+				fs: false,
+				path: false,
+				'fs/promises': false
+			}
+		},
+		module: {
+			rules: [
+				{
+					test: /\.vue$/,
+					loader: 'vue-loader'
+				},
+				{
+					test: /\.ts$/,
+					loader: 'ts-loader',
+					options: {
+						appendTsSuffixTo: [/\.vue$/],
+						transpileOnly: true
+					},
+					exclude: /node_modules/
+				},
+				{
+					test: /\.css$/,
+					use: ['style-loader', 'css-loader']
+				},
+				{
+					test: /\.wasm$/,
+					type: 'webassembly/async'
+				}
+			]
+		},
+		plugins: [
+			new VueLoaderPlugin(),
+			new HtmlWebpackPlugin({
+				template: './index.html',
+				inject: true
+			}),
+			new CopyWebpackPlugin({
+				patterns: [
+					{
+						from: path.resolve(
+							__dirname,
+							'../../node_modules/@trustwallet/wallet-core/dist/lib/wallet-core.wasm'
+						),
+						to: 'wallet-core.wasm'
+					}
+				]
+			})
+		],
+		experiments: {
+			asyncWebAssembly: true,
+			topLevelAwait: true
+		},
+		devServer: {
+			port: 9000,
+			hot: true,
+			open: true
+		},
+		devtool: isDevelopment ? 'eval-source-map' : false,
+		performance: {
+			hints: false
+		}
+	};
+};

package/examples/generate-mnemonic.ts

@@ -21,7 +21,7 @@ async function example1_generateNew() {
 
 	// Generate a 12-word mnemonic
 	console.log('\n🔑 Generating 12-word mnemonic...');
-	const mnemonic12 = await generateMnemonic(12);
+	const mnemonic12 = generateMnemonic(12);
 	console.log(`Mnemonic: ${mnemonic12}`);
 
 	console.log('\n⏳ Deriving keys using Trust Wallet Core...');
@@ -35,7 +35,7 @@ async function example1_generateNew() {
 	// Generate a 24-word mnemonic
 	console.log('\n' + '-'.repeat(60));
 	console.log('\n🔑 Generating 24-word mnemonic...');
-	const mnemonic24 = await generateMnemonic(24);
+	const mnemonic24 = generateMnemonic(24);
 	console.log(`Mnemonic: ${mnemonic24}`);
 
 	console.log('\n⏳ Deriving keys...');
@@ -95,7 +95,7 @@ async function example4_parallelDerivation() {
 	console.log('Example 4: Parallel Key Derivation (Performance Test)');
 	console.log('='.repeat(60));
 
-	const mnemonic = await generateMnemonic(12);
+	const mnemonic = generateMnemonic(12);
 	console.log(`\n📝 Mnemonic: ${mnemonic}`);
 
 	console.log('\n⏳ Deriving owner and DID in parallel...');

package/examples/register-subdomain.ts

@@ -79,7 +79,7 @@ async function main() {
 	console.log('\n📝 Step 4: Generate Mnemonic for Subdomain');
 	console.log('-'.repeat(60));
 
-	const mnemonic = await generateMnemonic(12);
+	const mnemonic = generateMnemonic(12);
 	console.log('✅ Generated 12-word mnemonic:');
 	console.log(`   ${mnemonic}`);
 	console.log(

package/examples/transfer-domain.ts

@@ -98,7 +98,7 @@ async function main() {
 		mnemonic = process.env.NEW_OWNER_MNEMONIC;
 		console.log('📝 Using provided mnemonic');
 	} else {
-		mnemonic = await generateMnemonic(12);
+		mnemonic = generateMnemonic(12);
 		console.log('🔑 Generated 12-word mnemonic:');
 		console.log(`   ${mnemonic}`);
 		console.log(

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@beclab/olaresid",
-    "version": "0.1.5",
+    "version": "0.1.7",
     "description": "DID Contract SDK with CLI tool",
     "main": "dist/index.js",
     "types": "dist/index.d.ts",
@@ -39,6 +39,7 @@
     "dependencies": {
         "@solana/web3.js": "^1.87.6",
         "@trustwallet/wallet-core": "^3.2.9",
+        "bip39": "^3.1.0",
         "ethers": "^6.9.1",
         "multiformats": "9.6.4",
         "tweetnacl": "^1.0.3",

package/src/business/index.ts

@@ -4,12 +4,6 @@ import { parseContractError } from '../utils/error-parser';
 import { TagContext } from './tag-context';
 import { TagTypeBuilder } from '../utils/tag-type-builder';
 import { normalizeToDomain } from '../utils/olares-id';
-import {
-	base64ToUint8Array,
-	uint8ArrayToHex,
-	hexToUint8Array,
-	uint8ArrayToBase64
-} from '../utils/crypto-utils';
 
 export interface TransactionResult<T = any> {
 	// Basic transaction information
@@ -54,11 +48,7 @@ export {
 	getDIDFromMnemonic,
 	generateDIDKeyData,
 	deriveDIDFromMnemonic,
-	getEd25519JwkFromMnemonic,
-	base64ToUint8Array,
-	uint8ArrayToHex,
-	hexToUint8Array,
-	uint8ArrayToBase64
+	getEd25519JwkFromMnemonic
 } from '../utils/crypto-utils';
 export type { RSAPublicKeyData, DIDKeyData } from '../utils/crypto-utils';
 
@@ -190,7 +180,7 @@ export class DomainContext {
 	 * ```typescript
 	 * // For parent domain "parent.com", register subdomain "child"
 	 * const parentDomain = olaresId.domain('parent.com');
-	 * const mnemonic = await generateMnemonic(12);
+	 * const mnemonic = generateMnemonic(12);
 	 *
 	 * const result = await parentDomain.registerSubdomain('child', mnemonic);
 	 * // This will register "child.parent.com"
@@ -276,7 +266,7 @@ export class DomainContext {
 	 *
 	 * @example
 	 * ```typescript
-	 * const mnemonic = await generateMnemonic(12);
+	 * const mnemonic = generateMnemonic(12);
 	 * const result = await domain.transfer(mnemonic);
 	 * if (result.success) {
 	 *   console.log('Domain transferred!');
@@ -871,7 +861,7 @@ export class DomainContext {
 			} catch {
 				// Try base64
 				try {
-					const secretKey = base64ToUint8Array(solanaPrivateKey);
+					const secretKey = Buffer.from(solanaPrivateKey, 'base64');
 					solanaWallet = Keypair.fromSecretKey(secretKey);
 				} catch {
 					// Try as JSON array
@@ -882,9 +872,9 @@ export class DomainContext {
 				}
 			}
 
-			// Get Solana address as bytes32 (cross-platform)
+			// Get Solana address as bytes32
 			const solanaAddressBytes =
-				'0x' + uint8ArrayToHex(solanaWallet.publicKey.toBytes());
+				'0x' + solanaWallet.publicKey.toBuffer().toString('hex');
 
 			// Get current timestamp
 			const signAt = Math.floor(Date.now() / 1000) - 30 * 60; // 30 minutes ago
@@ -944,8 +934,8 @@ export class DomainContext {
 				decodeUTF8(solanaMsg),
 				solanaWallet.secretKey
 			);
-			// Convert signature to hex (cross-platform)
-			const sigFromAuthAddrHex = '0x' + uint8ArrayToHex(sigFromAuthAddr);
+			const sigFromAuthAddrHex =
+				'0x' + Buffer.from(sigFromAuthAddr).toString('hex');
 
 			// Call contract
 			const tx = await rootTagger.updateSolanaWallet(
@@ -1008,7 +998,7 @@ export class DomainContext {
 			} catch {
 				// Try base64
 				try {
-					const secretKey = base64ToUint8Array(solanaPrivateKey);
+					const secretKey = Buffer.from(solanaPrivateKey, 'base64');
 					solanaWallet = Keypair.fromSecretKey(secretKey);
 				} catch {
 					// Try as JSON array
@@ -1019,9 +1009,9 @@ export class DomainContext {
 				}
 			}
 
-			// Get Solana address as bytes32 (cross-platform)
+			// Get Solana address as bytes32
 			const solanaAddressBytes =
-				'0x' + uint8ArrayToHex(solanaWallet.publicKey.toBytes());
+				'0x' + solanaWallet.publicKey.toBuffer().toString('hex');
 
 			// Get current timestamp
 			const signAt = Math.floor(Date.now() / 1000) - 30 * 60; // 30 minutes ago
@@ -1122,8 +1112,11 @@ export class DomainContext {
 			// Extract addresses from the result and convert to base58
 			// Result is array of { algorithm, addr } where addr is bytes32
 			return result.map((item: any) => {
-				// Convert hex to Uint8Array (cross-platform)
-				const buffer = hexToUint8Array(item.addr);
+				// Remove 0x prefix and convert hex to buffer
+				const hexStr = item.addr.startsWith('0x')
+					? item.addr.slice(2)
+					: item.addr;
+				const buffer = Buffer.from(hexStr, 'hex');
 				// Convert to Solana public key and then to base58
 				return new PublicKey(buffer).toBase58();
 			});
@@ -1438,16 +1431,13 @@ export function bytes4ToIpv4(bytes4Hex: string): string {
  */
 export function pemToDer(pem: string): string {
 	// Remove PEM headers, footers, and whitespace
-	const base64Str = pem
+	const base64 = pem
 		.replace(/-----BEGIN.*?-----/g, '')
 		.replace(/-----END.*?-----/g, '')
 		.replace(/\s/g, '');
 
-	// Convert base64 to Uint8Array using cross-platform method
-	const derBuffer = base64ToUint8Array(base64Str);
-
-	// Convert to hex string
-	const hexString = uint8ArrayToHex(derBuffer);
+	const derBuffer = Buffer.from(base64, 'base64');
+	const hexString = derBuffer.toString('hex');
 
 	// Convert to hex string with 0x prefix
 	return '0x' + hexString;
@@ -1462,14 +1452,13 @@ export function derToPem(derHex: string): string {
 	// Remove '0x' prefix if present
 	const hexString = derHex.startsWith('0x') ? derHex.slice(2) : derHex;
 
-	// Convert hex to base64 using cross-platform methods
-	const bytes = hexToUint8Array(hexString);
-	const base64Str = uint8ArrayToBase64(bytes);
+	const derBuffer = Buffer.from(hexString, 'hex');
+	const base64 = derBuffer.toString('base64');
 
 	// Split base64 into 64-character lines for PEM format
 	const lines: string[] = [];
-	for (let i = 0; i < base64Str.length; i += 64) {
-		lines.push(base64Str.slice(i, i + 64));
+	for (let i = 0; i < base64.length; i += 64) {
+		lines.push(base64.slice(i, i + 64));
 	}
 
 	// Construct PEM format with headers and footers

package/src/cli.ts

@@ -1014,7 +1014,7 @@ async function registerSubdomain(
 				);
 				process.exit(1);
 			}
-			mnemonic = await generateMnemonic(wordCount);
+			mnemonic = generateMnemonic(wordCount);
 
 			// Save mnemonic to file
 			const mnemonicFile = './subdomain-mnemonic.txt';
@@ -1141,7 +1141,7 @@ async function transferDomain(
 				);
 				process.exit(1);
 			}
-			mnemonic = await generateMnemonic(wordCount);
+			mnemonic = generateMnemonic(wordCount);
 
 			// Save mnemonic to file
 			const mnemonicFile = './transfer-new-owner-mnemonic.txt';
@@ -1228,7 +1228,7 @@ async function cryptoGenerate(options: CliOptions): Promise<void> {
 			process.exit(1);
 		}
 
-		const mnemonic = await generateMnemonic(wordCount);
+		const mnemonic = generateMnemonic(wordCount);
 
 		// Save mnemonic to file
 		const outputFile = options.output || './mnemonic.txt';
@@ -2953,7 +2953,6 @@ async function main(): Promise<void> {
 	}
 }
 
-// 运行主函数
 main().catch((error) => {
 	console.error(
 		'❌ Unexpected error:',