@salla.sa/twilight-components 1.0.0

package/dist/collection/plugins/tailwind-theme/index.js

@@ -0,0 +1,35 @@
+const plugin = require('tailwindcss/plugin');
+const fs = require('fs');
+const path = require('path');
+
+module.exports = plugin.withOptions(() => {
+  return function({addUtilities}) {
+    addUtilities({
+      // TODO :: find if there are used and defined them here if its.
+      '.anime-item': {},
+      '.text-md': {},
+      '.items-top': {},
+      '.error': {},
+
+      // wrapper class
+      // todo :: rename it with the statnder
+      '.results__item': {},
+
+      '.search-box': {},
+      '.spinner-loader-wrap': {}
+    });
+
+    // todo :: move it to global
+    addUtilities({
+      '.spinner-loader': {
+        'border-right-color': 'var(--main-color) !important',
+        '&.reverse': {
+          'border-right-color': '#9f7171 !important',
+          'background-color': '#f98181'
+        }
+      }
+    });
+
+    addUtilities(JSON.parse(fs.readFileSync(path.resolve(__dirname, 'utilities.json'), 'UTF-8')));
+  };
+});

package/dist/collection/plugins/tailwind-theme/scripts/generator.js

@@ -0,0 +1,51 @@
+var fs = require('fs');
+var path = require('path');
+var _ = require('lodash');
+var components = {};
+fs.readdirSync(path.resolve(__dirname, './../'), {withFileTypes: true}).filter(dirent => dirent.isDirectory()).forEach(directory => {
+  try {
+    components[directory.name] = JSON.parse(fs.readFileSync(path.resolve(__dirname + '/../' + directory.name, 'utilities.json'), 'UTF-8'));
+  } catch (e) {
+    // ignore
+  }
+});
+
+var utilities = {};
+
+for (const [keyComponent, value] of Object.entries(components)) {
+  console.log('> Processing ' + keyComponent + ' ...');
+  _.forEach(value, function(value, keyUtility) {
+    keyUtility = '.s-' + keyComponent + '-' + keyUtility;
+    utilities[keyUtility] = {[`@apply ${value}`]: {}};
+  });
+  console.log('✓ Processed ' + keyComponent + '');
+}
+
+// write the utilities for the plugin
+console.log('> Write utilities ...');
+fs.writeFileSync(
+  path.resolve(__dirname, './../utilities.json'),
+  JSON.stringify(utilities),
+  function(err) {
+    if (err) {
+      return console.log(err);
+    }
+    console.log('The file was saved!');
+  }
+);
+
+
+// write the save list css
+console.log('> Write safe-list-css ...');
+fs.writeFileSync(
+  path.resolve(__dirname, './../safe-list-css.txt'),
+  Object.keys(utilities).map((name) => name.replace('.','')).join('\n'),
+  function(err) {
+    if (err) {
+      return console.log(err);
+    }
+    console.log('The file was saved!');
+  }
+);
+
+console.log('✓ Done ...');

package/dist/collection/utils/utils.js

@@ -0,0 +1,16 @@
+export function format(first, middle, last) {
+  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
+}
+export const toInteger = (value, defaultValue = NaN) => {
+  const integer = parseInt(value, 10);
+  return isNaN(integer) ? defaultValue : integer;
+};
+export const validateInput = event => {
+  const isValid = true;
+  const errors = [];
+  // check if email or url matched
+  if (event.target.validity.typeMismatch) {
+    errors.push('mismatched');
+  }
+  return { isValid, errors };
+};