framework7/less/plugin.js

Full featured mobile HTML framework for building iOS & Android apps

const fs = require('fs');

function base64Encode(file) {
  // read binary data
  const bitmap = fs.readFileSync(file);
  // convert binary data to base64 encoded string
  return Buffer.from(bitmap).toString('base64');
}

module.exports = {
  install(less, pluginManager, functions) {
    functions.add('framework7_encodeURIComponent', svg => encodeURIComponent(svg.value));
    functions.add('framework7_floor', n => new less.tree.Dimension(Math.floor(n.value)));
    functions.add('framework7_calculateN', n => new less.tree.Dimension(100 / parseFloat(n.value)));
    functions.add('framework7_coreIconsFont', () => {
      const iconsFontBase64 = base64Encode('./src/core/icons/font/framework7-core-icons.woff');
      return iconsFontBase64;
    });
    functions.add('framework7_skeletonFont', () => {
      const iconsFontBase64 = base64Encode('./src/core/icons/font/framework7-skeleton.woff');
      return iconsFontBase64;
    });
  },
};