Weakpass

https://github.com/zzzteph/weakpass
Admin
Weakpass is a collection of tools and an API server for password and hash cracking, featuring a...
Tokens:65,811
Snippets:144
Trust Score:9.2
License:GPL-3.0
Update:8 months ago
Show doc for...
Tokens:
Raw
### Mount Component (Vue.js)

Source: https://github.com/zzzteph/weakpass/blob/main/tools/passgen/dist/index.html

Mounts a component to the DOM. This involves calling the setup function if it exists, rendering the component, and performing initial DOM patching.

```javascript
function mountComponent(instance, isHydrate) {
  instance.isMounted = false;
  const subTree = (instance.effect = new Effect(() => {
    if (instance.isMounted) {
      callHook(instance, 'beforeUpdate');
      patch(instance.oldSubTree, instance.subTree, instance.vnode.el.parentNode, instance.vnode.el, instance, null, instance.appContext);
      callHook(instance, 'updated');
    } else {
      callHook(instance, 'beforeMount');
      const subTree = instance.subTree = renderComponentRoot(instance);
      patch(null, subTree, instance.vnode.el.parentNode, instance.vnode.el, instance, null, instance.appContext);
      instance.oldSubTree = subTree;
      instance.isMounted = true;
      callHook(instance, 'mounted');
    }
  }, {
    scheduler: queueJob
  }));

  const update = subTree.update;
  subTree.update = () => {
    if (update) {
      update();
    }
  };

  return subTree;
}
```

--------------------------------

### Install Project Dependencies with npm

Source: https://github.com/zzzteph/weakpass/blob/main/tools/passcheck/README.md

Installs all necessary dependencies for the project using the Node Package Manager (npm). This command is typically run once after cloning a project to set up the development environment.

```bash
npm install
```

--------------------------------

### Bulma Column Sizing (Desktop Responsive)

Source: https://github.com/zzzteph/weakpass/blob/main/tools/passgen/dist/index.html

Defines column widths and their corresponding horizontal offsets for desktop viewports. These classes offer granular control over layout for larger screens.

```css
@media screen and (min-width: 1024px){.column.is-narrow-desktop{flex:none;width:unset}.column.is-full-desktop{flex:none;width:100%}.column.is-three-quarters-desktop{flex:none;width:75%}.column.is-two-thirds-desktop{flex:none;width:66.6666%}.column.is-half-desktop{flex:none;width:50%}.column.is-one-third-desktop{flex:none;width:33.3333%}.column.is-one-quarter-desktop{flex:none;width:25%}.column.is-one-fifth-desktop{flex:none;width:20%}.column.is-two-fifths-desktop{flex:none;width:40%}.column.is-three-fifths-desktop{flex:none;width:60%}.column.is-four-fifths-desktop{flex:none;width:80%}.column.is-offset-three-quarters-desktop{margin-inline-start:75%}.column.is-offset-two-thirds-desktop{margin-inline-start:66.6666%}.column.is-offset-half-desktop
```

--------------------------------

### Install Dependencies for Passgen Tool

Source: https://context7.com/zzzteph/weakpass/llms.txt

Command to install Node.js dependencies for the 'passgen' tool. This is a standard npm command used to download and set up the necessary packages for the tool to run.

```bash
# Setup any tool (passgen, lookup, passcheck, kraker-js)
cd tools/passgen
npm install
```

--------------------------------

### Run Vite Development Server

Source: https://context7.com/zzzteph/weakpass/llms.txt

Command to start a development server using Vite for the project. Vite is a modern build tool that offers fast cold server starts and instant Hot Module Replacement (HMR).

```bash
# Development server (Vite)
npm run dev
```

--------------------------------

### Dependency Tracking and Update Scheduling in Vue

Source: https://github.com/zzzteph/weakpass/blob/main/tools/passgen/dist/index.html

This snippet illustrates the core logic for tracking dependencies (`oe`, `Un`) and scheduling updates (`Pn`). It shows how `_trackId` and `_depsLength` are used to manage reactive effects and how `_shouldSchedule` and `scheduler` properties control when and how updates are triggered. The `ps` array acts as a queue for pending scheduler tasks.

```javascript
function Gi(e){return e.value}
function qs(e){e._trackId++,e._depsLength=0}
function en(e){if(e.deps.length>e._depsLength){for(let t=e._depsLength;t<e.deps.length;t++)Tn(e.deps[t],e);e.deps.length=e._depsLength}}
function Tn(e,t){const s=e.get(t);s!==void 0&&t._trackId!==s&&(e.delete(t),e.size===0&&e.cleanup())}
let Ne=!0,Cs=0;
const Wn=[]
function Fe(){Wn.push(Ne),Ne=!1}
function je(){const e=Wn.pop();Ne=e===void 0?!0:e}
function Ss(){Cs++}
function vs(){for(Cs--;!Cs&&ps.length;)ps.shift()}
function Un(e,t,s){if(t.get(e)!==e._trackId){t.set(e,e._trackId);const n=e.deps[e._depsLength];n!==t?(n&&Tn(n,e),e.deps[e._depsLength++]=t):e._depsLength++}}
const ps=[]
function Pn(e,t,s){Ss();for(const n of e.keys()){let i;n._dirtyLevel<t&&(i??(i=e.get(n)===n._trackId))&&(n._shouldSchedule||(n._shouldSchedule=n._dirtyLevel===0),n._dirtyLevel=t),n._shouldSchedule&&(i??(i=e.get(n)===n._trackId))&&(n.trigger(),(!n._runnings||n.allowRecurse)&&n._dirtyLevel!==2&&(n._shouldSchedule=!1,n.scheduler&&ps.push(n.scheduler)))}
vs()}
```

--------------------------------

### Bulma Column Sizing (Tablet)

Source: https://github.com/zzzteph/weakpass/blob/main/tools/passgen/dist/index.html

Defines column widths and their corresponding horizontal offsets for tablet viewports. These classes use `calc()` to ensure proper spacing considering `--bulma-column-gap`.

```css
.column.is-offset-2-tablet{margin-inline-start:16.6666666667%}.column.is-3,.column.is-3-tablet{flex:none;width:calc(25% - var(--bulma-column-gap) / 2)}.column.is-offset-3,.column.is-offset-3-tablet{margin-inline-start:25%}.column.is-4,.column.is-4-tablet{flex:none;width:calc(33.3333333333% - var(--bulma-column-gap) / 2)}.column.is-offset-4,.column.is-offset-4-tablet{margin-inline-start:33.3333333333%}.column.is-5,.column.is-5-tablet{flex:none;width:calc(41.6666666667% - var(--bulma-column-gap) / 2)}.column.is-offset-5,.column.is-offset-5-tablet{margin-inline-start:41.6666666667%}.column.is-6,.column.is-6-tablet{flex:none;width:calc(50% - var(--bulma-column-gap) / 2)}.column.is-offset-6,.column.is-offset-6-tablet{margin-inline-start:50%}.column.is-7,.column.is-7-tablet{flex:none;width:calc(58.3333333333% - var(--bulma-column-gap) / 2)}.column.is-offset-7,.column.is-offset-7-tablet{margin-inline-start:58.3333333333%}.column.is-8,.column.is-8-tablet{flex:none;width:calc(66.6666666667% - var(--bulma-column-gap) / 2)}.column.is-offset-8,.column.is-offset-8-tablet{margin-inline-start:66.6666666667%}.column.is-9,.column.is-9-tablet{flex:none;width:calc(75% - var(--bulma-column-gap) / 2)}.column.is-offset-9,.column.is-offset-9-tablet{margin-inline-start:75%}.column.is-10,.column.is-10-tablet{flex:none;width:calc(83.3333333333% - var(--bulma-column-gap) / 2)}.column.is-offset-10,.column.is-offset-10-tablet{margin-inline-start:83.3333333333%}.column.is-11,.column.is-11-tablet{flex:none;width:calc(91.6666666667% - var(--bulma-column-gap) / 2)}.column.is-offset-11,.column.is-offset-11-tablet{margin-inline-start:91.6666666667%}.column.is-12,.column.is-12-tablet{flex:none;width:calc(100% - var(--bulma-column-gap) / 2)}.column.is-offset-12,.column.is-offset-12-tablet{margin-inline-start:100%}}
```

--------------------------------

### Hashcat Rule File Examples

Source: https://context7.com/zzzteph/weakpass/llms.txt

Lists examples of pre-defined hashcat rule files included in the project. These files offer various rule sets for different cracking strategies, such as NSA-style rules, numeric suffixes, symbol variations, and year-based suffixes.

```text
# Other included rule files:
# rules/nsa64.rule      - NSA-style 64 rules
# rules/numbers.rule    - Numeric suffixes
# rules/symbols.rule    - Symbol variations
# rules/years.rule      - Year suffixes (various ranges)
# rules/top_*.rule      - Top N most effective rules
```

--------------------------------

### Hashcat Rule Syntax Examples

Source: https://context7.com/zzzteph/weakpass/llms.txt

Demonstrates the syntax for creating custom rules in hashcat. These rules define transformations to apply to a base wordlist for password cracking. Examples include capitalization, case changes, appending/prepending characters, reversing, duplicating, and character substitutions.

```hashcat
# Example rules syntax:
# :           - Do nothing (passthrough)
# c           - Capitalize first, lowercase rest
# u           - Uppercase all letters
# l           - Lowercase all letters
# $1          - Append "1"
# $1 $2 $3    - Append "123"
# $!          - Append "!"
# ^1          - Prepend "1"
# r           - Reverse word
# d           - Duplicate word
# so0         - Replace 'o' with '0'
# si1         - Replace 'i' with '1'
# se3         - Replace 'e' with '3'
```

--------------------------------

### Bulma Menu List and Label Styles (CSS)

Source: https://github.com/zzzteph/weakpass/blob/main/tools/passgen/dist/index.html

Defines CSS variables and styles for Bulma's menu list and label components. It includes styling for nested lists, label colors, and spacing. No external dependencies are apparent.

```css
.menu-list li ul {
  border-inline-start: var(--bulma-menu-list-border-left);
  margin: var(--bulma-menu-nested-list-margin);
  padding-inline-start: var(--bulma-menu-nested-list-padding-left);
}
.menu-label {
  color: var(--bulma-menu-label-color);
  font-size: var(--bulma-menu-label-font-size);
  letter-spacing: var(--bulma-menu-label-letter-spacing);
  text-transform: uppercase;
}
.menu-label:not(:first-child) {
  margin-top: var(--bulma-menu-label-spacing);
}
.menu-label:not(:last-child) {
  margin-bottom: var(--bulma-menu-label-spacing);
}
```

--------------------------------

### Bash: Hashcat Rule File Example

Source: https://context7.com/zzzteph/weakpass/llms.txt

Demonstrates the structure and purpose of hashcat rule files, which define transformations for password mutation attacks. This example shows common mutations like appending numbers, years, and special characters, as well as capitalizing the first letter.

```bash
# Rule file location: rules/

# online.rule - Default rules for online password testing
# - Appends numbers (1-9, 123, 12345, etc.)
# - Appends years (2018-2024)
# - Appends special characters (!, @, #, $)
# - Capitalizes first letter with combinations
```

--------------------------------

### Create Component Instance (Vue.js)

Source: https://github.com/zzzteph/weakpass/blob/main/tools/passgen/dist/index.html

Creates a component instance, which is the core object representing a Vue component during runtime. It holds state, props, context, and lifecycle hooks.

```javascript
function createComponentInstance(vnode, parent, suspense) {
  const type = vnode.type;
  const context = parent && parent.appContext || getGlobalContext();
  const instance = {
    uid: generateUID(),
    vnode,
    type,
    parent,
    appContext: context,
    root: null,
    next: null,
    subTree: null,
    effect: null,
    update: null,
    scope: new EffectScope(true),
    render: null,
    proxy: null,
    exposed: null,
    exposeProxy: null,
    withProxy: null,
    provides: parent ? Object.create(parent.provides) : Object.create(context.provides),
    accessCache: null,
    renderCache: [],
    components: null,
    directives: null,
    propsOptions: resolvePropsOptions(type, context),
    emitsOptions: resolveEmitsOptions(type, context),
    emit: null,
    emitted: null,
    propsDefaults: {}, // Default values for props
    inheritAttrs: type.inheritAttrs !== undefined ? type.inheritAttrs : true,
    ctx: {}, // Component context
    data: {}, // Component data
    props: {}, // Resolved props
    attrs: {}, // Native attributes
    slots: {}, // Component slots
    refs: {}, // Refs
    setupState: {}, // State from setup function
    setupContext: null,
    attrsProxy: null,
    slotsProxy: null,
    suspense: suspense,
    suspenseId: suspense ? suspense.pendingId : 0,
    asyncDep: null,
    asyncResolved: false,
    isMounted: false,
    isUnmounted: false,
    isDeactivated: false,
    bc: null, // beforeCreate hook
    c: null,  // created hook
    bm: null, // beforeMount hook
    m: null,  // mounted hook
    bu: null, // beforeUpdate hook
    u: null,  // updated hook
    um: null, // beforeUnmount hook
    bum: null, // unmounted hook
    da: null, // deactivated hook
    a: null,  // activated hook
    rtg: null, // render track group
    rtc: null, // render track count
    ec: null, // error captured
    sp: null  // suspense pending
  };
  instance.ctx = { _: instance };
  instance.root = parent ? parent.root : instance;
  instance.emit = createEmitFn(instance);
  vnode.ce && vnode.ce(instance);
  return instance;
}
```

--------------------------------

### Bulma Modal Component Styles (CSS)

Source: https://github.com/zzzteph/weakpass/blob/main/tools/passgen/dist/index.html

Provides comprehensive styling for modal dialogs, including background overlays, content containers, and card-like structures. It utilizes CSS variables for customization of z-index, colors, dimensions, and spacing, ensuring responsiveness across different screen sizes. The styles cover active states, close buttons, and modal card elements like headers, bodies, and footers.

```css
.modal{--bulma-modal-z: 40;--bulma-modal-background-background-color: hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), .86);--bulma-modal-content-width: 40rem;--bulma-modal-content-margin-mobile: 1.25rem;--bulma-modal-content-spacing-mobile: 10rem;--bulma-modal-content-spacing-tablet: 2.5rem;--bulma-modal-close-dimensions: 2.5rem;--bulma-modal-close-right: 1.25rem;--bulma-modal-close-top: 1.25rem;--bulma-modal-card-spacing: 2.5rem;--bulma-modal-card-head-background-color: var(--bulma-scheme-main);--bulma-modal-card-head-padding: 2rem;--bulma-modal-card-head-radius: var(--bulma-radius-large);--bulma-modal-card-title-color: var(--bulma-text-strong);--bulma-modal-card-title-line-height: 1;--bulma-modal-card-title-size: var(--bulma-size-4);--bulma-modal-card-foot-background-color: var(--bulma-scheme-main-bis);--bulma-modal-card-foot-radius: var(--bulma-radius-large);--bulma-modal-card-body-background-color: var(--bulma-scheme-main);--bulma-modal-card-body-padding: 2rem}.modal{align-items:center;display:none;flex-direction:column;justify-content:center;overflow:hidden;position:fixed;z-index:var(--bulma-modal-z)}.modal.is-active{display:flex}.modal-background{background-color:var(--bulma-modal-background-background-color)}.modal-content,.modal-card{margin:0 var(--bulma-modal-content-margin-mobile);max-height:calc(100vh - var(--bulma-modal-content-spacing-mobile));overflow:auto;position:relative;width:100%}@media screen and (min-width: 769px){.modal-content,.modal-card{margin:0 auto;max-height:calc(100vh - var(--bulma-modal-content-spacing-tablet));width:var(--bulma-modal-content-width)}}.modal-close{background:none;height:var(--bulma-modal-close-dimensions);inset-inline-end:var(--bulma-modal-close-right);position:fixed;top:var(--bulma-modal-close-top);width:var(--bulma-modal-close-dimensions)}.modal-card{display:flex;flex-direction:column;max-height:calc(100vh - var(--bulma-modal-card-spacing));overflow:hidden;overflow-y:visible}.modal-card-head,.modal-card-foot{align-items:center;display:flex;flex-shrink:0;justify-content:flex-start;padding:var(--bulma-modal-card-head-padding);position:relative}.modal-card-head{background-color:var(--bulma-modal-card-head-background-color);border-start-start-radius:var(--bulma-modal-card-head-radius);border-start-end-radius:var(--bulma-modal-card-head-radius);box-shadow
```

--------------------------------

### Input Composition Event Handling

Source: https://github.com/zzzteph/weakpass/blob/main/tools/passgen/dist/index.html

Handles the 'compositionstart' and 'compositionend' events for input elements, typically used for handling complex character input methods like IME. It ensures correct input event firing.

```javascript
function sl(e){e.target.composing=!0}function En(e){const t=e.target;t.composing&&(t.composing=!1,t.dispatchEvent(new Event("input")))}
```

--------------------------------

### Run Development Server with npm

Source: https://github.com/zzzteph/weakpass/blob/main/tools/passcheck/README.md

Compiles and hot-reloads the project for development purposes. This command starts a local development server that automatically refreshes the application when code changes are detected.

```bash
npm run serve
```

--------------------------------

### Run Development Server for Passgen Tool

Source: https://context7.com/zzzteph/weakpass/llms.txt

Command to start a local development server for the 'passgen' tool. This server typically includes features like hot-reloading, allowing developers to see changes in real-time during development.

```bash
# Development server with hot-reload
npm run serve
```

--------------------------------

### Create Element (Vue.js)

Source: https://github.com/zzzteph/weakpass/blob/main/tools/passgen/dist/index.html

Creates a DOM element. It handles different element types, including SVG, and sets up necessary attributes and properties.

```javascript
function createElement(tag, isSVG, is) {
  const el = isSVG ? document.createElementNS(SVG_NAMESPACE, tag) : document.createElement(tag, is ? { is } : undefined);
  return el;
}
```

--------------------------------

### Vue Ref and ShallowRef Creation

Source: https://github.com/zzzteph/weakpass/blob/main/tools/passgen/dist/index.html

Functions for creating reactive references (`Ref`) and shallow references (`ShallowRef`) in Vue.js. `Ue` converts a value into a reactive ref, while `Qo` creates either a standard ref or a shallow ref based on the `t` parameter. `Mo` is the class that implements the ref behavior.

```javascript
function re(e){
  return!!(e&&e.__v_isRef===!0)
}
function Ue(e){
  return Qo(e,!1)
}
function Qo(e,t){
  return re(e)?e:new Mo(e,t)
}
class Mo{
  constructor(t,s){
    this.__v_isShallow=s,
    this.dep=void 0,
    this.__v_isRef=!0,
    this._rawValue=s?t:Y(t),
    this._value=s?t:Mt(t)
  }
  get value(){
    return ei(this),
    this._value
  }
  set value(t){
    const s=this.__v_isShallow||Pt(t)||Qt(t)
    t=s?t:Y(t),
    Be(t,this._rawValue)&&(this._rawValue=t,this._value=s?t:Mt(t),
    Bt(this,4))
  }
}
function Jo(e){
  return re(e)?e.value:e
```

--------------------------------

### Bulma Grid Cell Row and Column Definitions (CSS)

Source: https://github.com/zzzteph/weakpass/blob/main/tools/passgen/dist/index.html

These CSS rules define Bulma grid cell behavior for row and column manipulation. They control properties like start, end, from-end, and span for both rows and columns, enabling flexible grid layouts. No external dependencies are required.

```css
0{--bulma-grid-cell-row-end: 10}.cell.is-row-from-end-10{--bulma-grid-cell-row-start: -10}.cell.is-row-span-10{--bulma-grid-cell-row-span: 10}.cell.is-col-start-11{--bulma-grid-cell-column-start: 11}.cell.is-col-end-11{--bulma-grid-cell-column-end: 11}.cell.is-col-from-end-11{--bulma-grid-cell-column-start: -11}.cell.is-col-span-11{--bulma-grid-cell-column-span: 11}.cell.is-row-start-11{--bulma-grid-cell-row-start: 11}.cell.is-row-end-11{--bulma-grid-cell-row-end: 11}.cell.is-row-from-end-11{--bulma-grid-cell-row-start: -11}.cell.is-row-span-11{--bulma-grid-cell-row-span: 11}.cell.is-col-start-12{--bulma-grid-cell-column-start: 12}.cell.is-col-end-12{--bulma-grid-cell-column-end: 12}.cell.is-col-from-end-12{--bulma-grid-cell-column-start: -12}.cell.is-col-span-12{--bulma-grid-cell-column-span: 12}.cell.is-row-start-12{--bulma-grid-cell-row-start: 12}.cell.is-row-end-12{--bulma-grid-cell-row-end: 12}.cell.is-row-from-end-12{--bulma-grid-cell-row-start: -12}.cell.is-row-span-12{--bulma-grid-cell-row-span: 12}
```

--------------------------------

### Bulma Mobile Grid Cell Definitions (CSS)

Source: https://github.com/zzzteph/weakpass/blob/main/tools/passgen/dist/index.html

This CSS section provides responsive adjustments for Bulma grid cells specifically for mobile viewports (max-width: 768px). It defines start, end, from-end, and span properties for rows and columns, allowing layouts to adapt to smaller screens. These rules are dependent on the base Bulma grid CSS.

```css
@media screen and (max-width: 768px){
.cell.is-col-start-1-mobile{--bulma-grid-cell-column-start: 1}.cell.is-col-end-1-mobile{--bulma-grid-cell-column-end: 1}.cell.is-col-from-end-1-mobile{--bulma-grid-cell-column-start: -1}.cell.is-col-span-1-mobile{--bulma-grid-cell-column-span: 1}.cell.is-row-start-1-mobile{--bulma-grid-cell-row-start: 1}.cell.is-row-end-1-mobile{--bulma-grid-cell-row-end: 1}.cell.is-row-from-end-1-mobile{--bulma-grid-cell-row-start: -1}.cell.is-row-span-1-mobile{--bulma-grid-cell-row-span: 1}.cell.is-col-start-2-mobile{--bulma-grid-cell-column-start: 2}.cell.is-col-end-2-mobile{--bulma-grid-cell-column-end: 2}.cell.is-col-from-end-2-mobile{--bulma-grid-cell-column-start: -2}.cell.is-col-span-2-mobile{--bulma-grid-cell-column-span: 2}.cell.is-row-start-2-mobile{--bulma-grid-cell-row-start: 2}.cell.is-row-end-2-mobile{--bulma-grid-cell-row-end: 2}.cell.is-row-from-end-2-mobile{--bulma-grid-cell-row-start: -2}.cell.is-row-span-2-mobile{--bulma-grid-cell-row-span: 2}.cell.is-col-start-3-mobile{--bulma-grid-cell-column-start: 3}.cell.is-col-end-3-mobile{--bulma-grid-cell-column-end: 3}.cell.is-col-from-end-3-mobile{--bulma-grid-cell-column-start: -3}.cell.is-col-span-3-mobile{--bulma-grid-cell-column-span: 3}.cell.is-row-start-3-mobile{--bulma-grid-cell-row-start: 3}.cell.is-row-end-3-mobile{--bulma-grid-cell-row-end: 3}.cell.is-row-from-end-3-mobile{--bulma-grid-cell-row-start: -3}.cell.is-row-span-3-mobile{--bulma-grid-cell-row-span: 3}.cell.is-col-start-4-mobile{--bulma-grid-cell-column-start: 4}.cell.is-col-end-4-mobile{--bulma-grid-cell-column-end: 4}.cell.is-col-from-end-4-mobile{--bulma-grid-cell-column-start: -4}.cell.is-col-span-4-mobile{--bulma-grid-cell-column-span: 4}.cell.is-row-start-4-mobile{--bulma-grid-cell-row-start: 4}.cell.is-row-end-4-mobile{--bulma-grid-cell-row-end: 4}.cell.is-row-from-end-4-mobile{--bulma-grid-cell-row-start: -4}.cell.is-row-span-4-mobile{--bulma-grid-cell-row-span: 4}.cell.is-col-start-5-mobile{--bulma-grid-cell-column-start: 5}.cell.is-col-end-5-mobile{--bulma-grid-cell-column-end: 5}.cell.is-col-from-end-5-mobile{--bulma-grid-cell-column-start: -5}.cell.is-col-span-5-mobile{--bulma-grid-cell-column-span: 5}.cell.is-row-start-5-mobile{--bulma-grid-cell-row-start: 5}.cell.is-row-end-5-mobile{--bulma-grid-cell-row-end: 5}.cell.is-row-from-end-5-mobile{--bulma-grid-cell-row-start: -5}.cell.is-row-span-5-mobile{--bulma-grid-cell-row-span: 5}.cell.is-col-start-6-mobile{--bulma-grid-cell-column-start: 6}.cell.is-col-end-6-mobile{--bulma-grid-cell-column-end: 6}.cell.is-col-from-end-6-mobile{--bulma-grid-cell-column-start: -6}.cell.is-col-span-6-mobile{--bulma-grid-cell-column-span: 6}.cell.is-row-start-6-mobile{--bulma-grid-cell-row-start: 6}.cell.is-row-end-6-mobile{--bulma-grid-cell-row-end: 6}.cell.is-row-from-end-6-mobile{--bulma-grid-cell-row-start: -6}.cell.is-row-span-6-mobile{--bulma-grid-cell-row-span: 6}.cell.is-col-start-7-mobile{--bulma-grid-cell-column-start: 7}.cell.is-col-end-7-mobile{--bulma-grid-cell-column-end: 7}.cell.is-col-from-end-7-mobile{--bulma-grid-cell-column-start: -7}.cell.is-col-span-7-mobile{--bulma-grid-cell-column-span: 7}.cell.is-row-start-7-mobile{--bulma-grid-cell-row-start: 7}.cell.is-row-end-7-mobile{--bulma-grid-cell-row-end: 7}.cell.is-row-from-end-7-mobile{--bulma-grid-cell-row-start: -7}.cell.is-row-span-7-mobile{--bulma-grid-cell-row-span: 7}.cell.is-col-start-8-mobile{--bulma-grid-cell-column-start: 8}.cell.is-col-end-8-mobile{--bulma-grid-cell-column-end: 8}.cell.is-col-from-end-8-mobile{--bulma-grid-cell-column-start: -8}.cell.is-col-span-8-mobile{--bulma-grid-cell-column-span: 8}.cell.is-row-start-8-mobile{--bulma-grid-cell-row-start: 8}.cell.is-row-end-8-mobile{--bulma-grid-cell-row-end: 8}.cell.is-row-from-end-8-mobile{--bulma-grid-cell-row-start: -8}.cell.is-row-span-8-mobile{--bulma-grid-cell-row-span: 8}.cell.is-col-start-9-mobile{--bulma-grid-cell-column-start: 9}.cell.is-col-end-9-mobile{--bulma-grid-cell-column-end: 9}
```

--------------------------------

### Module Preload Polyfill for Browser Compatibility

Source: https://github.com/zzzteph/weakpass/blob/main/tools/passgen/dist/index.html

This JavaScript code acts as a polyfill for the 'modulepreload' link type, ensuring compatibility with browsers that do not natively support it. It dynamically checks for support and adds necessary event listeners to handle module preload links.

```javascript
Passgen (function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const i of document.querySelectorAll('link\[rel="modulepreload"]'))n(i);new MutationObserver(i=>{for(const o of i)if(o.type==="childList")for(const r of o.addedNodes)r.tagName==="LINK"&&r.rel==="modulepreload"&&n(r)}).observe(document,{childList:!0,subtree:!0});function s(i){const o={};return i.integrity&&(o.integrity=i.integrity),i.referrerPolicy&&(o.referrerPolicy=i.referrerPolicy),i.crossOrigin==="use-credentials"?o.credentials="include":i.crossOrigin==="anonymous"?o.credentials="omit":o.credentials="same-origin",o}function n(i){if(i.ep)return;i.ep=!0;const o=s(i);fetch(i.href,o)}})();
```

--------------------------------

### Vue Map and Set Reactivity Handlers

Source: https://github.com/zzzteph/weakpass/blob/main/tools/passgen/dist/index.html

This snippet details how Vue handles reactivity for `Map` and `Set` data structures. It defines custom handlers for methods like `get`, `set`, `add`, `delete`, and `clear`, ensuring that property access and modifications trigger dependency tracking and updates appropriately. The `_e` function is used to signal these changes to the reactivity system.

```javascript
function _e(e,t,s,n,i,o){
  const r=hs.get(e);
  if(!r)return;
  let c=[]
  if(t==="clear")c=[...r.values()];
  else if(s==="length"&&v(e)){
    const f=Number(n);
    r.forEach((g,C)=>{
      (C==="length"||!$e(C)&&C>=f)&&c.push(g)
    })
  }
  else switch(s!==void 0&&c.push(r.get(s)),t){
    case"add":v(e)?ws(s)&&c.push(r.get("length")):(c.push(r.get(Ve)),dt(e)&&c.push(r.get(As)));break;
    case"delete":v(e)||(c.push(r.get(Ve)),dt(e)&&c.push(r.get(As)));break;
    case"set":dt(e)&&c.push(r.get(Ve));break
  }
  Ss();
  for(const f of c)f&&Pn(f,4);
  vs()
}

const Yn=(e,t)=>{const s=new Map;return s.cleanup=e,s.computed=t,s},
hs=new WeakMap,
Ve=Symbol("__ob__"),
As=Symbol("__v_isRef");

function oe(e,t,s){
  if(Ne&&Xe){
    let n=hs.get(e);
    n||hs.set(e,n=new Map);
    let i=n.get(s);
    i||n.set(s,i=Yn(()=>n.delete(s))),
    Un(Xe,i)
  }
}

function wt(e,t=!1,s=!1,n=!1){
  e=e.__v_raw;
  const i=Y(e),
  o=Y(t);
  s||(Be(t,o)&&oe(i,"get",t),oe(i,"get",o));
  const{has:r}=Zt(i),
  c=n?Ns:s?js:Mt;
  if(r.call(i,t))return c(e.get(t));
  if(r.call(i,o))return c(e.get(o));
  e!==i&&e.get(t)
}

function Et(e,t=!1){
  const s=this.__v_raw,
  n=Y(s),
  i=Y(e);
  return t||(Be(e,i)&&oe(n,"has",e),oe(n,"has",i)),e===i?s.has(e):s.has(e)||s.has(i)
}

function xt(e,t=!1){
  return e=e.__v_raw,
  !t&&oe(Y(e),"iterate",Ve),
  Reflect.get(e,"size",e)
}

function sn(e){
  e=Y(e);
  const t=Y(this);
  return Zt(t).has.call(t,e)||(t.add(e),_e(t,"add",e,e)),this
}

function nn(e,t){
  t=Y(t);
  const s=Y(this),
  {has:n,get:i}=Zt(s);
  let o=n.call(s,e);
  o||(e=Y(e),o=n.call(s,e));
  const r=i.call(s,e);
  return s.set(e,t),o?Be(t,r)&&_e(s,"set",e,t):_e(s,"add",e,t)
}
```

--------------------------------

### Vendor Prefix Handling for Styles

Source: https://github.com/zzzteph/weakpass/blob/main/tools/passgen/dist/index.html

A utility to normalize style property names, including handling common vendor prefixes (Webkit, Moz, ms). It caches the resolved property names for efficiency.

```javascript
const mn=["Webkit","Moz","ms"],fs={};function Yr(e,t){const s=fs[t];if(s)return s;let n=ot(t);if(n!=="filter"&&n in e)return fs[t]=n;n=On(n);for(let i=0;i<mn.length;i++){const o=mn[i]+n;if(o in e)return fs[t]=o}return t}
```

--------------------------------

### Vue Proxy Handlers for Objects and Arrays

Source: https://github.com/zzzteph/weakpass/blob/main/tools/passgen/dist/index.html

This snippet defines the base proxy handlers (`Hn`) and their specialized versions for mutable objects (`Ln`) and read-only objects (`to`). It covers the `get`, `set`, `deleteProperty`, and `has` traps, demonstrating how Vue intercepts property access to trigger dependency collection and updates. It also highlights the handling of special properties like `__v_isReactive` and `__v_raw`.

```javascript
const Zi=ms("__proto__", "__v_isRef", "__isVue"),zn=new Set(Object.getOwnPropertyNames(Symbol).filter(e=>e!="arguments"&&e!="caller").map(e=>Symbol[e]).filter($e)),tn=qi();

function qi(){
  const e={};
  return ["includes", "indexOf", "lastIndexOf"].forEach(t=>{
    e[t]=function(...s){
      const n=Y(this);
      for(let o=0,r=this.length;o<r;o++)
        oe(n, "get", o+"");
      const i=n[t](...s);
      return i===-1||i===!1?n[t](...s.map(Y)):i
    }
  }),
  ["push", "pop", "shift", "unshift", "splice"].forEach(t=>{
    e[t]=function(...s){
      Fe(),Ss();
      const n=Y(this)[t].apply(this,s);
      return vs(),je(),n
    }
  }),
  e
}

function eo(e){
  $e(e)||(e=String(e));
  const t=Y(this);
  return oe(t, "has", e),t.hasOwnProperty(e)
}

class Hn {
  constructor(t=!1,s=!1){
    this._isReadonly=t,
    this._isShallow=s
  }
  get(t,s,n){
    const i=this._isReadonly,
    o=this._isShallow;
    if(s==="__v_isReactive")return!i;
    if(s==="__v_isReadonly")return i;
    if(s==="__v_isShallow")return o;
    if(s==="__v_raw")return n===(i?o?Co:$n:o?Vn:Xn).get(t)||Object.getPrototypeOf(t)===Object.getPrototypeOf(n)?t:void 0;
    const r=v(t);
    if(!i){
      if(r&&W(tn,s))return Reflect.get(tn,s,n);
      if(s==="hasOwnProperty")return eo
    }
    const c=Reflect.get(t,s,n);
    return ($e(s)?zn.has(s):Zi(s))||(i||oe(t,"get",s),o)?c:re(c)?r&&ws(s)?c:c.value:G(c)?i?Gn(c):Bs(c):c
  }
}

class Ln extends Hn {
  constructor(t=!1){
    super(!1,t)
  }
  set(t,s,n,i){
    let o=t[s];
    if(!this._isShallow){
      const f=Qt(o);
      if(!Pt(n)&&!Qt(n)&&(o=Y(o),n=Y(n)),!v(t)&&re(o)&&!re(n))
        return f?!1:(o.value=n,!0)
    }
    const r=v(t)&&ws(s)?Number(s)<t.length:W(t,s);
    const c=Reflect.set(t,s,n,i);
    return t===Y(i)&&(r?Be(n,o)&&_e(t,"set",s,n):_e(t,"add",s,n)),c
  }
  deleteProperty(t,s){
    const n=W(t,s);
    t[s];
    const i=Reflect.deleteProperty(t,s);
    return i&&n&&_e(t,"delete",s,void 0),i
  }
  has(t,s){
    const n=Reflect.has(t,s);
    return (!$e(s)||!zn.has(s))&&oe(t,"has",s),n
  }
  ownKeys(t){
    return oe(t,"iterate",v(t)?"length":Ve),Reflect.ownKeys(t)
  }
}

class to extends Hn {
  constructor(t=!1){
    super(!0,t)
  }
  set(t,s){
    return!0
  }
  deleteProperty(t,s){
    return!0
  }
}

const so=new Ln,
      no=new to,
      io=new Ln(!0)
```

--------------------------------

### Create VNode (Vue.js)

Source: https://github.com/zzzteph/weakpass/blob/main/tools/passgen/dist/index.html

Creates a Virtual Node (VNode), which is a lightweight representation of a DOM element or component. It takes props, children, and other properties to define the VNode's structure and behavior. Supports cloning and patching VNodes.

```javascript
function createVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, shapeFlag = 0, isBlock = false, isStable = false) {
  const vnode = {
    __v_isVNode: true,
    __v_skip: true,
    type,
    props,
    key: props && props.key,
    ref: props && props.ref,
    scopeId: null,
    slotScopeIds: null,
    children,
    target: null,
    targetAnchor: null,
    staticCount: 0,
    shapeFlag,
    patchFlag,
    dynamicProps,
    dynamicChildren: null,
    appContext: null,
    dirs: null,
    transition: null,
    component: null,
    suspense: null,
    ssContent: null,
    ssFallback: null,
    el: null,
    anchor: null,
    ctx: null,
    ce: null
  };

  // If dynamic props are provided, set the shape flag accordingly
  if (dynamicProps) {
    vnode.shapeFlag |= 16;
  }

  // If it's a block and not stable, mark it as such
  if (isBlock && !isStable) {
    vnode.shapeFlag |= 64;
  }

  return vnode;
}
```

--------------------------------

### Weakpass Range API Hash Lookups (Bash)

Source: https://context7.com/zzzteph/weakpass/llms.txt

Demonstrates how to perform client-side hash range lookups using the Weakpass Range API. It shows examples for MD5, NTLM, SHA1, and SHA256 hashes, emphasizing the use of k-anonymity by sending only the hash prefix. The API returns matching hashes and passwords, which are then processed locally.

```bash
# Lookup MD5 hash range (send only prefix, get all matches)
curl "https://weakpass.com/api/v1/range/bef58f.json?type=md5"

# Response format:
# [{"hash": "bef58f652fddb1c20ecbfdb7cf31d932", "pass": "password123"}, ...]

# Lookup NTLM hash range
curl "https://weakpass.com/api/v1/range/a4f49c.json?type=ntlm"

# Lookup SHA1 hash range
curl "https://weakpass.com/api/v1/range/5baa61.json?type=sha1"

# Lookup SHA256 hash range
curl "https://weakpass.com/api/v1/range/5e884898.json?type=sha256"

# Search API - direct hash lookup (returns type, hash, and password)
curl "https://weakpass.com/api/v1/search/bef58f652fddb1c20ecbfdb7cf31d932.json"
# Response: {"type": "md5", "hash": "bef58f652fddb1c20ecbfdb7cf31d932", "pass": "password123"}
```
Tokens:
Raw