web-mojo 2.1.46

package/dist/toast.css

@@ -0,0 +1,181 @@
+/**
+ * Toast Service CSS - Bootstrap 5 Toast Styling
+ * Provides custom styling for different toast types
+ */
+
+/* Toast Type Styling */
+.toast-service-success {
+    --bs-toast-bg: rgba(248, 249, 250, 0.98);
+    --bs-toast-border-color: rgba(25, 135, 84, 0.3);
+    color: var(--bs-body-color);
+    border-left: 4px solid rgba(25, 135, 84, 0.8);
+}
+
+.toast-service-error {
+    --bs-toast-bg: rgba(248, 249, 250, 0.98);
+    --bs-toast-border-color: rgba(220, 53, 69, 0.3);
+    color: var(--bs-body-color);
+    border-left: 4px solid rgba(220, 53, 69, 0.8);
+}
+
+.toast-service-warning {
+    --bs-toast-bg: rgba(248, 249, 250, 0.98);
+    --bs-toast-border-color: rgba(255, 193, 7, 0.3);
+    color: var(--bs-body-color);
+    border-left: 4px solid rgba(255, 193, 7, 0.9);
+}
+
+.toast-service-info {
+    --bs-toast-bg: rgba(248, 249, 250, 0.98);
+    --bs-toast-border-color: rgba(13, 110, 253, 0.3);
+    color: var(--bs-body-color);
+    border-left: 4px solid rgba(13, 110, 253, 0.8);
+}
+
+.toast-service-plain {
+    --bs-toast-bg: rgba(248, 249, 250, 0.98);
+    --bs-toast-border-color: rgba(0, 0, 0, 0.08);
+    color: var(--bs-body-color);
+}
+
+/* Toast Icon Styling */
+.toast-service-icon {
+    width: 20px;
+    height: 20px;
+    flex-shrink: 0;
+}
+
+/* Toast Icon Colors */
+.toast-service-success .toast-service-icon {
+    color: rgba(25, 135, 84, 0.9);
+}
+
+.toast-service-error .toast-service-icon {
+    color: rgba(220, 53, 69, 0.9);
+}
+
+.toast-service-warning .toast-service-icon {
+    color: rgba(255, 193, 7, 1);
+}
+
+.toast-service-info .toast-service-icon {
+    color: rgba(13, 110, 253, 0.9);
+}
+
+.toast-service-plain .toast-service-icon {
+    color: rgba(108, 117, 125, 0.8);
+}
+
+/* Close Button Styling */
+.toast-service-close {
+    filter: none;
+    opacity: 0.6;
+}
+
+.toast-service-close:hover {
+    opacity: 1;
+}
+
+/* Toast Container Enhancements */
+.toast-container {
+    max-width: 400px;
+}
+
+/* Toast Animation Enhancements */
+.toast {
+    transition: all 0.3s ease-in-out;
+}
+
+.toast.showing {
+    opacity: 0;
+    transform: translateX(100%);
+}
+
+.toast.show {
+    opacity: 1;
+    transform: translateX(0);
+}
+
+.toast.hide {
+    opacity: 0;
+    transform: translateX(100%);
+}
+
+/* Responsive Toast Styling */
+@media (max-width: 576px) {
+    .toast-container {
+        max-width: calc(100vw - 20px);
+        left: 10px !important;
+        right: 10px !important;
+        transform: none !important;
+    }
+
+    .toast-container.position-fixed.top-0.start-50.translate-middle-x,
+    .toast-container.position-fixed.bottom-0.start-50.translate-middle-x {
+        left: 10px !important;
+        right: 10px !important;
+        transform: none !important;
+        width: calc(100% - 20px);
+    }
+}
+
+/* Toast Header Enhancements */
+.toast-header {
+    padding: 0.5rem 0.75rem;
+    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+.toast-service-success .toast-header,
+.toast-service-error .toast-header,
+.toast-service-info .toast-header,
+.toast-service-warning .toast-header {
+    border-bottom-color: rgba(0, 0, 0, 0.06);
+}
+
+/* Toast Body Enhancements */
+.toast-body {
+    padding: 0.75rem;
+    word-wrap: break-word;
+}
+
+/* Multi-line Toast Support */
+.toast-body .toast-message {
+    line-height: 1.4;
+}
+
+/* Toast Stacking */
+.toast-container .toast + .toast {
+    margin-top: 0.5rem;
+}
+
+/* Dark Mode Support */
+@media (prefers-color-scheme: dark) {
+    .toast-service-plain {
+        --bs-toast-bg: rgba(33, 37, 41, 0.95);
+        --bs-toast-border-color: rgba(255, 255, 255, 0.1);
+        color: var(--bs-body-color);
+    }
+}
+
+/* Toast Progress Bar (for future use) */
+.toast-progress {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    height: 3px;
+    background-color: rgba(255, 255, 255, 0.3);
+    border-radius: 0 0 0.375rem 0.375rem;
+    transition: width linear;
+}
+
+/* Toast Action Buttons (for future use) */
+.toast-actions {
+    padding: 0.25rem 0.75rem 0.75rem;
+    display: flex;
+    gap: 0.5rem;
+}
+
+.toast-actions .btn {
+    font-size: 0.875rem;
+    padding: 0.25rem 0.75rem;
+}

package/package.json

@@ -0,0 +1,179 @@
+{
+    "name": "web-mojo",
+    "version": "2.1.46",
+    "description": "WEB-MOJO - A lightweight JavaScript framework for building data-driven web applications",
+    "type": "module",
+    "main": "./dist/index.cjs.js",
+    "module": "./dist/index.es.js",
+    "browser": "./dist/index.es.js",
+    "exports": {
+        ".": {
+            "import": "./dist/index.es.js",
+            "require": "./dist/index.cjs.js"
+        },
+        "./loader": {
+            "import": "./dist/loader.es.js",
+            "require": "./dist/loader.umd.js"
+        },
+        "./auth": {
+            "import": "./dist/auth.es.js",
+            "require": "./dist/auth.cjs.js"
+        },
+        "./lightbox": {
+            "import": "./dist/lightbox.es.js",
+            "require": "./dist/lightbox.cjs.js"
+        },
+        "./admin": {
+            "import": "./dist/admin.es.js",
+            "require": "./dist/admin.cjs.js"
+        },
+        "./charts": {
+            "import": "./dist/charts.es.js",
+            "require": "./dist/charts.cjs.js"
+        },
+        "./docit": {
+            "import": "./dist/docit.es.js",
+            "require": "./dist/docit.cjs.js"
+        },
+        "./models": {
+            "import": "./src/core/models/index.js",
+            "require": "./src/core/models/index.js"
+        },
+        "./templates": "./dist/templates/index.js",
+        "./templates/*": "./dist/templates/*",
+        "./style.css": "./dist/css/web-mojo.css",
+        "./css/core": "./dist/core.css",
+        "./css/portal": "./dist/portal.css",
+        "./css/table": "./dist/table.css",
+        "./css/toast": "./dist/toast.css",
+        "./css/auth": "./dist/auth.css",
+        "./css/lightbox": "./dist/lightbox.css",
+        "./css/charts": "./dist/charts.css",
+        "./css/admin": "./dist/admin.css",
+        "./package.json": "./package.json"
+    },
+    "files": [
+        "dist",
+        "README.md",
+        "LICENSE",
+        "CHANGELOG.md",
+        "css-manifest.json"
+    ],
+    "scripts": {
+        "dev": "concurrently \"npm run build:templates:watch\" \"vite\"",
+        "dev:live": "node serve-dev.js",
+        "dev:watch": "vite build --watch",
+        "dev:full": "concurrently \"npm run build:templates:watch\" \"npm run version:watch\" \"npm run dev\" \"npm run test:watch\"",
+        "dev:framework": "concurrently \"npm run build:templates:watch\" \"npm run build:lib:watch\" \"npm run dev\"",
+        "dev:framework-version": "concurrently \"npm run build:templates:watch\" \"npm run build:lib:watch\" \"npm run version:watch\" \"npm run dev\"",
+        "dev:version": "concurrently \"npm run version:watch\" \"npm run dev\"",
+        "dev:link": "npm link && npm run dev:framework",
+        "dev:templates": "npm run build:templates:watch",
+        "serve": "node serve-examples.js",
+        "examples": "node serve-examples.js",
+        "build": "vite build",
+        "build:templates": "node scripts/build-templates.js",
+        "build:templates:watch": "node scripts/build-templates.js --watch",
+        "build:lib": "npm run generate:models && npm run build:templates && vite build --config vite.config.lib.js",
+        "build:loader": "vite build --config vite.config.loader.js",
+        "build:lib:watch": "vite build --config vite.config.lib.js --watch",
+        "build:css": "cp src/core/css/core.css dist/core.css && cp src/core/css/portal.css dist/portal.css && cp src/core/css/table.css dist/table.css && cp src/core/css/toast.css dist/toast.css && cp src/extensions/auth/css/auth.css dist/auth.css && cp src/extensions/lightbox/css/lightbox.css dist/lightbox.css && cp src/extensions/charts/css/charts.css dist/charts.css && cp src/extensions/admin/css/admin.css dist/admin.css",
+        "build:dist": "npm run clean && npm run generate:models && npm run build:templates && npm run build:lib && npm run build:loader && npm run build:css",
+        "build:watch": "vite build --watch",
+        "clean": "rm -rf dist",
+        "preview": "vite preview",
+        "prepublishOnly": "npm run build:dist",
+        "postpublish": "echo 'Successfully published web-mojo@'$npm_package_version",
+        "debug": "node test/utils/debug-server.js",
+        "debug:watch": "node test/utils/debug-server.js --watch",
+        "scss": "sass src/styles/main.scss dist/styles/mojo.css --watch",
+        "lint": "eslint src/**/*.js",
+        "lint:fix": "eslint src/**/*.js --fix",
+        "migrate:camelcase": "node scripts/migrate-to-camelcase.js",
+        "migrate:camelcase:dry": "node scripts/migrate-to-camelcase.js --dry-run",
+        "migrate:camelcase:backup": "node scripts/migrate-to-camelcase.js --backup",
+        "test": "node test/test-runner.js",
+        "test:unit": "node test/test-runner.js --suite unit",
+        "test:integration": "node test/test-runner.js --suite integration",
+        "test:build": "node test/test-runner.js --suite build",
+        "test:watch": "node test/test-runner.js --watch",
+        "test:coverage": "node test/test-runner.js --coverage",
+        "test:migrate": "node test/test-runner.js --migrate",
+        "version:watch": "node scripts/version-manager.js --watch",
+        "version:increment": "node scripts/version-manager.js --increment",
+        "version:init": "node scripts/version-manager.js --init",
+        "generate:models": "node scripts/generate-model-exports.js"
+    },
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/yourusername/web-mojo.git"
+    },
+    "keywords": [
+        "mojo",
+        "web-mojo",
+        "framework",
+        "javascript",
+        "frontend",
+        "mvc",
+        "spa",
+        "single-page-application",
+        "bootstrap",
+        "bootstrap5",
+        "es6",
+        "esm",
+        "vite",
+        "rest",
+        "restful",
+        "data-driven",
+        "component-based"
+    ],
+    "author": "MOJO Framework Team",
+    "license": "Apache-2.0",
+    "homepage": "https://github.com/yourusername/web-mojo#readme",
+    "bugs": {
+        "url": "https://github.com/yourusername/web-mojo/issues"
+    },
+    "peerDependencies": {
+        "bootstrap": "^5.3.0"
+    },
+    "peerDependenciesMeta": {
+        "bootstrap": {
+            "optional": false
+        }
+    },
+    "dependencies": {
+        "@toast-ui/editor": "^3.2.2",
+        "mustache": "^4.2.0"
+    },
+    "devDependencies": {
+        "bootstrap": "^5.3.2",
+        "chokidar": "^3.6.0",
+        "concurrently": "^9.2.0",
+        "eslint": "^8.54.0",
+        "express": "^4.21.2",
+        "jsdom": "^26.1.0",
+        "node-fetch": "^3.3.2",
+        "sass": "^1.69.0",
+        "terser": "^5.24.0",
+        "vite": "^7.1.0",
+        "vm2": "^3.9.19",
+        "ws": "^8.18.3"
+    },
+    "engines": {
+        "node": ">=16.0.0",
+        "npm": ">=7.0.0"
+    },
+    "browserslist": [
+        "> 1%",
+        "last 2 versions",
+        "not dead"
+    ],
+    "publishConfig": {
+        "access": "public",
+        "registry": "https://registry.npmjs.org/"
+    },
+    "sideEffects": [
+        "dist/loader.es.js",
+        "dist/**/*.css"
+    ]
+}