renusify 3.0.1 → 3.1.0

package/components/avatar/index.vue

@@ -180,7 +180,7 @@ const saveImage = () => {
     overflow: hidden;
     background-color: var(--color-sheet);
 
-    img, svg{
+    img, svg {
       width: 100%;
       height: 100%;
       object-fit: cover;

package/components/confirm/index.vue

@@ -20,12 +20,12 @@
         </r-col>
       </r-row>
       <r-row class="h-end no-gutters">
-        <r-btn :loading="loading"
+        <r-btn v-if="!loading"
                @click.stop="cancel"
                class="color-error-text mx-1"
                outlined
                rounded
-               v-if="!loading">
+               :loading="loading">
           {{ cancelText || $t('cancel', 'renusify') }}
         </r-btn>
         <r-btn :disabled="hard&&!valid"

package/components/form/checkboxInput/index.vue

@@ -102,7 +102,7 @@ const toggle = () => {
   width: 100%;
   cursor: pointer;
 
-  .checkbox-holder{
+  .checkbox-holder {
     display: flex;
     align-items: center;
   }

package/components/form/dateInput/index.vue

@@ -54,7 +54,7 @@
                  :month="currentPeriod.month"
                  :year="currentPeriod.year"></month>
 
-          <div v-if="isRangeMode && rangeSelection.startDate && rangeSelection.endDate" class="range-info">
+          <div v-if="rangeMode && rangeSelection.startDate && rangeSelection.endDate" class="range-info">
             <div class="title-3">
               {{ $d(rangeSelection.startDate, withTime ? 'long' : 'medium', locale) }} -
               {{ $d(rangeSelection.endDate, withTime ? 'long' : 'medium', locale) }}
@@ -115,7 +115,7 @@
         </div>
       </div>
 
-      <div v-if="isRangeMode&&!showTime" class="date-picker-actions mb-3">
+      <div v-if="rangeMode&&!showTime" class="date-picker-actions mb-3">
         <r-btn class="color-one mx-5" @click.prevent="confirmRange">{{ $t('confirm', 'renusify') }}</r-btn>
         <r-btn class="mx-5" text @click.prevent="resetRange">{{ $t('reset', 'renusify') }}</r-btn>
       </div>
@@ -212,7 +212,7 @@ const firstDayOfWeek = computed(() =>
 )
 
 const modelValueDate = computed(() => {
-  if (props.isRangeMode && rangeSelection.value.startDate) {
+  if (props.rangeMode && rangeSelection.value.startDate) {
     return rangeSelection.value.startDate
   }
   if (!props.modelValue || !new Date(props.modelValue)) {
@@ -230,7 +230,7 @@ const lang_zone_offset = computed(() =>
 )
 
 const displayValue = computed(() => {
-  if (props.isRangeMode) {
+  if (props.rangeMode) {
     const {startDate, endDate} = rangeSelection.value
     if (startDate && endDate) {
       const format = props.withTime ? 'long' : 'medium'
@@ -326,7 +326,7 @@ const createDateCell = (date) => {
     inRange: false
   }
 
-  if (props.isRangeMode) {
+  if (props.rangeMode) {
     cell.isRangeStart = rangeSelection.value.startDate ? areSameDates(date, rangeSelection.value.startDate) : false
     cell.isRangeEnd = rangeSelection.value.endDate ? areSameDates(date, rangeSelection.value.endDate) : false
     cell.inRange = isDateInRange(date)
@@ -402,7 +402,7 @@ const setMonth = (monthIndex) => {
  * @param {Boolean} force - Force close even in range mode
  */
 const close = (force = false) => {
-  if (force || !props.isRangeMode) {
+  if (force || !props.rangeMode) {
     show.value = false
   }
   showTime.value = false
@@ -415,7 +415,7 @@ const selectTime = () => {
   const times = (time.value ? time.value : '00:00:00').split(':')
   const [hours, minutes, seconds] = times.map(t => parseInt(t))
 
-  if (props.isRangeMode) {
+  if (props.rangeMode) {
     handleRangeTimeSelection(hours, minutes, seconds)
   } else {
     handleSingleTimeSelection(hours, minutes, seconds)
@@ -478,7 +478,7 @@ const formatTime = (hours, minutes, seconds) => {
  */
 const selectDateItem = (item) => {
   if (!item.disabled) {
-    if (props.isRangeMode) {
+    if (props.rangeMode) {
       handleRangeSelection(item.date)
     } else {
       if (props.withTime) {
@@ -581,7 +581,7 @@ $dateTime.set_format({
   'ye': {year: 'numeric', numberingSystem: 'latn'}
 })
 
-if (props.isRangeMode && Array.isArray(props.modelValue) && props.modelValue.length === 2) {
+if (props.rangeMode && Array.isArray(props.modelValue) && props.modelValue.length === 2) {
   rangeSelection.value = {
     startDate: new Date(props.modelValue[0]),
     endDate: new Date(props.modelValue[1]),

package/components/form/fileInput/single.vue

@@ -3,15 +3,15 @@
     <div class="file-holder text-center">
       <div v-if="file || modelValue" class="image-canvas">
         <r-btn class="image-close color-white" icon size="xs">
-          <r-icon @click.prevent="fileDelete()" class="color-error-text"
-                  v-html="$r.icons.delete"></r-icon>
+          <r-icon class="color-error-text" v-html="$r.icons.delete"
+                  @click.prevent="fileDelete()"></r-icon>
         </r-btn>
         <r-progress-circle
-          :indeterminate="false"
-          :model-value="uploadPercentage"
-          :width="2"
-          class="image-progress"
-          size="50"
+            :indeterminate="false"
+            :model-value="uploadPercentage"
+            :width="2"
+            class="image-progress"
+            size="50"
         >
           {{ `% ${uploadPercentage}` }}
         </r-progress-circle>
@@ -26,48 +26,48 @@
       </div>
       <div class="file-meta pa-1" v-if="meta && uploadPercentage===100">
         <r-text-input
-          v-for="(m,k) in meta"
-          :key="k"
-          v-model="metaList[m]"
-          :label="$t(m,'renusify')"
-          :rules="metaRequired?['required']:[]"
-          @update:model-value="emitFileLink"
+            v-for="(m,k) in meta"
+            :key="k"
+            v-model="metaList[m]"
+            :label="$t(m,'renusify')"
+            :rules="metaRequired?['required']:[]"
+            @update:model-value="emitFileLink"
         ></r-text-input>
       </div>
     </div>
 
     <r-icon
-      v-if="showAdd"
-      class="pick-icon cursor-pointer d-flex h-center v-center color-one-text"
-      height="100"
-      width="100"
-      v-html="$r.icons.plus"
-      @click.prevent.stop="pickFile"
+        v-if="showAdd"
+        class="pick-icon cursor-pointer d-flex h-center v-center color-one-text"
+        height="100"
+        width="100"
+        v-html="$r.icons.plus"
+        @click.prevent.stop="pickFile"
     ></r-icon>
     <input
-      v-if="showFile"
-      ref="fileInput"
-      :accept="accept"
-      style="display: none"
-      type="file"
-      @change="addFile"
+        v-if="showFile"
+        ref="fileInput"
+        :accept="accept"
+        style="display: none"
+        type="file"
+        @change="addFile"
     >
     <r-modal v-model="showCrop" max-width="300px" no-close-btn>
       <r-cropper
-        v-if="wPH && file"
-        :img-src="file"
-        :select-img="false"
-        :w-p-h="wPH || 1"
-        get-blob
-        show-cropped
-        @cropped="handleCropped"
+          v-if="wPH && file"
+          :img-src="file"
+          :select-img="false"
+          :w-p-h="wPH || 1"
+          get-blob
+          show-cropped
+          @cropped="handleCropped"
       ></r-cropper>
     </r-modal>
   </div>
 </template>
 
 <script setup>
-import { ref, computed, watch, onMounted, nextTick, inject } from 'vue'
+import {ref, computed, watch, onMounted, nextTick, inject} from 'vue'
 
 const props = defineProps({
   accept: {
@@ -202,7 +202,7 @@ const checkSave = () => {
     // Calculate allowed aspect ratios
     const allowedWPH = calculateAllowedWPH(props.wPH)
 
-    img.onload = function() {
+    img.onload = function () {
       const currentWPH = parseFloat((this.width / this.height).toFixed(4))
 
       if (!allowedWPH.includes(currentWPH)) {
@@ -289,8 +289,8 @@ const saveImage = async () => {
       onUploadProgress: (progressEvent) => {
         if (progressEvent.total) {
           uploadPercentage.value = Math.min(
-            parseInt(Math.floor((progressEvent.loaded * 100) / progressEvent.total)),
-            98
+              parseInt(Math.floor((progressEvent.loaded * 100) / progressEvent.total)),
+              98
           )
         }
       },
@@ -313,7 +313,7 @@ const deleteImage = async () => {
 
   try {
     const response = await $axios.delete(props.uploadLink, {
-      data: { link: fileLink.value },
+      data: {link: fileLink.value},
       headers: props.headers
     })
     return response
@@ -352,7 +352,7 @@ const getUrl = (value) => {
 
 const emitFileLink = () => {
   if (props.meta) {
-    emit('file-link', { 'url': fileLink.value, 'meta': metaList.value })
+    emit('file-link', {'url': fileLink.value, 'meta': metaList.value})
   } else {
     emit('file-link', fileLink.value)
   }
@@ -365,7 +365,7 @@ watch(() => props.modelValue, (newVal, oldVal) => {
   if (JSON.stringify(newVal) !== JSON.stringify(oldVal)) {
     setValue(newVal)
   }
-}, { immediate: true })
+}, {immediate: true})
 
 // Initialize
 onMounted(() => {

package/components/form/numberInput/index.vue

@@ -44,10 +44,10 @@ const autofocus = attr.autofocus
 
 const props = defineProps({
   /**
-   * The input's model value (number or string)
-   * @type {Number|String}
+   * The input's model value
+   * @type {String}
    */
-  modelValue: [Number, String],
+  modelValue: String,
   /**
    * Step value for increment/decrement buttons
    * @type {Number}
@@ -78,7 +78,12 @@ const props = defineProps({
    * Maximum allowed value
    * @type {Number}
    */
-  max: Number
+  max: Number,
+  /**
+   * allowe float number
+   * @type {Number}
+   */
+  isFloat: Boolean
 })
 
 const emit = defineEmits([
@@ -91,6 +96,9 @@ const emit = defineEmits([
 
 // Reactive data
 const number = ref(props.modelValue)
+if (!props.isFloat && number.value !== undefined && number.value !== null && number.value !== "") {
+  number.value = parseInt(number.value).toString()
+}
 const active = ref(false)
 
 // Methods
@@ -111,14 +119,16 @@ const emitValue = (e = false) => {
 
   let value = number.value
 
-  if (props.max !== undefined && value > props.max) {
+  if (props.max !== undefined && parseFloat(value) > props.max) {
     value = props.max
   }
-  if (props.min !== undefined && value < props.min) {
+  if (props.min !== undefined && parseFloat(value) < props.min) {
     emit('update:modelValue', undefined)
     return;
   }
-
+  if (!props.isFloat) {
+    value = parseInt(value).toString()
+  }
   number.value = value
   emit('update:modelValue', number.value)
 }
@@ -128,7 +138,7 @@ const emitValue = (e = false) => {
  */
 const plus = () => {
   const currentValue = parseFloat(props.modelValue || props.min || 0)
-  number.value = currentValue + props.step
+  number.value = (currentValue + props.step).toString()
   emitValue()
 }
 
@@ -137,7 +147,7 @@ const plus = () => {
  */
 const minus = () => {
   const currentValue = parseFloat(props.modelValue || 0)
-  number.value = currentValue - props.step
+  number.value = (currentValue - props.step).toString()
   emitValue()
 }
 

package/components/form/selectInput/index.vue

@@ -13,7 +13,7 @@
             v-for="(item,key) in chips"
             :key="key"
             :class="{'px-0':!multiple,'chip body-3':multiple}"
-            class=" ms-0 d-flex v-center">
+            class="select-text ms-0 d-flex v-center">
           {{ item ? item[text] : '' }}
           <r-icon v-if="multiple" class="chip-icon cursor-pointer ms-1" height="16" width="16"
                   @click="handleChip(false,key)"
@@ -21,7 +21,7 @@
 
         </span>
         <span>
-        <input v-if="!disableSearch"
+        <input v-if="!disableSearch&&showMode!=='modal'"
                ref="inputRef"
                :autofocus="autofocus"
                :placeholder="modelValue?'':placeholder"

package/components/formCreator/index.vue

@@ -18,7 +18,7 @@
         </r-row>
         <template v-for="(item,i) in errors"
                   :key="i">
-          <div class="mb-2 br-md color-error d-flex">
+          <div class="mb-2 br-md color-error d-flex pa-3">
             <span>{{ $t(i) }}:</span>
             <span class="flex-grow-1">
             <div v-for="(er,k) in item" :key="k+'-'+i">

package/components/img/index.vue

@@ -256,8 +256,8 @@ const getSize = () => {
   return false
 }
 
-const activate = (n=0) => {
-  if (n>10)return;
+const activate = (n = 0) => {
+  if (n > 10) return;
   getSize()
   if (size.value.width !== 0 || size.value.height) {
     load.value = true

package/components/infinite/index.vue

@@ -3,36 +3,30 @@
     <div ref="chat"
          v-scroll="{handler:onScroll,target:target}"
          :style="{'max-height': height,'height': height}"
-         class="infinite-page-container" :class="{'overflow-div':height}">
-      <transition-group :class="{'flex-column-reverse':isChat}"
+         :class="{'overflow-div':height}" class="infinite-page-container">
+      <transition-group v-if="!noItem" :class="{'flex-column-reverse':isChat}"
                         :name="isChat?'slide-up':'slide-down'"
                         class="row"
                         tag="div">
         <!-- Default slot for contents. Provide items, total props -->
         <slot :items="datacollection" :total="total">{{ datacollection }}</slot>
-        <r-col class="col-12" key="loading">
-          <r-progress-line color="color-two"
-                           v-show="loading"></r-progress-line>
+        <r-col key="loading" class="col-12">
+          <r-progress-line v-show="loading"
+                           color="color-two"></r-progress-line>
         </r-col>
       </transition-group>
     </div>
-    <div v-if="noItem"
-         class="text-center title-2"
-    >{{ noItemMsg }}
-    </div>
+    <!-- noItem slot for empty contents. Provide noItem, noItemMsg props -->
+    <slot :noItem="noItem" :noItemMsg="noItemMsg" name="noItem">
+      <div v-if="noItem"
+           class="text-center title-2"
+      >{{ noItemMsg }}
+      </div>
+    </slot>
   </r-container>
 </template>
 <script setup>
-import {
-  ref,
-  computed,
-  onMounted,
-  onUnmounted,
-  onActivated,
-  onDeactivated,
-  watch,
-  inject,nextTick
-} from 'vue'
+import {computed, inject, nextTick, onActivated, onDeactivated, onMounted, onUnmounted, ref, watch} from 'vue'
 
 const props = defineProps({
   /**

package/components/menu/index.vue

@@ -2,14 +2,14 @@
   <div ref="menuRef" v-click-outside="close" :class="$r.prefix+'menu'">
     <div class="d-flex h-start flex-row v-center">
       <slot name="label">
-        <span class="menu-label" v-if="label" @click.prevent="open">{{ label }}</span>
+        <span v-if="label" class="menu-label" @click.prevent="open">{{ label }}</span>
       </slot>
       <transition name="fade" mode="out-in">
         <!-- Header Navigation Menu Icons -->
-        <r-btn icon text v-if="show" key="on" size="sm" @click.prevent="close">
+        <r-btn v-if="show" key="on" icon size="sm" text @click.prevent="close">
           <r-icon v-html="$r.icons.chevron_up"></r-icon>
         </r-btn>
-        <r-btn icon text v-else key="off" size="sm" @click.prevent="open">
+        <r-btn v-else key="off" icon size="sm" text @click.prevent="open">
           <r-icon v-html="icon||$r.icons.chevron_down"></r-icon>
         </r-btn>
 

package/components/slider/index.vue

@@ -48,7 +48,7 @@
 </template>
 
 <script setup>
-import {ref, computed, onMounted, onUnmounted,watch} from 'vue'
+import {ref, computed, onMounted, onUnmounted, watch} from 'vue'
 
 /**
  * @example // Slider usage
@@ -338,7 +338,9 @@ const goToSlide = (i) => {
   emit('index', currentIndex.value)
 }
 
-watch(()=>props.slides,()=>{init()})
+watch(() => props.slides, () => {
+  init()
+})
 onMounted(() => {
   init()
 })

package/components/swiper/index.vue

@@ -4,11 +4,11 @@
   >
     <!-- @slot Previous navigation slot
      @binding {Function} previous - Function to navigate previous -->
-    <slot name="previous" :previous="previous"></slot>
+    <slot :previous="previous" name="previous"></slot>
 
     <!-- @slot Next navigation slot
      @binding {Function} next - Function to navigate next -->
-    <slot name="next" :next="next"></slot>
+    <slot :next="next" name="next"></slot>
 
     <div class="swiper-container"
          ref="containerRef"
@@ -49,7 +49,7 @@
 </template>
 
 <script setup>
-import { ref, computed, onMounted, onUnmounted, inject, nextTick, watch } from 'vue'
+import {ref, computed, onMounted, onUnmounted, inject, nextTick, watch} from 'vue'
 
 /**
  * @example // Swiper usage
@@ -114,7 +114,7 @@ const props = defineProps({
   numShow: [Number, Object]
 })
 
-const { $r } = inject('renusify')
+const {$r} = inject('renusify')
 
 const timer = ref(null)
 const inMove = ref(false)
@@ -156,16 +156,16 @@ const goToSlide = (n) => {
  * Navigates to the next slide
  */
 const next = () => {
-  if(currentSlide.value+1>slides.value)return
-  goToSlide(currentSlide.value+1)
+  if (currentSlide.value + 1 > slides.value) return
+  goToSlide(currentSlide.value + 1)
 }
 
 /**
  * Navigates to the previous slide
  */
 const previous = () => {
-  if(currentSlide.value===1)return
-  goToSlide(currentSlide.value-1)
+  if (currentSlide.value === 1) return
+  goToSlide(currentSlide.value - 1)
 }
 
 /**
@@ -259,7 +259,7 @@ watch(() => props.items, () => {
   currentSlide.value = 1
 
   handleResize()
-}, { deep: true })
+}, {deep: true})
 
 defineExpose({
   /**

package/components/table/crud/index.vue

@@ -142,6 +142,7 @@
     </template>
     <r-table v-else :headers="headerTable" :items="table.data" :key-item="itemId"
              :responsive="responsive"
+             :editable="editable"
              transition="table-row">
       <template v-slot:header="{header}">
         <th v-for="(item,key) in header"
@@ -258,7 +259,7 @@
 </template>
 
 <script setup>
-import {ref, computed, watch, onMounted, inject} from 'vue'
+import {computed, inject, onMounted, ref, watch} from 'vue'
 import ManageFooter from "./footer.vue";
 import ManageHeader from "./header.vue";
 
@@ -310,6 +311,11 @@ const props = defineProps({
    * @type {Boolean}
    */
   responsive: Boolean,
+  /**
+   * Enables editable table behavior
+   * @type {Boolean}
+   */
+  editable: Boolean,
   /**
    * Displays data in cards view instead of table
    * @type {Boolean}
@@ -537,8 +543,6 @@ const sortSetup = (item) => {
 const ok = () => {
   table.value.startTime = false
   page.value = 1
-  sortBy.value = null
-  sortType.value = 0
   autoSend.value = false
   showForm.value = false
   refresh()

package/components/table/index.vue

@@ -33,7 +33,8 @@
                   class="text-start text-no-wrap"
                   @click.prevent="sorting(item.value)">
                 {{ translate ? $t(item.text, 'renusify') : item.text }}
-                <r-icon v-if="sortKey===item.value" :class="{'sort-desc':!sortAsc}" v-html="$r.icons.arrow_up"></r-icon>
+                <r-icon v-if="sortKey===item.value" :class="{'sort-desc':!sortAsc}"
+                        v-html="$r.icons.arrow_up"></r-icon>
               </th>
             </slot>
           </tr>
@@ -207,6 +208,11 @@ const props = defineProps({
    * @type {Boolean}
    */
   editable: Boolean,
+  /**
+   * Table key for configuration editing
+   * @type {String}
+   */
+  tableKey: String,
   /**
    * Applies stripped row styling
    * @type {Boolean}
@@ -293,11 +299,22 @@ const lists = computed(() => {
 
 const th = computed(() => {
   const res = []
-  const list = cols.value.length > 0 ? cols.value : th_all.value
+  const lng = cols.value.length
+  const list = lng > 0 ? cols.value : th_all.value
 
   list.forEach((item) => {
     if (item && !(item.value in hidden.value) && !(item.value in hidden_col.value)) {
-      res.push(item)
+      if (lng > 0) {
+        for (let i = 0; i < lng; i++) {
+          const t = th_all.value[i]
+          if (t.value === item.value) {
+            res.push(t)
+            break
+          }
+        }
+      } else {
+        res.push(item)
+      }
     }
   })
   return res
@@ -324,7 +341,10 @@ const th_all = computed(() => {
 })
 
 const hash_key = computed(() => {
-  let r = ''
+  let r = window.location
+  if (props.tableKey) {
+    r += props.tableKey
+  }
   th_all.value.forEach((item) => {
     if (item) {
       r += item.value

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "renusify",
-  "version": "3.0.1",
+  "version": "3.1.0",
   "description": "Vue3 Framework",
   "keywords": [
     "vuejs",

package/plugins/crypt/crypt.js

@@ -0,0 +1,281 @@
+import SimpleRng from "./random";
+
+export default class Cryptor {
+    constructor() {
+        this.matrix = 32;
+    }
+
+    packUint32BE(value) {
+        const bytes = new Uint8Array(4);
+        bytes[0] = (value >> 24) & 0xFF;
+        bytes[1] = (value >> 16) & 0xFF;
+        bytes[2] = (value >> 8) & 0xFF;
+        bytes[3] = value & 0xFF;
+        return bytes;
+    }
+
+    unpackUint32BE(bytes, offset = 0) {
+        return ((bytes[offset] << 24) |
+            (bytes[offset + 1] << 16) |
+            (bytes[offset + 2] << 8) |
+            bytes[offset + 3]) >>> 0;
+    }
+
+    encrypt(data, key) {
+        const matrixSize = this.matrix;
+        const pad = (matrixSize - ((10 + data.length) % matrixSize)) % matrixSize;
+        const keyBytes = this.generatePassword(matrixSize, this.stringToBytes(key));
+
+        const dataSize = this.packUint32BE(data.length);
+
+        const randomPrefix = this.getRandomBytes(6);
+        const seedRandom = randomPrefix.reduce((sum, b) => sum + b, 0);
+
+        const paddedText = new Uint8Array(10 + data.length + pad);
+        paddedText.set(dataSize, 0);
+        paddedText.set(randomPrefix, 4);
+        paddedText.set(data, 10);
+
+        if (pad > 0) {
+            paddedText.fill(1, 10 + data.length, 10 + data.length + pad);
+        }
+
+        const seedSum = keyBytes.reduce((sum, b) => sum + b, 0);
+        this.shuffle(paddedText, seedSum + seedRandom, 5);
+
+        for (let i = 0; i < paddedText.length; i += matrixSize) {
+            const end = Math.min(i + matrixSize, paddedText.length);
+            const seed = (i + matrixSize < paddedText.length) ? paddedText[i + matrixSize] : keyBytes[0];
+            const chunkCopy = new Uint8Array(paddedText.slice(i, end));
+            this.shuffle(chunkCopy, seed + seedRandom, 2);
+            paddedText.set(chunkCopy, i);
+        }
+
+        this.mix(matrixSize, paddedText, keyBytes);
+
+        const result = new Uint8Array(paddedText.length + 2);
+        result.set(paddedText, 0);
+        result[paddedText.length] = (seedRandom >> 8) & 0xFF;
+        result[paddedText.length + 1] = seedRandom & 0xFF;
+
+        return result;
+    }
+
+    encryptText(text, key) {
+        const data = this.stringToBytes(text);
+        const encrypted = this.encrypt(data, key);
+        return this.base64UrlEncode(encrypted);
+    }
+
+    decrypt(encoded, key) {
+        if (encoded.length < 8) {
+            throw new Error('Invalid Token Matrix Length.');
+        }
+
+        const seedRandom = (encoded[encoded.length - 2] << 8) | encoded[encoded.length - 1];
+        const decoded = new Uint8Array(encoded.slice(0, -2));
+        const matrixSize = this.matrix;
+
+        const keyBytes = this.generatePassword(matrixSize, this.stringToBytes(key));
+        this.unmix(matrixSize, decoded, keyBytes);
+
+        for (let i = Math.floor(decoded.length / matrixSize) * matrixSize; i >= 0; i -= matrixSize) {
+            const end = Math.min(i + matrixSize, decoded.length);
+            const seed = (i + matrixSize < decoded.length) ? decoded[i + matrixSize] : keyBytes[0];
+            const chunkCopy = new Uint8Array(decoded.slice(i, end));
+            this.unshuffle(chunkCopy, seed + seedRandom, 2);
+            decoded.set(chunkCopy, i);
+        }
+
+        const seedSum = keyBytes.reduce((sum, b) => sum + b, 0);
+        this.unshuffle(decoded, seedSum + seedRandom, 5);
+
+        const dataSize = this.unpackUint32BE(decoded, 0);
+
+        if (decoded.length < dataSize + 10) {
+            throw new Error('Invalid Token Matrix Length');
+        }
+
+        return decoded.slice(10, 10 + dataSize);
+    }
+
+    decryptText(encoded, key) {
+        const padding = encoded.length % 4;
+        const paddedInput = padding === 0 ? encoded : encoded + '='.repeat(4 - padding);
+
+        const data = this.base64UrlDecode(paddedInput);
+        const decrypted = this.decrypt(data, key);
+        return this.bytesToString(decrypted);
+    }
+
+    setMatrix(size) {
+        if (size > 0) {
+            this.matrix = size;
+        }
+    }
+
+    generatePassword(matrix, password) {
+        const result = new Uint8Array(matrix);
+        const passwordLen = password.length;
+
+        if (passwordLen === 0) {
+            return result;
+        }
+
+        const repeats = Math.floor(matrix / passwordLen);
+        const remainder = matrix % passwordLen;
+
+        for (let i = 0; i < repeats; i++) {
+            const start = i * passwordLen;
+            result.set(password, start);
+        }
+
+        if (remainder > 0) {
+            const start = repeats * passwordLen;
+            result.set(password.slice(0, remainder), start);
+        }
+
+        return result;
+    }
+
+    shuffle(data, seed, step) {
+        const rng = new SimpleRng(seed);
+        const length = data.length;
+
+        for (let i = length - 1; i > 0; i -= step) {
+            const j = Math.floor(rng.genRange(0, i));
+            [data[i], data[j]] = [data[j], data[i]];
+        }
+    }
+
+    unshuffle(data, seed, step) {
+        const rng = new SimpleRng(seed);
+        const length = data.length;
+        const swaps = [];
+
+        for (let i = length - 1; i > 0; i -= step) {
+            const j = Math.floor(rng.genRange(0, i));
+            swaps.push([i, j]);
+        }
+
+        for (let k = swaps.length - 1; k >= 0; k--) {
+            const [i, j] = swaps[k];
+            [data[i], data[j]] = [data[j], data[i]];
+        }
+    }
+
+    mix(blockSize, buf, key) {
+        let prevBlock = new Uint8Array(key);
+
+        for (let i = 0; i < buf.length; i += blockSize) {
+            const blockEnd = Math.min(i + blockSize, buf.length);
+            for (let j = 0; j < blockEnd - i && j < prevBlock.length; j++) {
+                buf[i + j] ^= prevBlock[j];
+            }
+            prevBlock = new Uint8Array(buf.slice(i, blockEnd));
+        }
+    }
+
+    unmix(blockSize, buf, key) {
+        const blocks = [];
+        for (let i = 0; i < buf.length; i += blockSize) {
+            const end = Math.min(i + blockSize, buf.length);
+            blocks.push(new Uint8Array(buf.slice(i, end)));
+        }
+
+        for (let i = blocks.length - 1; i >= 0; i--) {
+            if (i === 0) {
+                for (let j = 0; j < blocks[i].length && j < key.length; j++) {
+                    blocks[i][j] ^= key[j];
+                }
+            } else {
+                for (let j = 0; j < blocks[i].length && j < blocks[i - 1].length; j++) {
+                    blocks[i][j] ^= blocks[i - 1][j];
+                }
+            }
+        }
+
+        let offset = 0;
+        for (const block of blocks) {
+            buf.set(block, offset);
+            offset += block.length;
+        }
+    }
+
+    getRandomBytes(length) {
+        const rng = new SimpleRng(Date.now());
+        return rng.getRandomBytes(length);
+    }
+
+    base64UrlEncode(data) {
+        if (typeof Buffer !== 'undefined') {
+            // Node.js
+            return Buffer.from(data)
+                .toString('base64')
+                .replace(/\+/g, '-')
+                .replace(/\//g, '_')
+                .replace(/=+$/, '');
+        } else {
+            // Browser
+            let binary = '';
+            for (let i = 0; i < data.length; i++) {
+                binary += String.fromCharCode(data[i]);
+            }
+            return btoa(binary)
+                .replace(/\+/g, '-')
+                .replace(/\//g, '_')
+                .replace(/=+$/, '');
+        }
+    }
+
+    base64UrlDecode(encoded) {
+        let padded = encoded;
+        const padding = encoded.length % 4;
+        if (padding !== 0) {
+            padded += '='.repeat(4 - padding);
+        }
+        const base64 = padded.replace(/-/g, '+').replace(/_/g, '/');
+
+        if (typeof Buffer !== 'undefined') {
+            // Node.js
+            return new Uint8Array(Buffer.from(base64, 'base64'));
+        } else {
+            // Browser
+            const binary = atob(base64);
+            const bytes = new Uint8Array(binary.length);
+            for (let i = 0; i < binary.length; i++) {
+                bytes[i] = binary.charCodeAt(i);
+            }
+            return bytes;
+        }
+    }
+
+    stringToBytes(str) {
+        if (typeof TextEncoder !== 'undefined') {
+            return new TextEncoder().encode(str);
+        }
+        if (typeof Buffer !== 'undefined') {
+            return new Uint8Array(Buffer.from(str, 'utf-8'));
+        }
+        const bytes = new Uint8Array(str.length);
+        for (let i = 0; i < str.length; i++) {
+            bytes[i] = str.charCodeAt(i) & 0xFF;
+        }
+        return bytes;
+    }
+
+    bytesToString(bytes) {
+        if (typeof TextDecoder !== 'undefined') {
+            return new TextDecoder('utf-8').decode(bytes);
+        }
+        if (typeof Buffer !== 'undefined') {
+            return Buffer.from(bytes).toString('utf-8');
+        }
+
+        let str = '';
+        for (let i = 0; i < bytes.length; i++) {
+            str += String.fromCharCode(bytes[i]);
+        }
+        return str;
+    }
+}

package/plugins/crypt/random.js

@@ -0,0 +1,52 @@
+export default class SimpleRng {
+    constructor(seed) {
+        this.state = BigInt(seed) & 0xFFFFFFFFFFFFFFFFn;
+    }
+
+    static newWithTimeSeed() {
+        return new SimpleRng(Date.now());
+    }
+
+    nextU32() {
+        this.state = (this.state * 6364136223846793005n + 1442695040888963407n) & 0xFFFFFFFFFFFFFFFFn;
+        return Number((this.state >> 32n) & 0xFFFFFFFFn);
+    }
+
+    nextU64() {
+        const high = this.nextU32();
+        const low = this.nextU32();
+        return (high << 32) | low;
+    }
+
+    nextF64() {
+        const val = this.nextU32();
+        return val / 4294967295.0;
+    }
+
+    genRange(low, high) {
+        return low + (high - low) * this.nextF64();
+    }
+
+    getRandomBytes(length) {
+        const byteArray = new Uint8Array(length);
+        const chunks = Math.floor(length / 4);
+        const remainder = length % 4;
+
+        for (let i = 0; i < chunks; i++) {
+            const random = this.nextU32();
+            byteArray[i * 4] = random & 0xFF;
+            byteArray[i * 4 + 1] = (random >> 8) & 0xFF;
+            byteArray[i * 4 + 2] = (random >> 16) & 0xFF;
+            byteArray[i * 4 + 3] = (random >> 24) & 0xFF;
+        }
+
+        if (remainder > 0) {
+            const random = this.nextU32();
+            for (let i = 0; i < remainder; i++) {
+                byteArray[chunks * 4 + i] = (random >> (i * 8)) & 0xFF;
+            }
+        }
+
+        return byteArray;
+    }
+}