@beclab/olaresid 0.1.1 → 0.1.2

package/examples/quasar-demo/package.json

@@ -0,0 +1,36 @@
+{
+    "name": "olaresid-quasar-demo",
+    "version": "0.0.1",
+    "description": "OlaresID Quasar Demo - Simple demo",
+    "productName": "OlaresID Demo",
+    "author": "Olares Team",
+    "private": true,
+    "scripts": {
+        "dev": "quasar dev",
+        "build": "quasar build"
+    },
+    "dependencies": {
+        "@quasar/extras": "^1.16.4",
+        "@beclab/olaresid": "file:../../",
+        "quasar": "^2.6.0",
+        "vue": "^3.0.0",
+        "vue-router": "^4.0.0"
+    },
+    "devDependencies": {
+        "@quasar/app-vite": "^1.3.0",
+        "@types/node": "^12.20.21",
+        "@typescript-eslint/eslint-plugin": "^5.10.0",
+        "@typescript-eslint/parser": "^5.10.0",
+        "autoprefixer": "^10.4.2",
+        "eslint": "^8.10.0",
+        "eslint-config-prettier": "^8.1.0",
+        "eslint-plugin-vue": "^9.0.0",
+        "prettier": "^2.5.1",
+        "typescript": "^4.5.4"
+    },
+    "engines": {
+        "node": "^18 || ^16 || ^14.19",
+        "npm": ">= 6.13.4",
+        "yarn": ">= 1.21.1"
+    }
+}

package/examples/quasar-demo/quasar.config.js

@@ -0,0 +1,73 @@
+/* eslint-env node */
+
+const { configure } = require('quasar/wrappers');
+
+module.exports = configure(function (/* ctx */) {
+	return {
+		// Disable ESLint for simplicity
+		// eslint: {
+		//   warnings: true,
+		//   errors: true,
+		// },
+
+		boot: [],
+
+		css: ['app.scss'],
+
+		extras: ['roboto-font', 'material-icons'],
+
+		build: {
+			env: {
+				NODE_RPC: 'https://sepolia.optimism.io',
+				CONTRACT_DID: '0xe2D7c3a9013960E04d4E9F5F9B63fff37eEd97A8',
+				CONTRACT_ROOT_RESOLVER:
+					'0xeF727cb066Fee98F88Db84555830063b4A24ddfc',
+				CONTRACT_ABI_TYPE: '0x7386fCBae6Ad4CCE1499d9153D99bc950B589718'
+			},
+
+			node: {
+				Buffer: true
+			},
+
+			target: {
+				browser: [
+					'es2019',
+					'edge88',
+					'firefox78',
+					'chrome87',
+					'safari13.1'
+				],
+				node: 'node16'
+			},
+
+			vueRouterMode: 'hash',
+
+			extendViteConf(viteConf) {
+				// Configure Vite to handle olaresid properly
+				viteConf.optimizeDeps = viteConf.optimizeDeps || {};
+				viteConf.optimizeDeps.include =
+					viteConf.optimizeDeps.include || [];
+				viteConf.optimizeDeps.include.push('@beclab/olaresid');
+
+				viteConf.build = viteConf.build || {};
+				viteConf.build.commonjsOptions = {
+					include: [/node_modules/, /@beclab\/olaresid/]
+				};
+			}
+		},
+
+		devServer: {
+			open: true,
+			port: 9001
+		},
+
+		framework: {
+			config: {
+				notify: {}
+			},
+			plugins: ['Notify']
+		},
+
+		animations: []
+	};
+});

package/examples/quasar-demo/src/App.vue

@@ -0,0 +1,13 @@
+<template>
+	<div id="q-app">
+		<router-view />
+	</div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+	name: 'App'
+});
+</script>

package/examples/quasar-demo/src/css/app.scss

@@ -0,0 +1 @@
+// app global css

package/examples/quasar-demo/src/layouts/MainLayout.vue

@@ -0,0 +1,21 @@
+<template>
+	<q-layout view="lHh Lpr lFf">
+		<q-header elevated>
+			<q-toolbar>
+				<q-toolbar-title> OlaresID Demo </q-toolbar-title>
+			</q-toolbar>
+		</q-header>
+
+		<q-page-container>
+			<router-view />
+		</q-page-container>
+	</q-layout>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+	name: 'MainLayout'
+});
+</script>