Radius/add network structure

public/plugins/vue/tt-core/index.js

@@ -0,0 +1,93 @@
+/**
+ * TT-Core Component Library (Vue 3)
+ * Modern, reusable components and utilities for TheTool
+ *
+ * @version 2.0.0 (Vue 3)
+ * @author TheTool Development Team
+ */
+
+// Import utilities
+import { copyToClipboard } from './utils/clipboard.js';
+import { formatBytes, formatDuration, formatNumber, formatBits } from './utils/formatting.js';
+import { calculateSimilarity, validateData, validateEmail, generatePassword } from './utils/validation.js';
+import { loadScript, loadScripts } from './utils/script-loader.js';
+
+// Import composables (Vue 3 Composition API)
+import { useIntersectionObserver, createIntersectionObserverMixin } from './composables/useIntersectionObserver.js';
+import { useInfiniteScroll, createInfiniteScrollMixin } from './composables/useInfiniteScroll.js';
+import { useAsyncData, createAsyncDataMixin } from './composables/useAsyncData.js';
+
+/**
+ * TT-Core Global Namespace
+ * Exposes all utilities and helpers globally
+ */
+window.TT_CORE = {
+    // Utilities
+    copyToClipboard,
+    formatBytes,
+    formatDuration,
+    formatNumber,
+    formatBits,
+    calculateSimilarity,
+    validateData,
+    validateEmail,
+    generatePassword,
+    loadScript,
+    loadScripts,
+
+    // Vue 3 Composables (Composition API)
+    useIntersectionObserver,
+    useInfiniteScroll,
+    useAsyncData,
+
+    // Backward compatibility mixins (Options API)
+    createIntersectionObserverMixin,
+    createInfiniteScrollMixin,
+    createAsyncDataMixin,
+
+    // Version
+    version: '2.0.0',
+    vueVersion: 3
+};
+
+/**
+ * Component Registration Helper
+ * Auto-registers all TT-Core components with the Vue 3 app instance
+ */
+window.TT_CORE.registerComponents = function(app) {
+    if (!app || !app.component) {
+        console.error('TT-Core: Invalid Vue app instance provided to registerComponents()');
+        return;
+    }
+
+    // Store the app instance globally for component auto-registration
+    window.VueApp = app;
+
+    console.log(
+        '%c TT-Core v2.0.0 (Vue 3) %c Components registered successfully ',
+        'background: #005384; color: #fff; padding: 2px 4px; border-radius: 3px 0 0 3px;',
+        'background: #0f9d58; color: #fff; padding: 2px 4px; border-radius: 0 3px 3px 0;'
+    );
+
+    return app;
+};
+
+/**
+ * CDN Quick Start
+ * For use with Vue 3 CDN, call this after creating your app
+ *
+ * Example:
+ * const { createApp } = Vue;
+ * const app = createApp({...});
+ * TT_CORE.registerComponents(app);
+ * app.mount('#app');
+ */
+
+console.log(
+    '%c TT-Core v2.0.0 (Vue 3) %c Loaded successfully ',
+    'background: #005384; color: #fff; padding: 2px 4px; border-radius: 3px 0 0 3px;',
+    'background: #0f9d58; color: #fff; padding: 2px 4px; border-radius: 0 3px 3px 0;',
+    '\n\nℹ️ Remember to call TT_CORE.registerComponents(app) after creating your Vue app!'
+);
+
+export default window.TT_CORE;