import { $, $$, watch, h, each, when, mount, batch } from 'sigpro';
import 'sigpro/xss.js';
import 'sigpro/tags.js';
import * as All from './sigpro-ui.js';
import * as Editor from './sigpro-editor.js';
import { Locale, tt } from './sigpro-locale.js';

const Components = { ...All, ...Editor };
const Utils = { Locale, tt };

if (typeof window !== 'undefined') {
  const fns = { $, $$, watch, h, each, when, mount, batch };
  Object.entries(fns).forEach(([name, fn]) => {
    Object.defineProperty(window, name, {
      value: fn,
      writable: true,
      configurable: true,
      enumerable: true
    });
  });

  Object.entries({ ...Components, ...Utils }).forEach(([name, value]) => {
    Object.defineProperty(window, name, {
      value,
      writable: false,
      configurable: true,
      enumerable: true
    });
  });

  console.log("SigProUI DX installed");
}

export { Components, Utils };
export * from './sigpro-ui.js';
export * from './sigpro-editor.js';