@massimo-cassandro/minimo 1.19.0 → 1.19.1

package/src/web-components/TODO json-table/demo/webpack.config.mjs

@@ -1,333 +0,0 @@
-// webpack.config.mjs
-import path from 'path';
-import { fileURLToPath } from 'url';
-import webpack from 'webpack';
-import fs from 'fs';
-import * as process from 'process'; // Rende 'process' disponibile nel contesto ESM
-// import { styleText } from 'node:util';
-// import { createRequire } from 'node:module';
-
-import HtmlWebpackPlugin from 'html-webpack-plugin';
-// import HtmlWebpackInjectPreload from '@principalstudio/html-webpack-inject-preload';
-import TerserPlugin from 'terser-webpack-plugin';
-import CssMinimizerPlugin from 'css-minimizer-webpack-plugin';
-import MiniCssExtractPlugin from 'mini-css-extract-plugin';
-// import CopyWebpackPlugin from 'copy-webpack-plugin';
-// import Dotenv from 'dotenv-webpack';
-// import RemoveEmptyScriptsPlugin from 'webpack-remove-empty-scripts';
-// import { WebpackManifestPlugin } from 'webpack-manifest-plugin';
-// import HtmlWebpackInjectAttributesPlugin from 'html-webpack-inject-attributes-plugin';
-
-// import { PurgeCSSPlugin } from 'purgecss-webpack-plugin';
-// import { globSync } from 'glob';
-
-import { cssRules } from './webpack-modules/css-rules.mjs';
-import { getJsConfigAliases } from './webpack-modules/get-jsConfig-aliases.mjs';
-import { svgRules } from './webpack-modules/svg-rules.mjs';
-
-// --- config ---
-const isDevelopment = process.env.NODE_ENV === 'development'
-  ,__filename = fileURLToPath(import.meta.url)
-  ,__dirname = path.dirname(__filename)
-  ,useSass = false
-  ,inlineCssInDevMode = true
-  ,useSvgo = true
-  ,useSvgr = false // svg per react
-  ,svgoConfig = useSvgo? (await import('./webpack-modules/svgo.config.mjs')).default : null
-  // ,output_dir = path.resolve(__dirname, './dist')
-  // ,output_dir = isDevelopment? '_dev' : 'build' // symfony
-  ,favicons_path_regexp = null // source pattern per le favicons (regexp o null)
-  ,jsConfigAliases = getJsConfigAliases(path.resolve(__dirname, '../jsconfig.json'))
-  ,packageJson = JSON.parse(fs.readFileSync(path.resolve(__dirname, '../package.json'), 'utf-8'))
-  // ,manifest_shared_seed = {}
-;
-
-
-// CopyWebpackPlugin (null o array vuoto per disattivare)
-const CopyWebpackPluginPatterns = [];
-
-// recupero metadata immagini
-// const require = createRequire(import.meta.url);
-// responsive-loader adapter (CJS) — use createRequire
-// const responsiveLoaderSharp = require('responsive-loader/sharp');
-
-/******************************/
-/** CONFIG **/
-
-const config = {
-  mode: isDevelopment ? 'development' : 'production',
-
-  // watch: isDevelopment, // necessario se non si usa devServer
-  watchOptions: {
-    ignored: [ 'build', '**/node_modules', '.git', '_private' ],
-    // poll: 1000, // se necessario, risolve il problema `Error: EMFILE: too many open files, watch`
-  },
-
-  // https://webpack.js.org/configuration/dotenv/
-  // dotenv: {
-  //   prefix: 'APP_',
-  //   dir: '/',
-  //   template: ['.env', '.env.development'] //, '.env.local', '.env.[mode]', '.env.[mode].local'],
-  // },
-
-  devtool: isDevelopment ? 'inline-source-map' : false,
-
-  ...(isDevelopment
-    ? {
-      entry: { jsonTableDemo: './demo/demo.js' },
-      output: {
-        path: path.resolve(__dirname, './dist'),
-        filename: '[name].js',
-        clean: true,
-      }
-    }
-
-    // NB: actually unused
-    : {
-      entry: { jsonTable: './src/index.js' },
-      output: {
-        path: path.resolve(__dirname, './dist'),
-        filename: '[name].esm.js',
-        // publicPath: '/',
-        clean: true,
-        library: {
-          // name: 'jsonTable',
-          type: 'module',
-        }
-      },
-      experiments: {
-        outputModule: true,
-      },
-
-
-    }
-  ),
-
-  // =>> optimization
-  optimization: {
-    minimize: !isDevelopment,
-    minimizer: [
-      new CssMinimizerPlugin(),
-      new TerserPlugin({
-        terserOptions: {
-          output: {
-            comments: /^!/
-          }
-        },
-        extractComments: false
-      })
-    ],
-    runtimeChunk: false,
-    usedExports: true,
-  },
-
-  // =>> performance
-  performance: {
-    hints: false,
-    maxEntrypointSize: 512000,
-    maxAssetSize: 512000
-  },
-
-  // =>> devServer
-  devServer: {
-    historyApiFallback: true,
-    static: {
-      directory: path.join(__dirname, '/'),
-      serveIndex: true
-    },
-    open: {
-      app: {
-        name: 'Google Chrome'
-      }
-    },
-    compress: true,
-    hot: true,
-    port: 5700
-  },
-
-  // =>> plugins
-  plugins: [
-    // =>> plugins: Dotenv
-    // new Dotenv({
-    //   path: isDevelopment ? './.env.development' : './.env',
-    //   expand: true,
-    //   ignoreStub: true,
-    //   allowEmptyValues: true
-    // }),
-    // new webpack.ProvidePlugin({
-    //   process: 'process/browser.js'
-    // }),
-
-
-    // =>> plugins: MiniCssExtractPlugin
-    new MiniCssExtractPlugin({
-      filename: '[name].[contenthash].css',
-      chunkFilename: '[id].[contenthash].css'
-    }),
-
-    ...(isDevelopment
-      ? [new HtmlWebpackPlugin({
-        filename: 'index.html',
-        template: path.resolve(__dirname, './index.ejs'),
-        inject: 'body',
-        // title: 'JSON table demo',
-        minify: false
-      })]
-      : []
-    ),
-
-
-    // =>> plugins: BannerPlugin
-    new webpack.BannerPlugin({
-      banner: () => {
-
-        const start_year = 2025,
-          current_year = new Date().toLocaleString('en-UK', { year: 'numeric' }),
-          year = [
-            start_year,
-            ...(current_year > start_year? [current_year] : [])
-          ].join('-'),
-
-          vers = packageJson.version; //.split('.').slice(0,-1).join('.');
-
-        return (
-          '/*!\n' +
-          ` * ${packageJson.name} v.${vers} - Massimo Cassandro ${year}\n` +
-          ' */\n'
-        );
-      },
-      raw: true
-    }),
-
-    // =>> plugins: PurgeCSSPlugin (per ultimo)
-    // https://github.com/FullHuman/purgecss/tree/main/packages/purgecss-webpack-plugin
-    // https://purgecss.com/configuration.html
-    // https://github.com/isaacs/node-glob#readme
-    //   new PurgeCSSPlugin({
-    //     paths: globSync(
-    //       // array ([]) per path multipli
-    //       path.join(__dirname, 'app/{src,tpl}/**/*'),
-    //       { nodir: true }
-    //     ),
-
-    //     variables: true, // Analizza le variabili custom
-
-    //     // verbose: true,
-    //     // rejected: true,
-    //     // stdout: true
-    //   })
-
-  ], // end plugins
-
-  module: {
-    rules: [
-
-      // =>> rules: js / jsx
-      {
-        test: /\.jsx?$/,
-        oneOf: [
-          {
-            resourceQuery: /as_lib/, // utilizzo come libreria
-            type: 'asset/resource',
-            generator: {
-              filename: 'libs/[name].[contenthash][ext]'
-            }
-          },
-          {
-            exclude: /node_modules/,
-            use: {
-              loader: 'babel-loader',
-              options: {
-                presets: [['@babel/preset-env', { targets: 'defaults' }]]
-              }
-            }
-          }
-        ]
-      },
-
-      // =>> template ejs
-      // {
-      //   test: /\.ejs$/i,
-      //   use: [
-      //     {
-      //       loader: 'ejs-loader',
-      //       options: {
-      //         esModule: false // Necessario per far sì che il require restituisca la stringa correttamente
-      //       }
-      //     }
-      //   ]
-      // },
-
-      // =>> rules: html files
-      {
-        test: /(\.html?)$/i,
-        oneOf: [
-          {
-            type: 'asset/resource',
-            resourceQuery: /as_asset/,
-            generator: {
-              filename: '[name].[contenthash][ext]'
-            }
-          },
-          {
-            loader: 'html-loader'
-          }
-        ]
-      },
-
-      // =>> raw txt / md files
-      {
-        test: /(\.(txt|md))$/i,
-        type: 'asset/source'
-      },
-
-      // =>> rules: svg
-      ...svgRules({useSvgo: useSvgo, svgoConfig: svgoConfig, useSvgr: useSvgr, favicons_path_regexp: favicons_path_regexp?? null }),
-
-      // =>> rules: Images / pdf
-      {
-        test: /\.(?:gif|png|jpg|jpeg|webp|avif|pdf)$/i,
-        oneOf: [
-
-          {
-            type: 'asset/resource',
-            exclude: favicons_path_regexp?? undefined,
-            generator: {
-              filename: 'imgs/[name].[contenthash][ext]',
-            }
-          },
-        ],
-      },
-
-      // =>> rules: css / scss
-      ...cssRules({isDevelopment: isDevelopment, useSass: useSass, inlineCssInDevMode: inlineCssInDevMode})
-    ] // end rules
-  }, // end module
-
-  // =>> resolve
-  resolve: {
-    fallback: {
-      fs: false,
-      util: false,
-      process: 'process/browser.js'
-    },
-    modules: [ './', './node_modules' ],
-    extensions: [ '.tsx', '.ts', '.js', '.mjs', '.cjs', '.jsx', '.json', '.scss', '.css' ],
-    alias: {
-      ...jsConfigAliases
-    }
-  },
-
-  // =>> stats
-  // stats: {
-  //   assets: false,
-  //   modules: false,
-  //   chunks: false,
-  //   errors: true,        // Mostra solo gli errori
-  //   errorDetails: false, // Disabilita i dettagli troppo prolissi
-  //   moduleTrace: false,
-  // },
-};
-
-export default config;
-

package/src/web-components/TODO json-table/docs/custom-props-list.md

@@ -1,74 +0,0 @@
-# CSS Custom Properties List
-
-List of all CSS custom properties used in css files.
-
-If you don't want to use a new CSS, you can use the default one, just by customizing the values ​​of the custom properties.
-
-You can set the custom values ​​in the `:root` element, or directly in the json-table wrapper by assigning it a specific class:
-
-In the json-table config:
-
-```javascript
-new jsonTable({
-  container: '...',
-  mainWrapperExtraClassName: 'my-custom-classname',
-  
-  /* other config parameters */
-});
-```
-
-In your css:
-
-```css
-.my-custom-classname {
-  --jt-search-input-bg-color: #efefef;
-  --jt-search-input-border-color: #666;
-
-  /* other custom properties */
-}
-```
-
-
-## Properties template
-Use this template to easily customize the css properties.
-Uncomment and customize the properties you need. The value assigned is the default one.
-
-```css
-.your-selector {
-  /* --jt-bool-false-color: #c00; */                                                /* color for _false_ boolean values icon */
-  /* --jt-bool-icon-size: 1.3em; */                                                 /* boolean icons size */
-  /* --jt-bool-true-color: #0a7202; */                                              /* color for _true_ boolean values icon */
-  /* --jt-info-font-size: clamp(0.85rem, 0.6824rem + 0.3529vw, 1rem); */            /* font size for info section */
-  /* --jt-outer-info-bg: #fff; */                                                   /* background color for info external wrapper */
-  /* --jt-outer-padding-block-end: 1rem; */                                         /*  */
-  /* --jt-placeholder-color: #999; */                                               /* color for placeholder text */
-  /* --jt-search-input-bg-color: transparent; */                                    /* background color for search input element */
-  /* --jt-search-input-border-color: #999; */                                       /* border color for search input element */
-  /* --jt-search-input-font-size: clamp(0.85rem, 0.6824rem + 0.3529vw, 1rem); */    /* font size for search input element */
-  /* --jt-search-input-padding-x: .75rem; */                                        /* left and right padding for search input element */
-  /* --jt-search-input-padding-y: .375rem; */                                       /* top and bottom padding for search input element */
-  /* --jt-search-input-text-color: currentColor; */                                 /* text color for search input element */
-  /* --jt-sort-arrows-active-fill: #33ef15; */                                      /* Sort arrows fill color when in active state */
-  /* --jt-sort-arrows-btn-active-bg: #33ef15; */                                    /*  */
-  /* --jt-sort-arrows-btn-active-color: #000; */                                    /*  */
-  /* --jt-sort-arrows-fill: #fff; */                                                /* default sort arrows fill color */
-  /* --jt-sort-arrows-hover-bg: #fff; */                                            /* background color for sort arrows button when in hover state */
-  /* --jt-sort-arrows-hover-fill: #000; */                                          /* sort arrows fill color when in hover state */
-  /* --jt-sort-arrows-size: .9rem; */                                               /* sort arrows size */
-  /* --jt-sort-arrows-wrapper-bg-color: #000; */                                    /* background color for the div around the sort arrows */
-  /* --jt-sort-arrows-wrapper-border: 1px solid #666; */                            /* border property for the div around the sort arrows */
-  /* --jt-sort-arrows-wrapper-box-shadow: 0 0 5px rgb(0 0 0 / .4); */               /* `box-shadow` property for the div around the sort arrows */
-  /* --jt-sort-arrows-wrapper-hover-box-shadow: 0 2px 1rem rgb(0 0 0 / .6); */      /*  */
-  /* --jt-sort-arrows-wrapper-padding: 3px; */                                      /* `padding` for the div around the sort arrows */
-  /* --jt-sort-asc-arrow-rotate: 180deg; */                                         /* rotation angle for sort asc arrow. You need it if your are using the same icon both for ASC and DESC */
-  /* --jt-sort-asc-arrow-svg-vertical-adjust: 3px; */                               /* Asc icon vertical position adjustment value */
-  /* --jt-sort-desc-arrow-rotate: 0; */                                             /* rotation angle for sort desc arrow. You need it if your are using the same icon both for ASC and DESC */
-  /* --jt-sort-desc-arrow-svg-vertical-adjust: -3px; */                             /* desc icon vertical position adjustment value */
-  /* --jt-thead-sort-overlay-bg: rgb(0 0 0 / .1); */                                /*  */
-  /* --jt-wrapper-margin-block: 1rem; */                                            /* top and bottom margins for main wrapper element */
-};
-```
-
-
-> NB: mobile and desktop breakpoints are defined in `src/css/custom-media.css`.
-> If you want to change them, you'll have to rebuild **jsonTable** and you'll need [postcss-custom-media](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-custom-media).

package/src/web-components/TODO json-table/docs-builder/create-css-custom-props-doc.mjs

@@ -1,157 +0,0 @@
-#!/usr/bin/env node
-/* eslint-disable no-console */
-
-import * as fs from 'fs';
-import * as path from 'path';
-import { styleText } from 'node:util';
-import { fileURLToPath } from 'url';
-
-// parse all css files and extract all custom properties
-// then create a markdown document adding a description for each property
-
-// tke key is a camelCase version of the css property name (without leading --jt-)
-const descriptions = {
-
-  boolFalseColor: 'color for _false_ boolean values icon',
-  boolIconSize: 'boolean icons size',
-  boolTrueColor: 'color for _true_ boolean values icon',
-  infoFontSize: 'font size for info section',
-  outerInfoBg: 'background color for info external wrapper',
-  outerPaddingBlockEnd: 'padding bottom value for outer info container (corresponds to the space between this element and the table)',
-  placeholderColor: 'color for placeholder text',
-  searchInputBgColor: 'background color for search input element',
-  searchInputBorderColor: 'border color for search input element',
-  searchInputFontSize: 'font size for search input element',
-  searchInputPaddingX: 'left and right padding for search input element',
-  searchInputPaddingY: 'top and bottom padding for search input element',
-  searchInputTextColor: 'text color for search input element',
-  sortArrowsActiveFill: 'Sort arrows fill color when in active state',
-  sortArrowsBtnActiveBg: '',
-  sortArrowsBtnActiveColor: '',
-  sortArrowsFill: 'default sort arrows fill color',
-  sortArrowsHoverBg: 'background color for sort arrows button when in hover state',
-  sortArrowsHoverFill: 'sort arrows fill color when in hover state',
-  sortArrowsSize: 'sort arrows size',
-  sortArrowsWrapperBgColor: 'background color for the div around the sort arrows',
-  sortArrowsWrapperBorder: 'border property for the div around the sort arrows',
-  sortArrowsWrapperBoxShadow: '`box-shadow` property for the div around the sort arrows',
-  sortArrowsWrapperHoverBoxShadow: '',
-  sortArrowsWrapperPadding: '`padding` for the div around the sort arrows',
-  sortAscArrowRotate: 'rotation angle for sort asc arrow. You need it if your are using the same icon both for ASC and DESC',
-  sortAscArrowSvgVerticalAdjust: 'Asc icon vertical position adjustment value',
-  sortDescArrowRotate: 'rotation angle for sort desc arrow. You need it if your are using the same icon both for ASC and DESC',
-  sortDescArrowSvgVerticalAdjust: 'desc icon vertical position adjustment value',
-  theadSortOverlayBg: '',
-  wrapperMarginBlock: 'top and bottom margins for main wrapper element',
-
-};
-
-const __filename = fileURLToPath(import.meta.url),
-  __dirname = path.dirname(__filename);
-
-const props = {},
-  css_folder = path.resolve(__dirname, '../src/css'),
-  target_file = path.resolve(__dirname, '../docs/custom-props-list.md'),
-  start_text = fs.readFileSync( path.resolve(__dirname, './src/custom-props-start.md'), 'utf8' ),
-  end_text = fs.readFileSync( path.resolve(__dirname, './src/custom-props-end.md'), 'utf8' ),
-  show_props_list = true // to create the descriptions
-;
-
-
-try {
-
-  fs.readdirSync(css_folder).forEach(file => {
-    if(file.endsWith('.css')) {
-      const css_content = fs.readFileSync(path.join(css_folder, file), 'utf8'),
-        matches = css_content.matchAll(/var\(--jt-(?<name>(.*?))(?:, (?<def>(.*?))\)[ ;])/g);
-
-      for (const match of matches) {
-        if(match?.groups) {
-
-          if(props[match.groups.name]) {
-            if(props[match.groups.name].default !== match.groups.def) {
-              throw new Error( `Default values of the same property cannot be different (${match.groups.name})` );
-            }
-            props[match.groups.name].files.push(file);
-
-          } else {
-            props[match.groups.name] = {
-              files: [file],
-              default: match.groups.def
-            };
-          }
-
-        }
-      }
-    }
-  });
-
-  // properties array
-  let maxLength = 0;
-  let descriptionsKeys = '';
-  const propsArray = Object.keys(props).toSorted((a, b) => a.localeCompare(b)).map(key => {
-
-    const descrKey = key.replace(/-([a-z])/g, function (part) { return part[1].toUpperCase(); });
-
-    if(show_props_list) {
-      descriptionsKeys +=`${descrKey}: '${descriptions[descrKey]??''}',\n`;
-    }
-
-    const thisProp = {
-      prop: `/* --jt-${key}: ${props[key].default}; */`,
-      comment: `/* ${descriptions[descrKey] ?? ''} */`
-    };
-
-    maxLength = Math.max(maxLength, thisProp.prop.length);
-
-    // console.log(thisProp);
-
-    return thisProp;
-  });
-
-
-  // tabella
-  // const table = '## Properties\n' +
-  //   '| Property | Default value | Description |\n' +
-  //   '| :--- | :--- | :--- |\n' +
-  //   Object.keys(props).toSorted((a, b) => a.localeCompare(b)).map(key => {
-
-  //     const descrKey = key.replace(/-([a-z])/g, function (part) { return part[1].toUpperCase(); });
-
-  //     if(show_props_list) {
-  //       descriptionsKeys +=`${descrKey}: '${descriptions[descrKey]??''}',\n`;
-  //     }
-
-  //     return `| \`--jt-${key}\` | \`${props[key].default}\` | ${descriptions[descrKey] ?? ''} |`;
-  //   }).join('\n')
-  // ;
-
-  maxLength += 4; // spazio tra proprietà e commenti
-
-  const template = '## Properties template\n' +
-    'Use this template to easily customize the css properties.\n'+
-    'Uncomment and customize the properties you need. The value assigned is the default one.\n\n' +
-
-    '```css\n' +
-    '.your-selector {\n' +
-
-    propsArray.map(thisProp => {
-      return '  ' + thisProp.prop + ' '.repeat(maxLength - thisProp.prop.length) + thisProp.comment;
-    }).join('\n') +
-
-    '\n};\n'+
-    '```';
-
-
-  fs.writeFileSync( target_file, start_text + '\n\n' + template + '\n\n' + end_text );
-
-  if(show_props_list) {
-    console.log('\n' +styleText(['yellow'],  descriptionsKeys) + '\n'); // lista chiavi
-  }
-
-  console.log( '\n' + styleText(['bgGreen'], ' Done ' ) + '\n' );
-
-} catch(e) {
-  let message = styleText('bgRed', ` ${e} `);
-  console.error( '\n' + message + '\n');
-}

package/src/web-components/TODO json-table/docs-builder/src/custom-props-end.md

@@ -1,6 +0,0 @@
-
-> NB: mobile and desktop breakpoints are defined in `src/css/custom-media.css`.
-> If you want to change them, you'll have to rebuild **jsonTable** and you'll need [postcss-custom-media](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-custom-media).
-
-
-> NB all `--jt-search-input-*` values are ignored if the `searchInputAltClassName` property is set. 

package/src/web-components/TODO json-table/docs-builder/src/custom-props-start.md

@@ -1,29 +0,0 @@
-# CSS Custom Properties List
-
-List of all CSS custom properties used in css files.
-
-If you don't want to use a new CSS, you can use the default one, just by customizing the values ​​of the custom properties.
-
-You can set the custom values ​​in the `:root` element, or directly in the json-table wrapper by assigning it a specific class:
-
-In the json-table config:
-
-```javascript
-new jsonTable({
-  container: '...',
-  mainWrapperExtraClassName: 'my-custom-classname',
-  
-  /* other config parameters */
-});
-```
-
-In your css:
-
-```css
-.my-custom-classname {
-  --jt-search-input-bg-color: #efefef;
-  --jt-search-input-border-color: #666;
-
-  /* other custom properties */
-}
-```

package/src/web-components/TODO json-table/src/TODO.md

@@ -1 +0,0 @@
-check tutte le occorrenze di this.params.ajax

package/src/web-components/TODO json-table/src/__json-table-react/build-page-array.js

@@ -1,73 +0,0 @@
-export function calcTotPages(records, pageRows) {
-  return  Math.ceil(records / pageRows);
-}
-
-export default function (currentPage, pageRows, records, showed_pages = 11) {
-
-
-  const pages = calcTotPages(records, pageRows);
-
-  let pages_array = [];
-
-  if (pages <= showed_pages) {
-    pages_array = [...Array(pages).fill().map((_, idx) => idx + 1)];
-
-  } else {
-
-
-    let side_pages = 2, // pagine a dx/sx della pagina corrente
-
-      step_min = Math.max(1, currentPage - side_pages),
-      step_max = Math.min(pages, currentPage + side_pages),
-
-      // spazi aggiuntibi a dx/sx da lasciare liberi per '1', '...', <pages>
-      slots_left = step_min > 2? 2 : step_min - 1,
-      slots_right = step_max < pages - 1? 2 : pages - step_max;
-
-    // console.log(step_min, step_max, slots_left, slots_right);
-    // console.log(step_max - step_min + 1 + slots_left + slots_right);
-
-    // fix per avere sempre il numero prefissato di pagine
-    while (step_max - step_min + 1 + slots_left + slots_right < showed_pages) {
-      step_min = Math.max(1, step_min - 1);
-      step_max = Math.min(pages, step_max + 1);
-
-    }
-
-    // console.log(step_max - step_min + 1 + slots_left + slots_right);
-
-    // if(step_max - step_min + 1 + slots_left + slots_right > showed_pages) {
-    //   step_min++;
-    // }
-
-    pages_array = [
-      ...Array(step_max - step_min + 1)
-        .fill()
-        .map((_, idx) => step_min + idx)
-    ];
-
-    // console.log(pages_array.slice(0));
-
-    if(pages_array[0] === 2) {
-      pages_array.unshift(1);
-
-    } else if (pages_array[0] === 3) {
-      pages_array.unshift(1, 2);
-
-    } else if (pages_array[0] > 3) {
-      pages_array.unshift(1, null);
-    }
-
-    if(pages_array.at(-1) === pages - 1) {
-      pages_array.push(pages);
-
-    } else if(pages_array.at(-1) === pages - 2) {
-      pages_array.push(pages -1, pages);
-
-    } else if(pages_array.at(-1) < pages - 2) {
-      pages_array.push(null, pages);
-    }
-  }
-
-  return pages_array;
-}