memorio 1.0.0 → 1.0.2

package/dist/types/store.d.ts

@@ -1,91 +0,0 @@
-/*!
-  memorio
-  Copyright (c) 2025 Dario Passariello <dariopassariello@gmail.com>
-  Licensed under MIT License, see
-  https://dario.passariello.ca
-*/
-
-/**
- * Create states using: store.set("example",{test:"test"})
-*/
-interface _store {
-
-  /**
-    * Create a new store
-    *
-    * @example
-    * store.set("test","example") // or Array, Object, Number, Functions...
-    *
-    * @since memorio 0.0.1
-    * @param name The String as name to define the store.
-    * @param param The information taht you want to store (Any).
-    * @return boolean
-  */
-  set: (name: string, value: any) => void
-
-  /**
-    * Have back the data from a store.
-    *
-    * @example
-    * store.get("test")
-    *
-    * @since memorio 0.0.1
-    * @param name The String as name to define the store.
-  */
-  get: (name: string) => any
-
-  /**
-    * Delete an existing store:
-    *
-    * @example
-    * store.delete("test")
-    * store.remove("test")
-    *
-    * @since memorio 0.0.1
-    * @param name The String as name to define the store.
-    * @return boolean
-  */
-  delete: (name: string) => boolean | undefined
-  remove: (name: string) => boolean | undefined
-
-  /**
-    * Delete all storages
-    *
-    * @example
-    * store.clearAll()
-    * store.removeAll()
-    *
-    * @since memorio 0.0.1
-    * @return boolean
-  */
-  clearAll: () => boolean
-  removeAll: () => boolean
-
-  /**
-    * Know how much space you have for total storages
-    *
-    * @example
-    * store.quota()
-    *
-    * @since memorio 0.0.1
-    * @return values
-  */
-  quota: () => void
-
-  /**
-    * Get the size of stores an the total
-    *
-    * @example
-    * store.size()
-    *
-    * @since memorio 0.0.1
-    * @return dimension in kb
-  */
-  size: () => number
-
-  // TODO
-  // readonly increaseQuota: (value: number) => void
-}
-
-declare var store: _store
-type store = _store

package/esbuild.config.mjs

@@ -1,54 +0,0 @@
-import esbuild from 'esbuild'
-import { copy } from 'esbuild-plugin-copy'
-import { clean } from 'esbuild-plugin-clean'
-
-esbuild.build(
-  {
-    entryPoints: ['init.ts'],
-    outfile: 'dist/index.js',
-    legalComments: 'none',
-    color: true,
-    bundle: true,
-    minify: true,
-    sourcemap: false,
-    allowOverwrite: true,
-    plugins: [
-      clean(
-        {
-          patterns: [
-            './dist/*'
-          ]
-        }
-      ),
-      copy(
-        {
-          assets: [
-            {
-              from: 'types/**/*',
-              to: './types'
-            },
-            // {
-            //   from: '.github/**/*',
-            //   to: './'
-            // },
-            {
-              from: '.github/README.md',
-              to: './README.md'
-            },
-            {
-              from: './package.json',
-              to: './package.json'
-            },
-            {
-              from: './index.d.ts',
-              to: './index.d.ts'
-            }
-          ]
-        }
-      )
-    ]
-  }
-)
-  .catch(
-    () => process.exit(1)
-  )

package/eslint.config.mjs

@@ -1,174 +0,0 @@
-import tseslint from '@typescript-eslint/eslint-plugin'
-import tsparser from '@typescript-eslint/parser'
-import { defineConfig } from "eslint/config"
-
-export default defineConfig([
-  {
-    ignores: [
-      '**/node_modules/**',
-      '**/dist/**',
-      '**/build/**',
-      '**/coverage/**',
-      '**/assets/**',
-      '**/types/*.d.ts',
-      '**/*.min.js',
-      '**/documents/**'
-    ]
-  },
-  // Base configuration for all files
-  {
-    languageOptions: {
-      ecmaVersion: 'latest',
-      sourceType: 'module',
-      globals: {
-        a51dev: 'writable',
-        process: 'readonly',
-        global: 'writable',
-        module: 'writable',
-        require: 'readonly',
-        console: 'readonly',
-        __dirname: 'readonly',
-        __filename: 'readonly'
-      }
-    },
-    linterOptions: {
-      reportUnusedDisableDirectives: true
-    }
-  },
-  // JavaScript files configuration
-  {
-    files: ['**/*.js', '**/*.mjs', '**/*.cjs'],
-    languageOptions: {
-      ecmaVersion: 'latest',
-      sourceType: 'module'
-    },
-    rules: {
-      'no-var': 'off',
-      'no-console': 'off',
-      'no-undef': 'off',  // Disable undefined variable checking for JS files
-      'no-unused-vars': 'warn',  // Make unused vars warnings instead of errors
-      'semi': ['warn', 'never']
-    }
-  },
-  // TypeScript files configuration
-  {
-    files: ['**/*.ts', '**/*.tsx'],
-    plugins: {
-      '@typescript-eslint': tseslint
-    },
-    languageOptions: {
-      parser: tsparser,
-      parserOptions: {
-        ecmaVersion: 'latest',
-        sourceType: 'module'
-      }
-    },
-    rules: {
-      'no-var': 'off',
-      'no-console': 'off',
-      'no-undef': 'off',  // TypeScript handles this better
-      'no-unused-vars': 'off',  // Use the TypeScript specific version instead
-      'semi': ['warn', 'never'],
-      '@typescript-eslint/no-unused-vars': 'warn',
-      '@typescript-eslint/no-explicit-any': 'off',
-      '@typescript-eslint/no-var-requires': 'off'
-    }
-  },
-  // Jest test files
-  {
-    files: ['**/*.test.js', '**/*.test.ts', '**/*.spec.js', '**/*.spec.ts'],
-    languageOptions: {
-      globals: {
-        jest: 'readonly',
-        describe: 'readonly',
-        it: 'readonly',
-        expect: 'readonly',
-        beforeEach: 'readonly',
-        beforeAll: 'readonly',
-        afterEach: 'readonly',
-        afterAll: 'readonly',
-        test: 'readonly',
-        spyOn: 'readonly'
-      }
-    },
-    rules: {
-      'no-undef': 'off'  // Jest globals are defined above
-    }
-  },
-  {
-    rules: {
-      "no-var": 0,
-      "no-empty": 0,
-      "no-console": 0,
-      "no-process-exit": 0,
-      "no-underscore-dangle": 0,
-      "no-param-reassign": 0,
-      "no-prototype-builtins": 0,
-      "no-unused-vars": 0,
-      "no-undef": 0,
-      "no-debugger": 0,
-      "no-dupe-else-if": 0,
-      "no-useless-escape": 0,
-      "node/no-extraneous-require": 0,
-      "node/no-unpublished-require": 0,
-      "node/no-unsupported-features/es-syntax": 0,
-      "node/no-missing-import": 0,
-      "node/no-unpublished-import": 0,
-      "node/no-unsupported-features/node-builtins": 0,
-      "node/no-missing-require": 0,
-      "react/prop-types": 0,
-      "react/no-string-refs": 0,
-      "react/no-find-dom-node": 0,
-      "react/display-name": 0,
-      "react/jsx-no-undef": 0,
-      "promise/no-nesting": 0,
-      "promise/no-callback-in-promise": 0,
-      "promise/always-return": 0,
-      "promise/catch-or-return": 0,
-      "promise/no-return-wrap": 0,
-      "promise/valid-params": 0,
-      "import/export": 0,
-      "import/namespace": 0,
-      "import/default": 0,
-      "import/no-named-as-default": 0,
-      "import/no-named-as-default-member": 0,
-      "import/no-mutable-exports": 0,
-      "import/no-extraneous-dependencies": 0,
-      "import/no-unresolved": 0,
-      "import/no-duplicates": 0,
-      "import/named": 0,
-      "@typescript-eslint/no-var-requires": 0,
-      "@typescript-eslint/no-unused-vars": 0,
-      "@typescript-eslint/no-empty-function": 0,
-      "@typescript-eslint/no-explicit-any": 0,
-      "consistent-return": 0,
-      "unicorn/no-process-exit": 0,
-      "comma-dangle": [
-        "error",
-        "never"
-      ],
-      "prefer-const": [
-        "warn"
-      ],
-      "semi": [
-        "warn",
-        "never"
-      ],
-      "max-nested-callbacks": [
-        "warn",
-        4
-      ],
-      "no-plusplus": 0,
-      "operator-linebreak": [
-        "error",
-        "after",
-        {
-          "overrides": {
-            "?": "ignore",
-            ":": "ignore"
-          }
-        }
-      ]
-    }
-  }
-])

package/examples/bootstrap.less

@@ -1,92 +0,0 @@
-// Copyright (c) 2024 Dario Passariello
-
-* {
-  box-sizing: border-box;
-}
-
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-nav,
-section {
-  display: block;
-}
-
-audio,
-canvas,
-video {
-  display: inline-block;
-}
-
-audio:not([controls]) {
-  display: none;
-}
-
-sub,
-sup {
-  position: relative;
-  font-size: 75%;
-  line-height: 0;
-  vertical-align: baseline;
-}
-
-sup {
-  top: -0.1em;
-}
-
-sub {
-  bottom: -0.1em;
-}
-
-img {
-  border: 0;
-}
-
-ol,
-ul {
-  list-style: square;
-}
-
-blockquote,
-q,
-blockquote:before,
-blockquote:after,
-q:before,
-q:after {
-  quotes: none;
-  content: '';
-  content: none;
-}
-
-b,
-strong {
-  font-weight: 600;
-}
-
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-}
-
-input::-moz-focus-inner {
-  border: 0;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  margin: 0;
-  padding: 0;
-  font-size: 1.5em;
-  letter-spacing: -.05em;
-  color: #666;
-  line-height: 1em;
-}

package/examples/index.htm

@@ -1,65 +0,0 @@
-<!DOCTYPE html>
-
-<html lang="en" dir="ltr" prefix="og: http://ogp.me/ns#" itemscope itemtype="http://schema.org/WebPage">
-
-<head>
-  <meta charset="UTF-8" />
-
-  <meta name="description" content="Example by Dario Passariello, Copyright (c) 2024" />
-  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
-  <meta name="mobile-web-app-capable" content="yes" />
-  <meta name="apple-mobile-web-app-capable" content="yes" />
-  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
-  <meta name="msapplication-starturl" content="index.html" />
-  <meta name="msapplication-TileColor" content="#ffffff" />
-  <meta name="theme-color" content="#ffffff" />
-  <meta name="google" content="nopagereadaloud" />
-  <meta name="referrer" content="no-referrer" />
-
-  <link rel="preconnect" href="https://cdn.jsdelivr.net">
-  <link rel="dns-prefetch" href="https://cdn.jsdelivr.net" nonce />
-
-  <link rel="stylesheet/less" type="text/css" href="bootstrap.less" />
-  <link rel="stylesheet/less" type="text/css" href="styles.less" />
-  <link rel="stylesheet/less" type="text/css" href="responsive.less" />
-
-  <link rel="preload stylesheet preconnect"
-    href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" as="style"
-    onload="this.onload=null;this.rel='stylesheet'" nonce>
-
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
-
-  <title>Example Memorio by Dario Passariello</title>
-
-</head>
-
-<body>
-
-  <header>
-    <nav> </nav>
-  </header>
-
-  <aside>
-    <section>
-    </section>
-  </aside>
-
-  <main>
-
-    <br />
-    <h1><i class="fa-solid fa-person-through-window"></i> Memorio Example </h1>
-
-    <hr />
-
-  </main>
-
-  <footer>Copyright &copy; <span class="year">2025</span> - Dario Passariello</footer>
-
-  <!-- Custom NPM -->
-  <script src="https://cdn.jsdelivr.net/npm/memorio"></script>
-  <script src="https://cdn.jsdelivr.net/npm/less"></script>
-  <script src="javascript.js"></script>
-
-</body>
-
-</html>

package/examples/javascript.js

@@ -1,2 +0,0 @@
-// DEFINE THE STATE CONTAINER
-state.custom = {}

package/examples/responsive.less

@@ -1,47 +0,0 @@
-@media screen and (max-width: 699px) {
-
-  :root {
-    --w2: 60px !important;
-  }
-
-  html {
-    overflow: auto !important;
-  }
-
-  body {
-    display: flex !important;
-    position: relative !important;
-    flex-direction: column-reverse;
-    align-items: center;
-    overflow: auto !important;
-    padding: 20px 10px !important;
-
-    &:before {
-      all: unset !important;
-    }
-
-    #fs {
-      display: none;
-    }
-
-    main,
-    aside,
-    section,
-    footer {
-      all: unset !important;
-      width: 100%;
-    }
-
-    main {
-      display: flex !important;
-      flex-direction: column !important;
-
-      input {
-        width: 80% !important;
-      }
-    }
-
-  }
-
-
-}

package/examples/styles.less

@@ -1,169 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Lato');
-
-// Copyright (c) 2024 Dario Passariello
-
-:root {
-  --header-height: 30px;
-  --aside: 300px;
-  --w1: 15px;
-  --w2: 35px;
-  --h1: 20px;
-}
-
-// html{
-// 	display: none;
-// }
-
-* {
-  font-family: 'Lato', sans-serif;
-
-  &::backdrop {
-    background-color: rgba(255, 255, 255, 0);
-  }
-}
-
-html,
-body {
-  cursor: default;
-  margin: 0;
-  padding: 0;
-  font-size: 1em;
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  overflow: hidden;
-
-  &:before {
-    content: '';
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background-image: url('bg.jpg');
-    background-size: cover;
-    filter: blur(4px);
-    z-index: 0
-  }
-
-  header {
-    position: absolute;
-    top: 0;
-    height: var(--header-height);
-    left: 0;
-    right: 0;
-    background: black;
-    color: white;
-  }
-
-  aside {
-    padding: 15px 0;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    position: absolute;
-    top: var(--header-height);
-    left: 0;
-    bottom: 0;
-    width: var(--aside);
-    border-right: 1px solid #bbb;
-    overflow: auto;
-    background: #eee;
-
-    section {
-      display: flex
-    }
-
-    hr {
-      width: 150px;
-    }
-
-    .table {
-      .title {
-        display: flex;
-        padding-left: var(--w1);
-        display: flex;
-
-        span {
-          color: cornflowerblue;
-          text-align: center;
-          font-size: .65em;
-          width: var(--w2);
-        }
-      }
-
-      .row {
-        display: flex;
-
-        >span {
-          color: cornflowerblue;
-          font-size: .65em;
-          width: var(--w1);
-          text-align: right;
-          padding-right: 3px;
-        }
-
-        input {
-          width: var(--w2);
-          height: var(--h1);
-          padding: 1px;
-          text-align: center;
-          font-size: .65em;
-          border: 1px solid #ddd;
-        }
-      }
-    }
-  }
-
-  main {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    position: absolute;
-    top: var(--header-height);
-    left: var(--aside);
-    right: 0;
-    bottom: 0;
-    overflow: auto;
-
-    >span {
-      position: absolute;
-      top: 10px;
-      right: 10px;
-      width: unset
-    }
-
-    button {
-      font-size: 1em;
-      margin: 3px;
-      padding: 8px;
-      width: 390px;
-      border-radius: 10px;
-      border: 1px solid #AAA;
-      color: #AAA;
-      text-shadow: black 0 -1px, white 0 1px;
-
-      &:hover {
-        background: #CCC;
-        cursor: pointer;
-      }
-    }
-
-    hr {
-      background: gray;
-      height: 1px;
-      width: 350px;
-      margin: 10px;
-    }
-  }
-
-  footer {
-    position: absolute;
-    bottom: 10px;
-    right: 20px;
-    font-size: .8em;
-  }
-
-}