@intranefr/superbackend 1.5.3 → 1.6.3

package/plugins/global-settings-presets/index.js

@@ -0,0 +1,20 @@
+module.exports = {
+  id: 'global-settings-presets',
+  name: 'Global Settings Presets',
+  version: '1.0.0',
+  description: 'Permissive-contract example plugin that can register useful global setting presets.',
+  tags: ['example', 'settings'],
+  async install(ctx) {
+    const globalSettings = ctx?.services?.globalSettings || null;
+    if (!globalSettings) {
+      console.log('[global-settings-presets] globalSettings service not found, skipping');
+      return;
+    }
+
+    console.log('[global-settings-presets] service detected; add your project defaults here');
+    // Example: create common config entries for integrations or environment presets.
+  },
+  bootstrap() {
+    console.log('[global-settings-presets] bootstrap hook ready');
+  },
+};

package/plugins/hello-cli/index.js

@@ -0,0 +1,17 @@
+module.exports = {
+  meta: {
+    id: 'hello-cli',
+    name: 'Hello CLI',
+    version: '1.0.0',
+    description: 'Prints a hello message to stdout on bootstrap.',
+    tags: ['example', 'cli'],
+  },
+  hooks: {
+    bootstrap() {
+      console.log('Hello terminal');
+    },
+    install() {
+      console.log('[hello-cli] install hook executed');
+    },
+  },
+};

package/plugins/ui-components-seeder/components/suiAlert.js

@@ -0,0 +1,212 @@
+module.exports = {
+  code: 'sui_alert',
+  name: 'SUI Alert',
+  html: `<div class="sui-alert-overlay" data-sui-alert-overlay>
+  <div class="sui-alert" data-sui-alert>
+    <div class="sui-alert-header">
+      <span class="sui-alert-title" data-sui-alert-title></span>
+      <button class="sui-alert-close" data-sui-alert-close aria-label="Close">&times;</button>
+    </div>
+    <div class="sui-alert-body" data-sui-alert-body></div>
+    <div class="sui-alert-footer">
+      <button class="sui-alert-btn sui-alert-btn-primary" data-sui-alert-confirm>OK</button>
+    </div>
+  </div>
+</div>`,
+  css: `.sui-alert-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.5);
+  display: none;
+  align-items: center;
+  justify-content: center;
+  z-index: 9999;
+  opacity: 0;
+  visibility: hidden;
+  transition: opacity 0.3s ease, visibility 0.3s ease;
+}
+
+.sui-alert-overlay.sui-alert-show {
+  opacity: 1;
+  visibility: visible;
+}
+
+.sui-alert {
+  background: white;
+  border-radius: 8px;
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
+  max-width: 400px;
+  width: 90%;
+  transform: scale(0.9);
+  transition: transform 0.3s ease;
+}
+
+.sui-alert-overlay.sui-alert-show .sui-alert {
+  transform: scale(1);
+}
+
+.sui-alert-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 16px 20px;
+  border-bottom: 1px solid #e5e7eb;
+}
+
+.sui-alert-title {
+  font-weight: 600;
+  font-size: 16px;
+  color: #111827;
+}
+
+.sui-alert-close {
+  background: none;
+  border: none;
+  font-size: 20px;
+  color: #6b7280;
+  cursor: pointer;
+  padding: 0;
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 4px;
+  transition: background-color 0.2s;
+}
+
+.sui-alert-close:hover {
+  background-color: #f3f4f6;
+}
+
+.sui-alert-body {
+  padding: 20px;
+  color: #374151;
+  font-size: 14px;
+  line-height: 1.5;
+}
+
+.sui-alert-footer {
+  padding: 12px 20px 20px;
+  display: flex;
+  justify-content: flex-end;
+}
+
+.sui-alert-btn {
+  padding: 8px 16px;
+  border: none;
+  border-radius: 6px;
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: background-color 0.2s;
+}
+
+.sui-alert-btn-primary {
+  background-color: #3b82f6;
+  color: white;
+}
+
+.sui-alert-btn-primary:hover {
+  background-color: #2563eb;
+}
+
+.sui-alert-overlay.sui-alert-success .sui-alert-title { color: #059669; }
+.sui-alert-overlay.sui-alert-warning .sui-alert-title { color: #d97706; }
+.sui-alert-overlay.sui-alert-error .sui-alert-title { color: #dc2626; }`,
+  js: `let currentAlert = null;
+let autoDismissTimer = null;
+
+function showAlert(options = {}) {
+  const {
+    title = 'Alert',
+    message = '',
+    type = 'info',
+    confirmText = 'OK',
+    onConfirm = null,
+    autoDismiss = 0,
+  } = options;
+
+  if (currentAlert) hideAlert();
+
+  const overlay = templateRootEl.querySelector('[data-sui-alert-overlay]');
+  const titleEl = templateRootEl.querySelector('[data-sui-alert-title]');
+  const bodyEl = templateRootEl.querySelector('[data-sui-alert-body]');
+  const closeEl = templateRootEl.querySelector('[data-sui-alert-close]');
+  const confirmEl = templateRootEl.querySelector('[data-sui-alert-confirm]');
+
+  titleEl.textContent = title;
+  bodyEl.textContent = message;
+  confirmEl.textContent = confirmText;
+
+  overlay.className = 'sui-alert-overlay';
+  overlay.classList.add('sui-alert-' + type);
+
+  function hide() {
+    overlay.classList.remove('sui-alert-show');
+    setTimeout(() => {
+      overlay.style.display = 'none';
+      if (autoDismissTimer) {
+        clearTimeout(autoDismissTimer);
+        autoDismissTimer = null;
+      }
+      currentAlert = null;
+    }, 300);
+  }
+
+  closeEl.onclick = hide;
+  confirmEl.onclick = () => {
+    if (typeof onConfirm === 'function') onConfirm();
+    hide();
+  };
+
+  if (autoDismiss > 0) autoDismissTimer = setTimeout(hide, autoDismiss);
+
+  overlay.style.display = 'flex';
+  currentAlert = overlay;
+  requestAnimationFrame(() => overlay.classList.add('sui-alert-show'));
+  return hide;
+}
+
+function hideAlert() {
+  if (!currentAlert) return;
+  currentAlert.classList.remove('sui-alert-show');
+  currentAlert.style.display = 'none';
+  currentAlert = null;
+}
+
+return {
+  show: showAlert,
+  hide: hideAlert,
+  info: (title, message, options) => showAlert({ ...options, title, message, type: 'info' }),
+  success: (title, message, options) => showAlert({ ...options, title, message, type: 'success' }),
+  warning: (title, message, options) => showAlert({ ...options, title, message, type: 'warning' }),
+  error: (title, message, options) => showAlert({ ...options, title, message, type: 'error' }),
+};`,
+  usageMarkdown: `# SUI Alert Component
+
+Non-blocking customizable alert.
+
+## SDK Usage
+
+\`\`\`javascript
+await uiCmp.load('sui_alert');
+const alertCmp = await uiCmp.sui_alert.create();
+alertCmp.success('Done', 'Operation completed');
+\`\`\`
+
+## Methods
+- \`show(options)\`
+- \`hide()\`
+- \`info(title, message, options)\`
+- \`success(title, message, options)\`
+- \`warning(title, message, options)\`
+- \`error(title, message, options)\``,
+  api: 'show(options), hide(), info(title,message,options), success(title,message,options), warning(title,message,options), error(title,message,options)',
+  previewExample: `const i = await uiCmp.create({});\ni.warning("ATTENTION");`,
+  version: '1.0.0',
+  isActive: true,
+};

package/plugins/ui-components-seeder/components/suiToast.js

@@ -0,0 +1,186 @@
+  module.exports = {
+  code: 'sui_toast',
+  name: 'SUI Toast',
+  html: `<div class="sui-toast-container" data-sui-toast-container>
+  <div class="sui-toast" data-sui-toast-template>
+    <div class="sui-toast-icon" data-sui-toast-icon></div>
+    <div class="sui-toast-content">
+      <div class="sui-toast-title" data-sui-toast-title></div>
+      <div class="sui-toast-message" data-sui-toast-message></div>
+    </div>
+    <button class="sui-toast-close" data-sui-toast-close aria-label="Close">&times;</button>
+  </div>
+</div>`,
+  css: `.sui-toast-container {
+  position: fixed;
+  top: 20px;
+  right: 20px;
+  z-index: 10000;
+  pointer-events: none;
+}
+
+.sui-toast {
+  background: white;
+  border-radius: 8px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+  padding: 16px;
+  margin-bottom: 12px;
+  min-width: 300px;
+  max-width: 400px;
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+  pointer-events: auto;
+  transform: translateX(100%);
+  opacity: 0;
+  transition: transform 0.3s ease, opacity 0.3s ease;
+}
+
+.sui-toast.sui-toast-show { transform: translateX(0); opacity: 1; }
+.sui-toast.sui-toast-hide { transform: translateX(100%); opacity: 0; }
+
+.sui-toast-icon { width: 20px; height: 20px; flex-shrink: 0; margin-top: 2px; }
+.sui-toast-icon::before { content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; }
+.sui-toast.sui-toast-info .sui-toast-icon::before { background-color: #3b82f6; }
+.sui-toast.sui-toast-success .sui-toast-icon::before { background-color: #059669; }
+.sui-toast.sui-toast-warning .sui-toast-icon::before { background-color: #d97706; }
+.sui-toast.sui-toast-error .sui-toast-icon::before { background-color: #dc2626; }
+
+.sui-toast-content { flex: 1; min-width: 0; }
+.sui-toast-title { font-weight: 600; font-size: 14px; color: #111827; margin-bottom: 4px; line-height: 1.4; }
+.sui-toast-message { font-size: 13px; color: #6b7280; line-height: 1.4; }
+
+.sui-toast-close {
+  background: none;
+  border: none;
+  font-size: 16px;
+  color: #9ca3af;
+  cursor: pointer;
+  padding: 0;
+  width: 20px;
+  height: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 4px;
+  transition: background-color 0.2s;
+  flex-shrink: 0;
+}
+.sui-toast-close:hover { background-color: #f3f4f6; color: #6b7280; }
+
+.sui-toast-container.sui-toast-top-left { top: 20px; left: 20px; right: auto; }
+.sui-toast-container.sui-toast-top-right { top: 20px; right: 20px; }
+.sui-toast-container.sui-toast-bottom-left { bottom: 20px; left: 20px; right: auto; top: auto; }
+.sui-toast-container.sui-toast-bottom-right { bottom: 20px; right: 20px; top: auto; }
+.sui-toast-container.sui-toast-top-center { top: 20px; left: 50%; right: auto; transform: translateX(-50%); }
+.sui-toast-container.sui-toast-bottom-center { bottom: 20px; left: 50%; right: auto; top: auto; transform: translateX(-50%); }`,
+  js: `let toastContainer = null;
+let toastQueue = [];
+let activeToasts = new Map();
+
+function getContainer() {
+  if (!toastContainer) {
+    toastContainer = templateRootEl.querySelector('[data-sui-toast-container]');
+  }
+  return toastContainer;
+}
+
+function createToast(options = {}) {
+  const {
+    title = '',
+    message = '',
+    type = 'info',
+    duration = 5000,
+    position = 'top-right',
+  } = options;
+
+  const container = getContainer();
+  const template = container.querySelector('[data-sui-toast-template]');
+  const toastEl = template.cloneNode(true);
+  toastEl.removeAttribute('data-sui-toast-template');
+
+  const titleEl = toastEl.querySelector('[data-sui-toast-title]');
+  const messageEl = toastEl.querySelector('[data-sui-toast-message]');
+  const closeEl = toastEl.querySelector('[data-sui-toast-close]');
+
+  titleEl.textContent = title;
+  messageEl.textContent = message;
+
+  toastEl.className = 'sui-toast sui-toast-' + type;
+  container.className = 'sui-toast-container sui-toast-' + position;
+
+  function hide() {
+    toastEl.classList.add('sui-toast-hide');
+    setTimeout(() => {
+      if (container.contains(toastEl)) container.removeChild(toastEl);
+      activeToasts.delete(toastEl);
+      if (toastQueue.length > 0) {
+        const next = toastQueue.shift();
+        showToast(next);
+      }
+    }, 300);
+  }
+
+  closeEl.onclick = hide;
+
+  let timer = null;
+  if (duration > 0) timer = setTimeout(hide, duration);
+
+  return { element: toastEl, hide, timer };
+}
+
+function showToast(options = {}) {
+  if (activeToasts.size >= 5) {
+    toastQueue.push(options);
+    return null;
+  }
+
+  const toast = createToast(options);
+  const container = getContainer();
+  container.appendChild(toast.element);
+  activeToasts.set(toast.element, toast);
+
+  requestAnimationFrame(() => toast.element.classList.add('sui-toast-show'));
+  return toast.hide;
+}
+
+function clearAll() {
+  activeToasts.forEach((toast) => {
+    if (toast.timer) clearTimeout(toast.timer);
+    toast.hide();
+  });
+  toastQueue = [];
+}
+
+return {
+  show: showToast,
+  clear: clearAll,
+  info: (title, message, options) => showToast({ ...options, title, message, type: 'info' }),
+  success: (title, message, options) => showToast({ ...options, title, message, type: 'success' }),
+  warning: (title, message, options) => showToast({ ...options, title, message, type: 'warning' }),
+  error: (title, message, options) => showToast({ ...options, title, message, type: 'error' }),
+};`,
+  usageMarkdown: `# SUI Toast Component
+
+Non-blocking toast notification system.
+
+## SDK Usage
+
+\`\`\`javascript
+await uiCmp.load('sui_toast');
+const toastCmp = await uiCmp.sui_toast.create();
+toastCmp.success('Success', 'Toast works', { duration: 2500 });
+\`\`\`
+
+## Methods
+- \`show(options)\`
+- \`clear()\`
+- \`info(title, message, options)\`
+- \`success(title, message, options)\`
+- \`warning(title, message, options)\`
+- \`error(title, message, options)\``,
+  api: 'show(options), clear(), info(title,message,options), success(title,message,options), warning(title,message,options), error(title,message,options)',
+  previewExample: `const i = await uiCmp.create({});\nawait i.success("All good");`,
+  version: '1.0.0',
+  isActive: true,
+};

package/plugins/ui-components-seeder/index.js

@@ -0,0 +1,31 @@
+const alertComponent = require('./components/suiAlert');
+const toastComponent = require('./components/suiToast');
+
+module.exports = {
+  meta: {
+    id: 'sui-ui-components',
+    name: 'SUI - UI Components',
+    version: '1.1.0',
+    description: 'Simple UI Components - non-blocking alert and toast components',
+    tags: ['ui', 'components', 'alert', 'toast', 'sui'],
+  },
+  hooks: {
+    async install(ctx) {
+      const service = ctx?.services?.uiComponents || null;
+      if (!service) {
+        console.log('[sui-ui-components] uiComponents service not found, skipping seeding');
+        return;
+      }
+
+      console.log('[sui-ui-components] Installing SUI components...');
+
+      try {
+        await service.upsertComponent(alertComponent);
+        await service.upsertComponent(toastComponent);
+        console.log('[sui-ui-components] Successfully installed sui_alert and sui_toast components');
+      } catch (error) {
+        console.error('[sui-ui-components] Failed to install components:', error);
+      }
+    },
+  },
+};