import { loadScript } from './utils.js';

let sassLoaded = false;
let lessLoaded = false;

async function ensureSass() {
  if (sassLoaded) return;
  await loadScript('https://cdnjs.cloudflare.com/ajax/libs/sass.js/0.11.1/sass.sync.min.js');
  sassLoaded = true;
}

async function ensureLess() {
  if (lessLoaded) return;
  window.less = { env: 'production' };
  await loadScript('https://cdnjs.cloudflare.com/ajax/libs/less.js/4.2.0/less.min.js');
  lessLoaded = true;
}

export async function compileCss(code, type) {
  if (type === 'css') return code;

  if (type === 'scss') {
    await ensureSass();
    return new Promise((resolve, reject) => {
      Sass.compile(code, (result) => {
        if (result.status === 0) resolve(result.text);
        else reject(new Error(result.formatted || result.message));
      });
    });
  }

  if (type === 'less') {
    await ensureLess();
    try {
      const result = await less.render(code);
      return result.css;
    } catch (e) {
      throw new Error(e.message);
    }
  }

  return code;
}