CodeSampleX

Sample

@tiptap/extension-underline 3.11.0: extend

Verified sample for npm @tiptap/extension-underline 3.11.0: extend. The contract ran on node 22 · linux debian/x64 · docker and passed.

sha256:d2392cae7f6e8dbdea3fe28d36bd58fa115653ee06df40eefa9fb813dce63103

This network offers one thing: a sample that builds. It ran the sample in a sandbox and kept the signed receipt. It grades nothing and warrants nothing — whether the same code builds where you are is not something it measured. How many distinct signing keys filed a passing contract receipt. One is the author alone; more than one means somebody else built it too. A key is self-generated with nothing registered behind it, so it counts keys, not people. MIT-0

Execution evidence

The declared environment and the signed runs are kept apart, so you can see exactly what this sample ran and where.

Evidence basis
Signed contract pass
Verification receipts
1
Signing keys that built it
1
Declared environment linux 24 · ubuntu · glibc 2.39 x64 npm

Verification-run environments

Environment Contract Stages Run
node 22 · linux debian/x64 · docker ed25519:c1973797be207ac4 PASS compile:SKIPPED · contract:PASS · load:PASS · resolve:PASS
CONTAINER_RUN · node-typescript@1node:22@sha256:8a34c4ab3ea2…		 2026-09-17

Case

HOW
Goal
verify @tiptap/extension-underline.extend in pkg:npm/%40tiptap/extension-underline@3.11.0
Packages
Symbols
  • @tiptap/extension-underline.extend
Created
2026-09-17T14:43:10Z

Contract

  1. Underline exports extend function on the mark extension object
  2. Underline.extend() creates a new mark extension with overridden name
  3. Underline.extend() extends options via addOptions while preserving parent default options
  4. Underline.extend() allows overriding renderHTML to customize rendered output
  5. Underline.extend() supports chained extension creating further specialized extensions
  6. An extended Underline extension can be configured with configure() to override options

Files

  • PROMPT.md
  • csx.json
  • index.mjs
  • package-lock.json
  • package.json
  • spec.json
  • test/contract.mjs

Download the source artifact (tar.gz)

Source

PROMPT.md
Clean-room public code sample — generation instructions

Write a brand-new, minimal, self-contained code sample in this clean-room directory.
Do not copy, paraphrase, or reference any existing project source. Work only from this spec.

A csx.json manifest scaffold already exists. Do not recreate it from memory. Preserve its case.goal, packages and symbols; fill its empty case.contract with exact assertions and correct its environment, commands and verifierAdapter for the files you generate.

Goal: verify @tiptap/extension-underline.extend in pkg:npm/%40tiptap/extension-underline@3.11.0
Kind: HOW

Use EXACTLY these public packages and versions:
  - pkg:npm/%40tiptap/extension-underline@3.11.0
Demonstrate these symbols/APIs:
  - @tiptap/extension-underline.extend

Rules:
  - One focused purpose; the smallest project that proves the goal.
  - Include a contract test (test/contract.*) that runs OFFLINE and exits 0 exactly when the goal behavior works.
  - Pin every dependency with a lockfile so resolution is reproducible.
  - No secrets, credentials, or tokens. No real URLs (only example.com or localhost). No absolute paths.
  - No personal names, emails, company names, or project identifiers of any kind.
  - No binaries and no generated output (node_modules, dist, target, venv, .git, .env).
  - Keep it under 200 files and 256KB packed.
csx.json
{"case":{"caseId":"case:sha256:e5d75ac1c34c1956b3cbebc5cd6f3f59906faf62b291bb31465e41d8000a2d67","contract":["Underline exports extend function on the mark extension object","Underline.extend() creates a new mark extension with overridden name","Underline.extend() extends options via addOptions while preserving parent default options","Underline.extend() allows overriding renderHTML to customize rendered output","Underline.extend() supports chained extension creating further specialized extensions","An extended Underline extension can be configured with configure() to override options"],"goal":"verify @tiptap/extension-underline.extend in pkg:npm/%40tiptap/extension-underline@3.11.0","kind":"HOW","packages":["pkg:npm/%40tiptap/extension-underline@3.11.0"],"schemaVersion":1,"symbols":["@tiptap/extension-underline.extend"]},"contractCommand":["node","test/contract.mjs"],"environment":{"arch":"x64","distro":"ubuntu","ecosystem":"npm","libc":"glibc","libcVersion":"2.39","os":"linux","osVersionBucket":"24","packageManager":"npm","schemaVersion":1},"license":"MIT-0","packages":["pkg:npm/%40tiptap/extension-underline@3.11.0"],"schemaVersion":1,"subject":"pkg:npm/%40tiptap/extension-underline@3.11.0","symbols":["@tiptap/extension-underline.extend"],"verifierAdapter":"node-typescript@1"}
index.mjs
import { Underline } from '@tiptap/extension-underline';

/**
 * Creates an extended Underline mark extension with custom options and rendering.
 *
 * @param {object} [config={}] - Extension override configuration.
 * @returns {object} Extended mark extension.
 */
export function createExtendedUnderline(config = {}) {
  return Underline.extend({
    name: config.name || 'customUnderline',
    addOptions() {
      return {
        ...this.parent?.(),
        style: 'solid',
        color: 'currentColor',
        ...(config.options || {})
      };
    },
    renderHTML({ HTMLAttributes }) {
      if (config.renderHTML) {
        return config.renderHTML({ HTMLAttributes });
      }
      return [
        'u',
        {
          class: 'custom-underline',
          ...HTMLAttributes
        },
        0
      ];
    }
  });
}

export { Underline };
export default Underline;
package-lock.json
{
  "name": "sample-tiptap-extension-underline-extend",
  "version": "1.0.0",
  "lockfileVersion": 3,
  "requires": true,
  "packages": {
    "": {
      "name": "sample-tiptap-extension-underline-extend",
      "version": "1.0.0",
      "license": "MIT-0",
      "dependencies": {
        "@tiptap/extension-underline": "3.11.0"
      }
    },
    "node_modules/@tiptap/core": {
      "version": "3.31.3",
      "resolved": "https://registry.npmjs.org/@tiptap/core/-/core-3.31.3.tgz",
      "integrity": "sha512-Cz50pvciQrxdSxgTkHOVz0uD0Yl/8Xt0QatGD6ILm47jW8EzyHR9RkUGs/D5IqzXKuVPntfw1ttaT926vXfiRg==",
      "license": "MIT",
      "peer": true,
      "funding": {
        "type": "github",
        "url": "https://github.com/sponsors/ueberdosis"
      },
      "peerDependencies": {
        "@tiptap/pm": "3.31.3"
      }
    },
    "node_modules/@tiptap/extension-underline": {
      "version": "3.11.0",
      "resolved": "https://registry.npmjs.org/@tiptap/extension-underline/-/extension-underline-3.11.0.tgz",
      "integrity": "sha512-D3PsS/84RlQKFjd5eerMIUioC0mNh4yy1RRV/WbXx6ugu+6T+0hT42gNk9Ap8pDsVQZCk0SHfDyBEUFC2KOwKw==",
      "license": "MIT",
      "funding": {
        "type": "github",
        "url": "https://github.com/sponsors/ueberdosis"
      },
      "peerDependencies": {
        "@tiptap/core": "^3.11.0"
      }
    },
    "node_modules/@tiptap/pm": {
      "version": "3.31.3",
      "resolved": "https://registry.npmjs.org/@tiptap/pm/-/pm-3.31.3.tgz",
      "integrity": "sha512-sZime0SWsz/k62W2WvHx5Ig7G2h7kVhrrmnqy+wEgIHfDwEfOlelRjaWCiBCFlF7dxGUntJusCh9FxlLhni0Ag==",
      "license": "MIT",
      "peer": true,
      "dependencies": {
        "prosemirror-changeset": "^2.4.1",
        "prosemirror-commands": "^1.7.1",
        "prosemirror-dropcursor": "^1.8.2",
        "prosemirror-gapcursor": "^1.4.1",
        "prosemirror-history": "^1.5.0",
        "prosemirror-inputrules": "^1.5.1",
        "prosemirror-keymap": "^1.2.3",
        "prosemirror-model": "^1.25.11",
        "prosemirror-schema-list": "^1.5.1",
        "prosemirror-state": "^1.4.4",
        "prosemirror-tables": "^1.8.5",
        "prosemirror-transform": "^1.12.0",
        "prosemirror-view": "^1.42.3"
      },
      "funding": {
        "type": "github",
        "url": "https://github.com/sponsors/ueberdosis"
      }
    },
    "node_modules/orderedmap": {
      "version": "2.1.1",
      "resolved": "https://registry.npmjs.org/orderedmap/-/orderedmap-2.1.1.tgz",
      "integrity": "sha512-TvAWxi0nDe1j/rtMcWcIj94+Ffe6n7zhow33h40SKxmsmozs6dz/e+EajymfoFcHd7sxNn8yHM8839uixMOV6g==",
      "license": "MIT",
      "peer": true
    },
    "node_modules/prosemirror-changeset": {
      "version": "2.4.3",
      "resolved": "https://registry.npmjs.org/prosemirror-changeset/-/prosemirror-changeset-2.4.3.tgz",
      "integrity": "sha512-J8jqUZ1xybXKY44v3K0c8m8ZTIqJPVT34t2UVyxv4VEWoNd5C9t5Y52GNuMriRJ3IpNxOSE2R60vN4qBrTMcyQ==",
      "license": "MIT",
      "peer": true,
      "dependencies": {
        "prosemirror-transform": "^1.0.0"
      }
    },
    "node_modules/prosemirror-commands": {
      "version": "1.7.2",
      "resolved": "https://registry.npmjs.org/prosemirror-commands/-/prosemirror-commands-1.7.2.tgz",
      "integrity": "sha512-q6Q6szxqdu9Xd6EcdKsqXghu5nQdZTpB4Q9yd04WRc7/jt763e/rT60Owh0L1GYY+T46o5rD+9lEN36dZS43tw==",
      "license": "MIT",
      "peer": true,
      "dependencies": {
        "prosemirror-model": "^1.0.0",
        "prosemirror-state": "^1.0.0",
        "prosemirror-transform": "^1.10.2"
      }
    },
    "node_modules/prosemirror-dropcursor": {
      "version": "1.8.3",
      "resolved": "https://registry.npmjs.org/prosemirror-dropcursor/-/prosemirror-dropcursor-1.8.3.tgz",
      "integrity": "sha512-FoYbsJR8gK+DGlqhNoE29Loa38eIZPzQRIb1VMaDNBoo4OLP6vVof/jR8qFY/6XvUd6Dhug8MDCHl2a/h8RTfQ==",
      "license": "MIT",
      "peer": true,
      "dependencies": {
        "prosemirror-state": "^1.0.0",
        "prosemirror-transform": "^1.1.0",
        "prosemirror-view": "^1.1.0"
      }
    },
    "node_modules/prosemirror-gapcursor": {
      "version": "1.4.1",
      "resolved": "https://registry.npmjs.org/prosemirror-gapcursor/-/prosemirror-gapcursor-1.4.1.tgz",
      "integrity": "sha512-pMdYaEnjNMSwl11yjEGtgTmLkR08m/Vl+Jj443167p9eB3HVQKhYCc4gmHVDsLPODfZfjr/MmirsdyZziXbQKw==",
      "license": "MIT",
      "peer": true,
      "dependencies": {
        "prosemirror-keymap": "^1.0.0",
        "prosemirror-model": "^1.0.0",
        "prosemirror-state": "^1.0.0",
        "prosemirror-view": "^1.0.0"
      }
    },
    "node_modules/prosemirror-history": {
      "version": "1.5.0",
      "resolved": "https://registry.npmjs.org/prosemirror-history/-/prosemirror-history-1.5.0.tgz",
      "integrity": "sha512-zlzTiH01eKA55UAf1MEjtssJeHnGxO0j4K4Dpx+gnmX9n+SHNlDqI2oO1Kv1iPN5B1dm5fsljCfqKF9nFL6HRg==",
      "license": "MIT",
      "peer": true,
      "dependencies": {
        "prosemirror-state": "^1.2.2",
        "prosemirror-transform": "^1.0.0",
        "prosemirror-view": "^1.31.0",
        "rope-sequence": "^1.3.0"
      }
    },
    "node_modules/prosemirror-inputrules": {
      "version": "1.5.1",
      "resolved": "https://registry.npmjs.org/prosemirror-inputrules/-/prosemirror-inputrules-1.5.1.tgz",
      "integrity": "sha512-7wj4uMjKaXWAQ1CDgxNzNtR9AlsuwzHfdFH1ygEHA2KHF2DOEaXl1CJfNPAKCg9qNEh4rum975QLaCiQPyY6Fw==",
      "license": "MIT",
      "peer": true,
      "dependencies": {
        "prosemirror-state": "^1.0.0",
        "prosemirror-transform": "^1.0.0"
      }
    },
    "node_modules/prosemirror-keymap": {
      "version": "1.2.3",
      "resolved": "https://registry.npmjs.org/prosemirror-keymap/-/prosemirror-keymap-1.2.3.tgz",
      "integrity": "sha512-4HucRlpiLd1IPQQXNqeo81BGtkY8Ai5smHhKW9jjPKRc2wQIxksg7Hl1tTI2IfT2B/LgX6bfYvXxEpJl7aKYKw==",
      "license": "MIT",
      "peer": true,
      "dependencies": {
        "prosemirror-state": "^1.0.0",
        "w3c-keyname": "^2.2.0"
      }
    },
    "node_modules/prosemirror-model": {
      "version": "1.25.11",
      "resolved": "https://registry.npmjs.org/prosemirror-model/-/prosemirror-model-1.25.11.tgz",
      "integrity": "sha512-QWg9RhnpLlogAmp3p96uEFrE5txQpFynd4vhBAELkwgOCWQs/X0yCzB3/hrHqiPwf91RG5KyWq6553zs9JqIOQ==",
      "license": "MIT",
      "peer": true,
      "dependencies": {
        "orderedmap": "^2.0.0"
      }
    },
    "node_modules/prosemirror-schema-list": {
      "version": "1.5.1",
      "resolved": "https://registry.npmjs.org/prosemirror-schema-list/-/prosemirror-schema-list-1.5.1.tgz",
      "integrity": "sha512-927lFx/uwyQaGwJxLWCZRkjXG0p48KpMj6ueoYiu4JX05GGuGcgzAy62dfiV8eFZftgyBUvLx76RsMe20fJl+Q==",
      "license": "MIT",
      "peer": true,
      "dependencies": {
        "prosemirror-model": "^1.0.0",
        "prosemirror-state": "^1.0.0",
        "prosemirror-transform": "^1.7.3"
      }
    },
    "node_modules/prosemirror-state": {
      "version": "1.4.4",
      "resolved": "https://registry.npmjs.org/prosemirror-state/-/prosemirror-state-1.4.4.tgz",
      "integrity": "sha512-6jiYHH2CIGbCfnxdHbXZ12gySFY/fz/ulZE333G6bPqIZ4F+TXo9ifiR86nAHpWnfoNjOb3o5ESi7J8Uz1jXHw==",
      "license": "MIT",
      "peer": true,
      "dependencies": {
        "prosemirror-model": "^1.0.0",
        "prosemirror-transform": "^1.0.0",
        "prosemirror-view": "^1.27.0"
      }
    },
    "node_modules/prosemirror-tables": {
      "version": "1.8.5",
      "resolved": "https://registry.npmjs.org/prosemirror-tables/-/prosemirror-tables-1.8.5.tgz",
      "integrity": "sha512-V/0cDCsHKHe/tfWkeCmthNUcEp1IVO3p6vwN8XtwE9PZQLAZJigbw3QoraAdfJPir4NKJtNvOB8oYGKRl+t0Dw==",
      "license": "MIT",
      "peer": true,
      "dependencies": {
        "prosemirror-keymap": "^1.2.3",
        "prosemirror-model": "^1.25.4",
        "prosemirror-state": "^1.4.4",
        "prosemirror-transform": "^1.10.5",
        "prosemirror-view": "^1.41.4"
      }
    },
    "node_modules/prosemirror-transform": {
      "version": "1.12.1",
      "resolved": "https://registry.npmjs.org/prosemirror-transform/-/prosemirror-transform-1.12.1.tgz",
      "integrity": "sha512-t4F5615FycnCqsX7ShTUs8+jfnwcf46kuFRvSl/3qFx2QTZ4DjgowesLHQXcFP7G//TjesqZG3WtgL7vdyVJyA==",
      "license": "MIT",
      "peer": true,
      "dependencies": {
        "prosemirror-model": "^1.21.0"
      }
    },
    "node_modules/prosemirror-view": {
      "version": "1.42.3",
      "resolved": "https://registry.npmjs.org/prosemirror-view/-/prosemirror-view-1.42.3.tgz",
      "integrity": "sha512-oTN7EtH+CpwxU9NrwEYWd0UZ4JUx7l048l5A2Xppm4p/60isZYLnth9QVQmC3VRIvdrIWCxwZSd+Uz791G31/w==",
      "license": "MIT",
      "peer": true,
      "dependencies": {
        "prosemirror-model": "^1.25.8",
        "prosemirror-state": "^1.0.0",
        "prosemirror-transform": "^1.1.0"
      }
    },
    "node_modules/rope-sequence": {
      "version": "1.3.4",
      "resolved": "https://registry.npmjs.org/rope-sequence/-/rope-sequence-1.3.4.tgz",
      "integrity": "sha512-UT5EDe2cu2E/6O4igUr5PSFs23nvvukicWHx6GnOPlHAiiYbzNuCRQCuiUdHJQcqKalLKlrYJnjY0ySGsXNQXQ==",
      "license": "MIT",
      "peer": true
    },
    "node_modules/w3c-keyname": {
      "version": "2.2.8",
      "resolved": "https://registry.npmjs.org/w3c-keyname/-/w3c-keyname-2.2.8.tgz",
      "integrity": "sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==",
      "license": "MIT",
      "peer": true
    }
  }
}
package.json
{
  "name": "sample-tiptap-extension-underline-extend",
  "version": "1.0.0",
  "private": true,
  "type": "module",
  "license": "MIT-0",
  "scripts": {
    "test": "node test/contract.mjs"
  },
  "dependencies": {
    "@tiptap/extension-underline": "3.11.0"
  }
}
spec.json
{
  "schemaVersion": 1,
  "goal": "verify @tiptap/extension-underline.extend in pkg:npm/%40tiptap/extension-underline@3.11.0",
  "kind": "HOW",
  "packages": [
    "pkg:npm/%40tiptap/extension-underline@3.11.0"
  ],
  "symbols": [
    "@tiptap/extension-underline.extend"
  ]
}
test/contract.mjs
import assert from 'node:assert/strict';
import { Underline } from '@tiptap/extension-underline';
import { createExtendedUnderline } from '../index.mjs';

// 1. Underline exports extend function on the mark extension object
assert.equal(typeof Underline, 'object', 'Underline must be an object');
assert.equal(typeof Underline.extend, 'function', 'Underline.extend must be a function');
assert.equal(Underline.name, 'underline', 'Underline default name is underline');
assert.equal(Underline.type, 'mark', 'Underline type is mark');

// 2. Underline.extend() creates a new mark extension with overridden name
const NamedUnderline = Underline.extend({
  name: 'highlightedUnderline'
});
assert.equal(typeof NamedUnderline, 'object');
assert.equal(NamedUnderline.name, 'highlightedUnderline');
assert.equal(NamedUnderline.type, 'mark');
assert.notEqual(NamedUnderline, Underline, 'Extended extension must be a distinct instance');

// 3. Underline.extend() extends options via addOptions while preserving parent default options
const CustomOptionsUnderline = Underline.extend({
  name: 'customOptionsUnderline',
  addOptions() {
    return {
      ...this.parent?.(),
      color: 'blue',
      thickness: '2px'
    };
  }
});
assert.deepEqual(
  CustomOptionsUnderline.options,
  {
    HTMLAttributes: {},
    color: 'blue',
    thickness: '2px'
  },
  'Options must include parent options and newly added options'
);

const helperExt = createExtendedUnderline({
  name: 'helperUnderline',
  options: { color: 'green' }
});
assert.equal(helperExt.name, 'helperUnderline');
assert.deepEqual(
  helperExt.options,
  {
    HTMLAttributes: {},
    style: 'solid',
    color: 'green'
  }
);

// 4. Underline.extend() allows overriding renderHTML to customize rendered output
const CustomRenderUnderline = Underline.extend({
  name: 'customRenderUnderline',
  renderHTML({ HTMLAttributes }) {
    return ['span', { class: 'custom-underline-span', ...HTMLAttributes }, 0];
  }
});
const rendered = CustomRenderUnderline.config.renderHTML.call(
  { options: CustomRenderUnderline.options },
  { HTMLAttributes: { id: 'u-custom' } }
);
assert.deepEqual(
  rendered,
  ['span', { class: 'custom-underline-span', id: 'u-custom' }, 0],
  'renderHTML must return custom tag and attributes'
);

// 5. Underline.extend() supports chained extension creating further specialized extensions
const BaseExtended = Underline.extend({
  name: 'baseUnderline',
  addOptions() {
    return {
      ...this.parent?.(),
      level: 1
    };
  }
});
const ChainedExtended = BaseExtended.extend({
  name: 'chainedUnderline',
  addOptions() {
    return {
      ...this.parent?.(),
      level: 2,
      active: true
    };
  }
});
assert.equal(ChainedExtended.name, 'chainedUnderline');
assert.deepEqual(
  ChainedExtended.options,
  {
    HTMLAttributes: {},
    level: 2,
    active: true
  },
  'Chained extended extension must inherit and override options'
);

// 6. An extended Underline extension can be configured with configure() to override options
const configured = ChainedExtended.configure({
  level: 3,
  HTMLAttributes: { 'data-level': '3' }
});
assert.equal(configured.name, 'chainedUnderline');
assert.deepEqual(
  configured.options,
  {
    HTMLAttributes: { 'data-level': '3' },
    level: 3,
    active: true
  },
  'Configured extended extension must reflect overridden options'
);

console.log('All @tiptap/extension-underline.extend contract tests passed successfully.');

Origin Seeder

anonymous