@finqu/cool 1.2.28 → 1.3.0

package/package.json

@@ -1,71 +1,104 @@
 {
   "name": "@finqu/cool",
-  "version": "1.2.28",
-  "description": "Finqu UI package",
-  "main": "index.js",
+  "version": "1.3.0",
+  "description": "Build beautiful, responsive web interfaces. Fast, flexible, and effortlessly customizable.",
+  "keywords": [
+    "ui",
+    "framework",
+    "toolkit",
+    "finqu"
+  ],
+  "license": "ISC",
+  "author": "Finqu Oy",
+  "main": "dist/js/cool.bundle.js",
+  "module": "dist/js/cool.esm.js",
+  "style": "dist/css/cool.css",
+  "sideEffects": [
+    "dist/css/*.css"
+  ],
+  "files": [
+    "dist/"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "engines": {
+    "node": ">=16"
+  },
   "scripts": {
-    "bundlesize": "bundlesize",
+    "size": "size-limit",
+    "clean-js": "rimraf js/dist/*",
     "css": "npm-run-all css-compile css-prefix css-minify",
-    "css-main": "npm-run-all css-compile css-prefix css-minify-main",
-    "css-compile": "npm-run-all --parallel css-compile-*",
-    "css-compile-main": "node-sass --output-style expanded --source-map true --source-map-contents true --precision 6 scss/cool.scss dist/css/cool.css && node-sass --output-style expanded --source-map true --source-map-contents true --precision 6 scss/cool-grid.scss dist/css/cool-grid.css && node-sass --output-style expanded --source-map true --source-map-contents true --precision 6 scss/cool-reboot.scss dist/css/cool-reboot.css",
-    "css-minify": "npm-run-all --parallel css-minify-*",
-    "css-minify-main": "cleancss --level 1 --format breaksWith=lf --source-map --source-map-inline-sources --output dist/css/cool.min.css dist/css/cool.css && cleancss --level 1 --format breaksWith=lf --source-map --source-map-inline-sources --output dist/css/cool-grid.min.css dist/css/cool-grid.css && cleancss --level 1 --format breaksWith=lf --source-map --source-map-inline-sources --output dist/css/cool-reboot.min.css dist/css/cool-reboot.css",
-    "css-prefix": "npm-run-all --parallel css-prefix-*",
-    "css-prefix-main": "postcss --config build/postcss.config.js --replace \"dist/css/*.css\" \"!dist/css/*.min.css\"",
-    "js": "npm-run-all js-compile js-minify",
+    "css-main": "npm-run-all css-compile-main css-prefix-main css-minify-main",
+    "css-compile": "sass --style=expanded --embed-sources scss/:dist/css/",
+    "css-compile-main": "sass --style=expanded --embed-sources scss/cool.scss:dist/css/cool.css scss/cool-grid.scss:dist/css/cool-grid.css scss/cool-reboot.scss:dist/css/cool-reboot.css",
+    "css-minify": "cleancss -O1 --format breakWith=lf --with-rebase --source-map --source-map-inline-sources --output dist/css/ --batch --batch-suffix '.min' 'dist/css/*.css' '!dist/css/*.min.css'",
+    "css-minify-main": "cleancss -O1 --format breakWith=lf --with-rebase --source-map --source-map-inline-sources --output dist/css/cool.min.css dist/css/cool.css && cleancss -O1 --format breakWith=lf --with-rebase --source-map --source-map-inline-sources --output dist/css/cool-grid.min.css dist/css/cool-grid.css && cleancss -O1 --format breakWith=lf --with-rebase --source-map --source-map-inline-sources --output dist/css/cool-reboot.min.css dist/css/cool-reboot.css",
+    "css-prefix": "postcss --config build/postcss.config.js --replace 'dist/css/*.css' '!dist/css/*.min.css'",
+    "css-prefix-main": "postcss --config build/postcss.config.js --replace dist/css/cool.css dist/css/cool-grid.css dist/css/cool-reboot.css",
+    "js": "npm-run-all clean-js js-compile js-minify",
     "js-main": "npm-run-all js-lint js-compile js-minify-main",
-    "js-compile": "npm-run-all --parallel js-compile-* --sequential",
-    "js-compile-standalone": "rollup --environment BUNDLE:false --config build/rollup.config.js --sourcemap",
-    "js-compile-standalone-esm": "rollup --environment ESM:true,BUNDLE:false --config build/rollup.config.js --sourcemap",
-    "js-compile-bundle": "rollup --environment BUNDLE:true --config build/rollup.config.js --sourcemap",
+    "js-compile": "npm-run-all --parallel js-compile-standalone js-compile-standalone-esm js-compile-bundle js-compile-plugins",
+    "js-compile-standalone": "rollup --environment BUNDLE:false --config build/rollup.config.mjs --sourcemap",
+    "js-compile-standalone-esm": "rollup --environment ESM:true,BUNDLE:false --config build/rollup.config.mjs --sourcemap",
+    "js-compile-bundle": "rollup --environment BUNDLE:true --config build/rollup.config.mjs --sourcemap",
     "js-compile-plugins": "node build/build-plugins.js",
     "js-compile-plugins-coverage": "cross-env NODE_ENV=test node build/build-plugins.js",
-    "js-lint": "npm-run-all --continue-on-error --parallel js-lint-*",
-    "js-lint-main": "eslint --cache --cache-location .cache/.eslintcache js/src js/tests build/",
-    "js-minify": "npm-run-all --parallel js-minify-main",
-    "js-minify-main": "npm-run-all js-minify-standalone* js-minify-bundle",
-    "js-minify-standalone": "terser --compress typeofs=false --mangle --comments \"/^!/\" --source-map \"content=dist/js/cool.js.map,includeSources,url=cool.min.js.map\" --output dist/js/cool.min.js dist/js/cool.js",
-    "js-minify-standalone-esm": "terser --compress --mangle --comments \"/^!/\" --source-map \"content=dist/js/cool.esm.js.map,includeSources,url=cool.esm.min.js.map\" --output dist/js/cool.esm.min.js dist/js/cool.esm.js",
-    "js-minify-bundle": "terser --compress typeofs=false --mangle --comments \"/^!/\" --source-map \"content=dist/js/cool.bundle.js.map,includeSources,url=cool.bundle.min.js.map\" --output dist/js/cool.bundle.min.js dist/js/cool.bundle.js",
+    "js-lint": "eslint --cache --cache-location .cache/.eslintcache js/src js/tests build/",
+    "js-minify": "npm-run-all --parallel js-minify-*",
+    "js-minify-main": "npm-run-all js-minify-standalone js-minify-standalone-esm js-minify-bundle",
+    "js-minify-standalone": "terser --compress typeofs=false --mangle --comments '/^!/' --source-map \"content=dist/js/cool.js.map,includeSources,url=cool.min.js.map\" --output dist/js/cool.min.js dist/js/cool.js",
+    "js-minify-standalone-esm": "terser --compress --mangle --comments '/^!/' --source-map \"content=dist/js/cool.esm.js.map,includeSources,url=cool.esm.min.js.map\" --output dist/js/cool.esm.min.js dist/js/cool.esm.js",
+    "js-minify-bundle": "terser --compress typeofs=false --mangle --comments '/^!/' --source-map \"content=dist/js/cool.bundle.js.map,includeSources,url=cool.bundle.min.js.map\" --output dist/js/cool.bundle.min.js dist/js/cool.bundle.js",
+    "js-minify-plugins": "for file in js/dist/*.js; do terser --compress typeofs=false --mangle --comments '/^!/' --source-map \"content=$file.map,includeSources,url=$(basename $file .js).min.js.map\" --output ${file%.js}.min.js $file; done",
+    "dist": "npm-run-all --parallel css js",
+    "test": "npm-run-all dist size",
+    "prepublishOnly": "npm run dist",
     "watch": "npm-run-all --parallel watch-*",
-    "watch-css-main": "nodemon --watch scss/ --ext scss --exec \"npm run css-main\"",
-    "watch-js-main": "nodemon --watch js/src/ --ext js --exec \"npm run js-compile\""
-  },
-  "repository": {
-    "type": "git",
-    "url": "git@git.zenqu.fi:finqu-lib/finqu-ui.git"
+    "watch-css": "nodemon --watch scss/ --ext scss --exec \"npm run css\"",
+    "watch-js": "nodemon --watch js/src/ --ext js --exec \"npm run js\"",
+    "format": "prettier --write \"scss/**/*.scss\"",
+    "format-check": "prettier --check \"scss/**/*.scss\""
   },
-  "author": "Finqu Oy",
-  "homepage": "https://finqu.fi",
-  "license": "ISC",
   "devDependencies": {
-    "@babel/cli": "^7.7.0",
-    "@babel/core": "^7.7.2",
-    "@babel/plugin-proposal-object-rest-spread": "^7.6.2",
-    "@babel/preset-env": "^7.7.1",
-    "autoprefixer": "^9.7.1",
-    "babel-eslint": "^10.0.3",
-    "babel-plugin-istanbul": "^5.2.0",
-    "broken-link-checker": "^0.7.8",
-    "bundlesize": "^0.17.2",
-    "clean-css-cli": "^4.3.0",
-    "cross-env": "^5.2.1",
-    "eslint": "^5.13.0",
-    "find-unused-sass-variables": "^0.3.2",
-    "glob": "^7.1.6",
-    "jquery": "^3.4.1",
-    "node-sass": "^4.13.0",
-    "nodemon": "^1.19.4",
-    "npm-run-all": "^4.1.5",
-    "postcss-cli": "^6.1.3",
-    "rollup": "^1.26.3",
-    "rollup-plugin-babel": "^4.3.3",
-    "rollup-plugin-commonjs": "^9.3.4",
-    "rollup-plugin-node-resolve": "^4.2.4",
-    "shelljs": "^0.8.3",
-    "shx": "^0.3.2",
-    "terser": "^3.17.0",
-    "uglify-js": "^3.6.8"
-  }
-}
+    "@babel/cli": "^7.24.0",
+    "@babel/core": "^7.24.0",
+    "@babel/eslint-parser": "^7.24.0",
+    "@babel/plugin-proposal-object-rest-spread": "^7.20.0",
+    "@babel/preset-env": "^7.24.0",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^25.0.0",
+    "@rollup/plugin-node-resolve": "^15.2.0",
+    "@size-limit/preset-small-lib": "^11.0.0",
+    "autoprefixer": "^10.4.0",
+    "babel-plugin-istanbul": "^7.0.0",
+    "clean-css-cli": "^5.6.0",
+    "cross-env": "^7.0.0",
+    "eslint": "^8.57.0",
+    "nodemon": "^3.1.0",
+    "npm-run-all": "^4.1.0",
+    "postcss": "^8.4.0",
+    "postcss-cli": "^11.0.0",
+    "postcss-preset-env": "^9.5.0",
+    "prettier": "^3.7.4",
+    "rimraf": "^6.0.1",
+    "rollup": "^4.0.0",
+    "sass": "^1.77.0",
+    "size-limit": "^11.0.0",
+    "terser": "^5.31.1"
+  },
+  "dependencies": {
+    "jquery": "^3.7.1",
+    "perfect-scrollbar": "^1.5.6"
+  },
+  "size-limit": [
+    {
+      "path": "dist/js/cool.bundle.js",
+      "limit": "100 KB"
+    },
+    {
+      "path": "dist/css/cool.css",
+      "limit": "75 KB"
+    }
+  ]
+}

package/.babelrc.js

@@ -1,20 +0,0 @@
-module.exports = {
-  presets: [
-    [
-      '@babel/env',
-      {
-        loose: true,
-        modules: false,
-        exclude: ['transform-typeof-symbol']
-      }
-    ]
-  ],
-  plugins: [
-    '@babel/plugin-proposal-object-rest-spread'
-  ],
-  env: {
-    test: {
-      plugins: [ 'istanbul' ]
-    }
-  }
-};

package/.browserslistrc

@@ -1,13 +0,0 @@
-# https://github.com/browserslist/browserslist#readme
-
->= 1%
-last 1 major version
-not dead
-Chrome >= 60
-Firefox >= 60
-Edge >= 15.15063
-Explorer 11
-iOS >= 10
-Safari >= 10
-Android >= 6
-not ExplorerMobile <= 11

package/build/.eslintrc.json

@@ -1,10 +0,0 @@
-{
-  "env": {
-    "browser": false,
-    "node": true
-  },
-  "parserOptions": {
-    "sourceType": "script"
-  },
-  "extends": "../.eslintrc.json"
-}

package/build/banner.js

@@ -1,14 +0,0 @@
-'use strict'
-
-const pkg = require('../package.json')
-const year = new Date().getFullYear()
-
-function getBanner(pluginFilename) {
-  return `/*!
-  * Cool UI${pluginFilename ? ` ${pluginFilename}` : ''} v${pkg.version} (${pkg.homepage})
-  * Copyright 2011-${year} ${pkg.author}
-  * Licensed under the ISC license - (http://opensource.org/licenses/ISC)
-  */`
-}
-
-module.exports = getBanner

package/build/build-plugins.js

@@ -1,92 +0,0 @@
-/*!
- * Script to build our plugins to use them separately.
- * Copyright 2019 The Bootstrap Authors
- * Copyright 2019 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- */
-
-'use strict'
-
-const path = require('path')
-const rollup = require('rollup')
-const babel = require('rollup-plugin-babel')
-const banner = require('./banner.js')
-
-const plugins = [
-  babel({
-    // Only transpile our source code
-    exclude: 'node_modules/**',
-    // Include only required helpers
-    externalHelpersWhitelist: [
-      'defineProperties',
-      'createClass',
-      'inheritsLoose',
-      'defineProperty',
-      'objectSpread'
-    ]
-  })
-]
-const bsPlugins = {
-  Common: path.resolve(__dirname, '../js/src/common.js'),
-  Popover: path.resolve(__dirname, '../js/src/popover.js'),
-  Dropdown: path.resolve(__dirname, '../js/src/dropdown.js'),
-  Select: path.resolve(__dirname, '../js/src/select.js'),
-  Tooltip: path.resolve(__dirname, '../js/src/tooltip.js'),
-  SectionTabs: path.resolve(__dirname, '../js/src/section-tabs.js'),
-  Collapse: path.resolve(__dirname, '../js/src/collapse.js')
-}
-const rootPath = '../js/dist/'
-
-const defaultPluginConfig = {
-  external: [
-    'jquery'
-  ],
-  globals: {
-  }
-}
-
-function getConfigByPluginKey(pluginKey) {
-  return defaultPluginConfig;
-}
-
-function build(plugin) {
-  console.log(`Building ${plugin} plugin...`)
-
-  const { external, globals } = getConfigByPluginKey(plugin)
-  let pluginPath = rootPath
-
-  const utilObjects = [
-  ]
-
-  const domObjects = [
-  ]
-
-  if (utilObjects.includes(plugin)) {
-    pluginPath = `${rootPath}/util/`
-  }
-
-  if (domObjects.includes(plugin)) {
-    pluginPath = `${rootPath}/dom/`
-  }
-
-  const pluginFilename = `${plugin.toLowerCase()}.js`
-
-  rollup.rollup({
-    input: bsPlugins[plugin],
-    plugins,
-    external
-  }).then(bundle => {
-    bundle.write({
-      banner: banner(pluginFilename),
-      format: 'umd',
-      name: plugin,
-      sourcemap: true,
-      globals,
-      file: path.resolve(__dirname, `${pluginPath}${pluginFilename}`)
-    })
-      .then(() => console.log(`Building ${plugin} plugin... Done!`))
-      .catch(error => console.error(`${plugin}: ${error}`))
-  })
-}
-
-Object.keys(bsPlugins).forEach(plugin => build(plugin))

package/build/rollup.config.js

@@ -1,46 +0,0 @@
-'use strict'
-
-const path = require('path')
-const babel = require('rollup-plugin-babel')
-const resolve = require('rollup-plugin-node-resolve')
-const banner = require('./banner.js')
-
-const BUNDLE = process.env.BUNDLE === 'true'
-const ESM = process.env.ESM === 'true'
-
-let fileDest = `cool${ESM ? '.esm' : ''}`
-
-const plugins = [
-  babel({
-  // Only transpile our source code
-    exclude: 'node_modules/**',
-    // Include only required helpers
-    externalHelpersWhitelist: [
-      'defineProperties',
-      'createClass',
-      'inheritsLoose',
-      'defineProperty',
-      'objectSpread'
-    ]
-  })
-]
-
-if (BUNDLE) {
-  fileDest += '.bundle'
-}
-
-const rollupConfig = {
-  input: path.resolve(__dirname, `../js/index.${ESM ? 'esm' : 'umd'}.js`),
-  output: {
-    banner,
-    file: path.resolve(__dirname, `../dist/js/${fileDest}.js`),
-    format: ESM ? 'esm' : 'umd'
-  },
-  plugins
-}
-
-if (!ESM) {
-  rollupConfig.output.name = 'cool'
-}
-
-module.exports = rollupConfig