@beclab/olaresid 0.1.4 → 0.1.6

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

@@ -0,0 +1,5 @@
+import { createApp } from 'vue';
+import App from './App.vue';
+import './style.css';
+
+createApp(App).mount('#app');

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

@@ -0,0 +1,323 @@
+/* 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;
+}
+
+/* App layout */
+.app {
+	max-width: 900px;
+	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;
+}
+
+.section {
+	background: white;
+	padding: 30px;
+	border-radius: 8px;
+	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+
+.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;
+}
+
+.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;
+}
+
+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;
+	color: #333;
+}
+
+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;
+}
+
+/* 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,86 @@
+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: {
+				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 = generateMnemonic(12);
+	const mnemonic12 = await 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 = generateMnemonic(24);
+	const mnemonic24 = await 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 = generateMnemonic(12);
+	const mnemonic = await generateMnemonic(12);
 	console.log(`\n📝 Mnemonic: ${mnemonic}`);
 
 	console.log('\n⏳ Deriving owner and DID in parallel...');

package/examples/register-subdomain.ts

@@ -53,7 +53,7 @@ async function main() {
 	console.log('-'.repeat(60));
 
 	// Replace with your actual parent domain
-	const PARENT_DOMAIN = process.env.PARENT_DOMAIN || 'tw7613781.olares.com';
+	const PARENT_DOMAIN = process.env.PARENT_DOMAIN || '1.com';
 	const parentDomain = olaresId.domain(PARENT_DOMAIN);
 
 	console.log(`📋 Parent domain: ${PARENT_DOMAIN}`);
@@ -79,7 +79,7 @@ async function main() {
 	console.log('\n📝 Step 4: Generate Mnemonic for Subdomain');
 	console.log('-'.repeat(60));
 
-	const mnemonic = generateMnemonic(12);
+	const mnemonic = await generateMnemonic(12);
 	console.log('✅ Generated 12-word mnemonic:');
 	console.log(`   ${mnemonic}`);
 	console.log(
@@ -92,7 +92,8 @@ async function main() {
 	console.log('\n📝 Step 5: Register Subdomain');
 	console.log('-'.repeat(60));
 
-	const SUBDOMAIN_LABEL = process.env.SUBDOMAIN || 'example-child';
+	const SUBDOMAIN_LABEL =
+		process.env.SUBDOMAIN || `example-child-${Date.now()}`;
 	console.log(`📋 Subdomain label: ${SUBDOMAIN_LABEL}`);
 	console.log(`📋 Full domain will be: ${SUBDOMAIN_LABEL}.${PARENT_DOMAIN}`);
 

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 = generateMnemonic(12);
+		mnemonic = await generateMnemonic(12);
 		console.log('🔑 Generated 12-word mnemonic:');
 		console.log(`   ${mnemonic}`);
 		console.log(

package/examples/wallet-management.ts

@@ -56,10 +56,10 @@ async function main() {
 	console.log('');
 
 	// 2. Add a new EVM wallet (optional - only if you have an EVM private key)
-	if (process.env.EVM_WALLET_PRIVATE_KEY) {
+	if (process.env.EVM_PRIVATE_KEY) {
 		console.log('2️⃣ Adding a new EVM wallet...');
 		const addResult = await domain.addEVMWallet(
-			process.env.EVM_WALLET_PRIVATE_KEY
+			process.env.EVM_PRIVATE_KEY
 		);
 
 		if (addResult.success) {
@@ -87,10 +87,10 @@ async function main() {
 	}
 
 	// 4. Remove an EVM wallet (optional)
-	if (process.env.EVM_WALLET_TO_REMOVE) {
+	if (process.env.EVM_PRIVATE_KEY) {
 		console.log('4️⃣ Removing an EVM wallet...');
 		const removeResult = await domain.removeEVMWallet(
-			process.env.EVM_WALLET_TO_REMOVE
+			process.env.EVM_PRIVATE_KEY
 		);
 
 		if (removeResult.success) {
@@ -127,10 +127,10 @@ async function main() {
 	console.log('');
 
 	// 6. Add a new Solana wallet (optional - only if you have a Solana private key)
-	if (process.env.SOLANA_WALLET_PRIVATE_KEY) {
+	if (process.env.SOLANA_PRIVATE_KEY) {
 		console.log('6️⃣ Adding a new Solana wallet...');
 		const addResult = await domain.addSolanaWallet(
-			process.env.SOLANA_WALLET_PRIVATE_KEY
+			process.env.SOLANA_PRIVATE_KEY
 		);
 
 		if (addResult.success) {
@@ -162,10 +162,10 @@ async function main() {
 	}
 
 	// 8. Remove a Solana wallet (optional)
-	if (process.env.SOLANA_WALLET_TO_REMOVE) {
+	if (process.env.SOLANA_PRIVATE_KEY) {
 		console.log('8️⃣ Removing a Solana wallet...');
 		const removeResult = await domain.removeSolanaWallet(
-			process.env.SOLANA_WALLET_TO_REMOVE
+			process.env.SOLANA_PRIVATE_KEY
 		);
 
 		if (removeResult.success) {

package/package.json

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