memorio 0.2.19 → 1.0.0

package/dist/types/store.d.ts

@@ -0,0 +1,91 @@
+/*!
+  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

@@ -0,0 +1,54 @@
+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

@@ -0,0 +1,174 @@
+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

@@ -0,0 +1,92 @@
+// 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

@@ -0,0 +1,65 @@
+<!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

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

package/examples/responsive.less

@@ -0,0 +1,47 @@
+@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

@@ -0,0 +1,169 @@
+@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;
+  }
+
+}