vuehex 0.5.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/LICENSE.txt +23 -0
  2. package/README.md +397 -0
  3. package/dist/index.js +1419 -0
  4. package/dist/screenshot001.png +0 -0
  5. package/dist/screenshot002.png +0 -0
  6. package/dist/styles.css +1 -0
  7. package/dist/styles.js +0 -0
  8. package/package.json +80 -0
package/dist/screenshot001.png ADDED
Binary file
package/dist/screenshot002.png ADDED
Binary file
package/dist/styles.css ADDED
@@ -0,0 +1 @@
1
+ .vuehex-root{box-sizing:border-box;gap:.75rem;width:100%;height:100%;display:flex}.vuehex-root--expand-to-content{height:auto}.vuehex-root--horizontal{flex-direction:row;align-items:stretch}.vuehex-root--vertical{flex-direction:column}.vuehex-viewer{flex:auto;min-width:0;min-height:0;display:flex;overflow:hidden}.vuehex-viewer--with-statusbar{flex-direction:column}.vuehex-viewer>.vuehex{flex:auto;height:auto;min-height:0}.vuehex-statusbar{border:1px solid var(--vuehex-ui-border-color,var(--vuehex-border-color));background:var(--vuehex-ui-background,var(--vuehex-background));color:var(--vuehex-ui-foreground,var(--vuehex-foreground));align-items:center;gap:.75rem;padding:.5rem .75rem;font-size:.8rem;display:flex}.vuehex-statusbar__section{flex:1 1 0;align-items:center;gap:.75rem;min-width:0;display:flex}.vuehex-statusbar__section--left{justify-content:flex-start}.vuehex-statusbar__section--middle{justify-content:center}.vuehex-statusbar__section--right{justify-content:flex-end}.vuehex-statusbar__item{white-space:nowrap;align-items:baseline;gap:.4rem;display:inline-flex}.vuehex-statusbar__label{opacity:.75}.vuehex-statusbar__value{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;display:inline-block;overflow:hidden}.vuehex-statusbar__item--selection{margin-left:auto}.vuehex-statusbar--top{border-bottom:none}.vuehex-viewer--statusbar-top>.vuehex,.vuehex-statusbar--bottom{border-top:none}.vuehex-viewer--statusbar-bottom>.vuehex{border-bottom:none}.vuehex-viewer--with-nav.vuehex-viewer--nav-left,.vuehex-viewer--with-nav.vuehex-viewer--nav-right{flex:auto}.vuehex-chunk-nav{border:1px solid var(--vuehex-ui-border-color,var(--vuehex-border-color));background:var(--vuehex-ui-background,var(--vuehex-background));color:var(--vuehex-ui-foreground,var(--vuehex-foreground));box-shadow:var(--vuehex-ui-shadow,0 12px 24px #0f172a1f);flex:none;gap:.5rem;padding:.6rem;display:flex}.vuehex-chunk-nav--right,.vuehex-chunk-nav--left{flex-direction:column;align-items:stretch;min-width:220px;max-width:280px}.vuehex-chunk-nav--right{order:1}.vuehex-chunk-nav--left{order:-1}.vuehex-chunk-nav--top,.vuehex-chunk-nav--bottom{flex-direction:row;align-items:center;width:100%}.vuehex-chunk-nav--top{order:-1}.vuehex-chunk-nav--bottom{order:1}.vuehex-chunk-nav__header{flex-direction:column;gap:.25rem;display:flex}.vuehex-chunk-nav__title{font-size:.9rem;font-weight:600}.vuehex-chunk-nav__summary{opacity:.75;font-size:.75rem}.vuehex-chunk-list{flex-direction:column;flex:auto;gap:.25rem;min-height:0;display:flex;overflow-y:auto}.vuehex-chunk-nav--top .vuehex-chunk-list,.vuehex-chunk-nav--bottom .vuehex-chunk-list{flex-direction:row;overflow:auto visible}.vuehex-chunk-item{border:1px solid var(--vuehex-ui-button-border-color,#94a3b826);background:var(--vuehex-ui-button-background,#94a3b814);color:inherit;cursor:pointer;flex-direction:column;align-items:flex-start;gap:.125rem;padding:.45rem .65rem;transition:border-color .15s,background-color .15s;display:flex}.vuehex-chunk-item:hover{border-color:var(--vuehex-ui-button-border-color-hover,#94a3b866);background:var(--vuehex-ui-button-background-hover,#94a3b81f)}.vuehex-chunk-item:focus-visible{outline:2px solid var(--vuehex-ui-focus-ring-color,#60a5facc);outline-offset:2px}.vuehex-chunk-item--active{border-color:var(--vuehex-ui-button-border-color-active,#60a5facc);background:var(--vuehex-ui-button-background-active,#60a5fa38)}.vuehex-chunk-item__label{font-size:.8rem;font-weight:600}.vuehex-chunk-item__range{opacity:.8;font-size:.75rem}.vuehex{--vuehex-background:#0f172a;--vuehex-foreground:#e2e8f0;--vuehex-border-color:#94a3b840;--vuehex-offset-color:#94a3b8;--vuehex-offset-leading-opacity:.4;--vuehex-row-divider:#94a3b833;--vuehex-byte-color:#f8fafc;--vuehex-ascii-color:#f1f5f9;--vuehex-ascii-non-printable-color:#94a3b873;--vuehex-ascii-column-border:#94a3b833;--vuehex-mid-column-gutter:1.5ch;--vuehex-scrollbar-track:#0f172a4d;--vuehex-scrollbar-thumb:#94a3b866;--vuehex-scrollbar-thumb-hover:#94a3b899;background:var(--vuehex-background);color:var(--vuehex-foreground);border:1px solid var(--vuehex-border-color);box-sizing:border-box;user-select:none;scrollbar-color:var(--vuehex-scrollbar-thumb)var(--vuehex-scrollbar-track);scrollbar-width:thin;padding:0 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;position:relative;overflow:auto}.vuehex::-webkit-scrollbar{width:12px;height:12px}.vuehex::-webkit-scrollbar-track{background:var(--vuehex-scrollbar-track)}.vuehex::-webkit-scrollbar-thumb{background:var(--vuehex-scrollbar-thumb);border:2px solid var(--vuehex-background);border-radius:6px}.vuehex::-webkit-scrollbar-thumb:hover{background:var(--vuehex-scrollbar-thumb-hover)}.vuehex::-webkit-scrollbar-corner{background:var(--vuehex-scrollbar-track)}.vuehex.vuehex--expand-to-content{height:auto;overflow:visible}.vuehex-table{border-collapse:collapse;table-layout:fixed;width:100%}.vuehex-inner{width:100%;min-height:100%;position:relative}.vuehex-table tbody tr{border-bottom:1px solid var(--vuehex-row-divider)}.vuehex-table tbody tr:last-child{border-bottom:none}.vuehex-offset{text-align:left;color:var(--vuehex-offset-color);white-space:nowrap;width:150px;padding:.25rem .75rem .25rem 0;font-weight:600}.vuehex-offset-leading{opacity:var(--vuehex-offset-leading-opacity)}.vuehex-bytes,.vuehex-ascii{white-space:nowrap}.vuehex-bytes{width:23.1rem;padding-right:.75rem}.vuehex-byte,.vuehex-ascii-char{text-align:center;display:inline-block}.vuehex-byte{min-width:2ch;color:var(--vuehex-byte-color);margin:0 .25ch}.vuehex-byte.vuehex-selected,.vuehex-ascii-char.vuehex-selected{outline-offset:-1px;background:#3b82f64d;outline:1px solid #3b82f6a6}.vuehex-byte.vuehex-cursor,.vuehex-ascii-char.vuehex-cursor{outline-offset:-2px;outline:2px solid #3b82f6d9}.vuehex-ascii-char.vuehex-selected--ascii{outline-style:dashed}.vuehex-ascii-char{min-width:1ch;margin:0}.vuehex-byte--column-start{margin-left:calc(var(--vuehex-mid-column-gutter) + .25ch)}.vuehex-ascii-char--column-start{margin-left:0}.vuehex-ascii{border-left:1px solid var(--vuehex-ascii-column-border);color:var(--vuehex-ascii-color);padding-left:.75rem}.vuehex-ascii-char{color:var(--vuehex-ascii-color)}.vuehex-ascii-char--non-printable{color:var(--vuehex-ascii-non-printable-color)}.vuehex-byte.vuehex-category-digit,.vuehex-ascii-char.vuehex-category-digit{color:#facc15}.vuehex-byte.vuehex-category-uppercase,.vuehex-ascii-char.vuehex-category-uppercase{color:#38bdf8}.vuehex-byte.vuehex-category-lowercase,.vuehex-ascii-char.vuehex-category-lowercase{color:#c084fc}.vuehex-byte.vuehex-category-null,.vuehex-ascii-char.vuehex-category-null{opacity:.55}.vuehex-byte.vuehex-category-erased,.vuehex-ascii-char.vuehex-category-erased{color:#fb923c}.vuehex-byte.vuehex-category-control,.vuehex-ascii-char.vuehex-category-control{color:#2dd4bf}.vuehex-byte.vuehex-category-highbit,.vuehex-ascii-char.vuehex-category-highbit{color:#f87171}.vuehex-byte.vuehex-linked-hover,.vuehex-ascii-char.vuehex-linked-hover{color:var(--vuehex-byte-color);cursor:pointer;background:#60a5fa40;outline:1px solid #fff}.vuehex-byte--placeholder,.vuehex-ascii-char--placeholder{visibility:hidden}.vuehex-theme-dark{--vuehex-background:#0f172a;--vuehex-foreground:#e2e8f0;--vuehex-border-color:#94a3b840;--vuehex-offset-color:#94a3b8;--vuehex-offset-leading-opacity:.35;--vuehex-row-divider:#94a3b82e;--vuehex-byte-color:#f8fafc;--vuehex-ascii-color:#f1f5f9;--vuehex-ascii-non-printable-color:#94a3b859;--vuehex-ascii-column-border:#94a3b83d;--vuehex-mid-column-gutter:1.5ch;--vuehex-scrollbar-track:#0f172a4d;--vuehex-scrollbar-thumb:#94a3b866;--vuehex-scrollbar-thumb-hover:#94a3b899;--vuehex-ui-background:var(--vuehex-background);--vuehex-ui-foreground:var(--vuehex-foreground);--vuehex-ui-border-color:var(--vuehex-border-color);--vuehex-ui-shadow:0 12px 24px #0f172a1f;--vuehex-ui-button-border-color:#94a3b826;--vuehex-ui-button-border-color-hover:#94a3b866;--vuehex-ui-button-border-color-active:#60a5facc;--vuehex-ui-button-background:#94a3b814;--vuehex-ui-button-background-hover:#94a3b81f;--vuehex-ui-button-background-active:#60a5fa38;--vuehex-ui-focus-ring-color:#60a5facc}.vuehex-theme-light{--vuehex-background:#f8fafc;--vuehex-foreground:#0f172a;--vuehex-border-color:#0f172a1f;--vuehex-offset-color:#0f172aa6;--vuehex-offset-leading-opacity:.5;--vuehex-row-divider:#0f172a14;--vuehex-byte-color:#1f2937;--vuehex-ascii-color:#334155;--vuehex-ascii-non-printable-color:#64748b80;--vuehex-ascii-column-border:#94a3b859;--vuehex-mid-column-gutter:1.5ch;--vuehex-scrollbar-track:#e2e8f099;--vuehex-scrollbar-thumb:#64748b66;--vuehex-scrollbar-thumb-hover:#64748b99;--vuehex-ui-background:var(--vuehex-background);--vuehex-ui-foreground:var(--vuehex-foreground);--vuehex-ui-border-color:var(--vuehex-border-color);--vuehex-ui-shadow:0 12px 24px #0f172a14;--vuehex-ui-button-border-color:#0f172a1f;--vuehex-ui-button-border-color-hover:#0f172a38;--vuehex-ui-button-border-color-active:#2563ebb3;--vuehex-ui-button-background:#0f172a08;--vuehex-ui-button-background-hover:#0f172a0f;--vuehex-ui-button-background-active:#2563eb1f;--vuehex-ui-focus-ring-color:#2563ebb3}.vuehex-theme-light [class~=vuehex-ascii-char--non-printable]{color:#64748b59}.vuehex-theme-auto{--vuehex-background:#0f172a;--vuehex-foreground:#e2e8f0;--vuehex-border-color:#94a3b840;--vuehex-offset-color:#94a3b8;--vuehex-offset-leading-opacity:.35;--vuehex-row-divider:#94a3b82e;--vuehex-byte-color:#f8fafc;--vuehex-ascii-color:#f1f5f9;--vuehex-scrollbar-track:#0f172a4d;--vuehex-scrollbar-thumb:#94a3b866;--vuehex-scrollbar-thumb-hover:#94a3b899;--vuehex-ascii-non-printable-color:#94a3b859;--vuehex-ascii-column-border:#94a3b83d;--vuehex-mid-column-gutter:1.5ch;--vuehex-ui-background:var(--vuehex-background);--vuehex-ui-foreground:var(--vuehex-foreground);--vuehex-ui-border-color:var(--vuehex-border-color);--vuehex-ui-shadow:0 12px 24px #0f172a1f;--vuehex-ui-button-border-color:#94a3b826;--vuehex-ui-button-border-color-hover:#94a3b866;--vuehex-ui-button-border-color-active:#60a5facc;--vuehex-ui-button-background:#94a3b814;--vuehex-ui-button-background-hover:#94a3b81f;--vuehex-ui-button-background-active:#60a5fa38;--vuehex-ui-focus-ring-color:#60a5facc}@media (prefers-color-scheme:light){.vuehex-theme-auto{--vuehex-background:#f8fafc;--vuehex-foreground:#0f172a;--vuehex-border-color:#0f172a1f;--vuehex-offset-color:#0f172aa6;--vuehex-offset-leading-opacity:.5;--vuehex-row-divider:#0f172a14;--vuehex-byte-color:#1f2937;--vuehex-ascii-color:#334155;--vuehex-scrollbar-track:#e2e8f099;--vuehex-scrollbar-thumb:#64748b66;--vuehex-scrollbar-thumb-hover:#64748b99;--vuehex-ascii-non-printable-color:#64748b80;--vuehex-ascii-column-border:#94a3b859;--vuehex-mid-column-gutter:1.5ch;--vuehex-ui-background:var(--vuehex-background);--vuehex-ui-foreground:var(--vuehex-foreground);--vuehex-ui-border-color:var(--vuehex-border-color);--vuehex-ui-shadow:0 12px 24px #0f172a14;--vuehex-ui-button-border-color:#0f172a1f;--vuehex-ui-button-border-color-hover:#0f172a38;--vuehex-ui-button-border-color-active:#2563ebb3;--vuehex-ui-button-background:#0f172a08;--vuehex-ui-button-background-hover:#0f172a0f;--vuehex-ui-button-background-active:#2563eb1f;--vuehex-ui-focus-ring-color:#2563ebb3}.vuehex-theme-auto [class~=vuehex-ascii-char--non-printable]{color:#64748b59}}@media (prefers-color-scheme:dark){.vuehex-theme-auto{--vuehex-background:#0f172a;--vuehex-foreground:#e2e8f0;--vuehex-border-color:#94a3b840;--vuehex-offset-color:#94a3b8;--vuehex-offset-leading-opacity:.35;--vuehex-row-divider:#94a3b82e;--vuehex-byte-color:#f8fafc;--vuehex-ascii-color:#f1f5f9;--vuehex-ascii-non-printable-color:#94a3b859;--vuehex-ascii-column-border:#94a3b83d;--vuehex-mid-column-gutter:1.5ch}}.vuehex-theme-terminal{--vuehex-background:#050505;--vuehex-foreground:#7fff7f;--vuehex-border-color:#50ff7840;--vuehex-offset-color:#8fff8fa6;--vuehex-offset-leading-opacity:.55;--vuehex-scrollbar-track:#00000080;--vuehex-scrollbar-thumb:#7fff7f59;--vuehex-scrollbar-thumb-hover:#7fff7f8c;--vuehex-row-divider:#50ff7826;--vuehex-byte-color:#7fff7f;--vuehex-ascii-color:#b8ff8a;--vuehex-ascii-non-printable-color:#7fff7f59;--vuehex-ascii-column-border:#7fff7f40;--vuehex-mid-column-gutter:1.5ch;--vuehex-ui-background:var(--vuehex-background);--vuehex-ui-foreground:var(--vuehex-foreground);--vuehex-ui-border-color:var(--vuehex-border-color);--vuehex-ui-shadow:0 12px 24px #00000073;--vuehex-ui-button-border-color:#7fff7f40;--vuehex-ui-button-border-color-hover:#7fff7f73;--vuehex-ui-button-border-color-active:#7fff7fbf;--vuehex-ui-button-background:#7fff7f14;--vuehex-ui-button-background-hover:#7fff7f1f;--vuehex-ui-button-background-active:#7fff7f2e;--vuehex-ui-focus-ring-color:#7fff7fb3}.vuehex-theme-sunset{--vuehex-background:radial-gradient(circle at top,#451952,#1f1728);--vuehex-foreground:#fee2e2;--vuehex-border-color:#f8717159;--vuehex-offset-color:#f87171bf;--vuehex-offset-leading-opacity:.5;--vuehex-scrollbar-track:#1f172880;--vuehex-scrollbar-thumb:#f8717173;--vuehex-scrollbar-thumb-hover:#f87171a6;--vuehex-row-divider:#f871711f;--vuehex-byte-color:#fca5a5;--vuehex-ascii-color:#fcd34d;--vuehex-ascii-non-printable-color:#fbbf2466;--vuehex-ascii-column-border:#f8717140;--vuehex-mid-column-gutter:1.5ch;--vuehex-ui-background:var(--vuehex-background);--vuehex-ui-foreground:var(--vuehex-foreground);--vuehex-ui-border-color:var(--vuehex-border-color);--vuehex-ui-shadow:0 14px 30px #0f172a38;--vuehex-ui-button-border-color:#f8717138;--vuehex-ui-button-border-color-hover:#f871716b;--vuehex-ui-button-border-color-active:#fbbf24a6;--vuehex-ui-button-background:#f871711a;--vuehex-ui-button-background-hover:#f8717126;--vuehex-ui-button-background-active:#fbbf242e;--vuehex-ui-focus-ring-color:#fbbf24a6}
package/dist/styles.js ADDED
File without changes
package/package.json ADDED
@@ -0,0 +1,80 @@
1
+ {
2
+ "name": "vuehex",
3
+ "version": "0.5.3",
4
+ "private": false,
5
+ "description": "A fast and flexible Vue 3 component for displaying binary data as a hexadecimal view",
6
+ "author": "Vincent Vollers",
7
+ "license": "MIT",
8
+ "type": "module",
9
+ "main": "./dist/index.js",
10
+ "module": "./dist/index.js",
11
+ "types": "./dist/index.d.ts",
12
+ "exports": {
13
+ ".": {
14
+ "import": "./dist/index.js",
15
+ "types": "./dist/index.d.ts"
16
+ },
17
+ "./styles": {
18
+ "import": "./dist/styles.js",
19
+ "types": "./dist/styles.d.ts"
20
+ },
21
+ "./style.css": "./dist/style.css",
22
+ "./package.json": "./package.json"
23
+ },
24
+ "files": [
25
+ "dist",
26
+ "README.md",
27
+ "LICENSE.txt"
28
+ ],
29
+ "scripts": {
30
+ "dev": "vite",
31
+ "build": "vite build && vue-tsc --declaration --emitDeclarationOnly --outDir dist",
32
+ "build:demo": "vite build --mode demo",
33
+ "preview": "vite preview",
34
+ "storybook": "storybook dev -p 6006 --disable-telemetry",
35
+ "storybook:build": "storybook build --output-dir dist-storybook",
36
+ "lint": "biome check",
37
+ "type-check": "vue-tsc --noEmit",
38
+ "format": "biome check --write",
39
+ "prepublishOnly": "npm run build"
40
+ },
41
+ "dependencies": {},
42
+ "peerDependencies": {
43
+ "vue": "^3.5.0"
44
+ },
45
+ "devDependencies": {
46
+ "@biomejs/biome": "2.3.10",
47
+ "@storybook/addon-docs": "^10.1.11",
48
+ "@storybook/addon-links": "^10.1.11",
49
+ "@storybook/vue3-vite": "^10.1.11",
50
+ "@types/node": "^25.0.3",
51
+ "@vitejs/plugin-vue": "^6.0.3",
52
+ "@vue/tsconfig": "^0.8.1",
53
+ "storybook": "^10.1.11",
54
+ "typescript": "~5.9.3",
55
+ "vite": "npm:rolldown-vite@7.2.5",
56
+ "vue": "^3.5.26",
57
+ "vue-tsc": "^3.1.8"
58
+ },
59
+ "overrides": {
60
+ "vite": "npm:rolldown-vite@7.2.5"
61
+ },
62
+ "keywords": [
63
+ "vue",
64
+ "vue3",
65
+ "hex",
66
+ "hex-view",
67
+ "hex-editor",
68
+ "binary",
69
+ "component",
70
+ "virtualized"
71
+ ],
72
+ "repository": {
73
+ "type": "git",
74
+ "url": "git+https://github.com/vvollers/vuehex.git"
75
+ },
76
+ "bugs": {
77
+ "url": "https://github.com/vvollers/vuehex/issues"
78
+ },
79
+ "homepage": "https://vvollers.github.io/vuehex/"
80
+ }