Skip to content

Commit

Permalink
organize template grid #4
Browse files Browse the repository at this point in the history
  • Loading branch information
@abrahamjuliot
abrahamjuliot committed Oct 11, 2020
1 parent b3c4fbc commit 187d833
Show file tree
Hide file tree
Showing 18 changed files with 187 additions and 157 deletions.
184 changes: 96 additions & 88 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,15 +31,15 @@
<div class="flex-grid">
<div class="col-four" id="creep-trash">
<strong>Trash</strong>
<div>trash (0):</div>
<div>gathered (0):</div>
</div>
<div class="col-four" id="creep-lies">
<strong>Lies</strong>
<div>lies (0):</div>
<div>unmasked (0):</div>
</div>
<div class="col-four" id="creep-captured-errors">
<strong>Errors</strong>
<div>errors (0):</div>
<div>captured (0):</div>
</div>
</div>
<div class="flex-grid">
Expand Down Expand Up @@ -72,43 +72,30 @@
</div>
<div class="col-six">
<div>hardwareConcurrency:</div>
<div>js math impl:</div>
<div>js runtime:</div>
<div>canvas 2d:</div>
<div>webgl vendor:</div>
<div>webgl renderer:</div>
<div class="block-text"></div>
</div>
</div>
</div>
<div class="flex-grid">
<div class="col-six" id="creep-media-devices">
<strong>Media Devices</strong>
<div>devices (0):</div>
<div class="block-text"></div>
</div>
<div class="col-six" id="creep-media-types">
<strong>Media Types</strong>
<div>results:</div>
</div>
</div>
<div>
<div id="creep-canvas-webgl">
<strong>WebGLRenderingContext</strong>
<div>matching renderer/vendor:</div>
<div>matching data URI:</div>
<div class="flex-grid">
<div class="col-six">
<strong>WebGL</strong>
<div>toDataURL:</div>
<strong>webgl</strong>
<div>parameters (0):</div>
<div>extensions (0):</div>
<div>vendor:</div>
<div>renderer:</div>
<div class="block-text"></div>
</div>
<div class="col-six">
<strong>WebGL2</strong>
<div>toDataURL:</div>
<strong>webgl2</strong>
<div>parameters (0):</div>
<div>extensions (0):</div>
<div>vendor:</div>
Expand All @@ -117,28 +104,55 @@
</div>
</div>
</div>
<div class="flex-grid">
<div class="col-six" id="creep-canvas-2d">
<strong>CanvasRenderingContext2D</strong>
</div>
<div class="col-six" id="creep-canvas-bitmap-renderer">
<strong>ImageBitmapRenderingContext</strong>
</div>
</div>
<div class="flex-grid">
<div class="col-six" id="creep-canvas-2d">
<strong>Canvas 2d</strong>
</div>
<div class="col-six" id="creep-canvas-bitmap-renderer">
<strong>Canvas bitmaprenderer</strong>
</div>
</div>
<div id="creep-offline-audio-context">
<strong>Audio</strong>
<div>sample:</div>
<div>copy:</div>
<div>matching:</div>
<div>node values:</div>
<div class="flex-grid">
<div class="col-six" id="creep-media-devices">
<strong>Media Devices</strong>
<div>devices (0):</div>
<div class="block-text"></div>
</div>
<div class="col-six" id="creep-media-types">
<strong>Media Types</strong>
<div>results:</div>
</div>
</div>
<div class="flex-grid">
<div class="col-six" id="creep-offline-audio-context">
<strong>Audio</strong>
<div>sample:</div>
<div>copy:</div>
<div>matching:</div>
<div>node values:</div>
</div>
<div class="col-six" id="creep-voices">
<strong>SpeechSynthesis</strong>
<div>voices (0):</div>
<div>microsoft:</div>
<div>google:</div>
<div>chrome OS:</div>
<div>android:</div>
</div>
</div>
<div id="creep-client-rects">
<strong>DOMRect</strong>
<div>elements:</div>
<div>results:</div>
<div>emojis v13.0:</div>
<div>results:</div>
<div class="flex-grid">
<div class="col-six" id="creep-client-rects">
<strong>DOMRect</strong>
<div>elements:</div>
<div>results:</div>
<div>emojis v13.0:</div>
<div>results:</div>
</div>
<div class="col-six" id="creep-fonts">
<strong>Fonts</strong>
<div>results (0):</div>
</div>
</div>
<div id="creep-timezone">
<strong>Timezone</strong>
Expand Down Expand Up @@ -170,38 +184,34 @@
</div>
</div>
</div>
<div id="creep-fonts">
<strong>Fonts</strong>
<div>results (0):</div>
<div id="creep-css-style-declaration-version">
<strong>CSSStyleDeclaration</strong>
<div>system:</div>
<div>engine:</div>
<div>browser: </div>
<div>prototype:</div>
<div>getComputedStyle:</div>
<div>HTMLElement.style:</div>
<div>CSSRuleList.style:</div>
<div>keys:</div>
<div>moz:</div>
<div>webkit:</div>
<div>apple:</div>
<div>matching:</div>
<div>system styles:</div>
<div>system styles rendered:</div>
</div>
<div>
<div id="creep-css-style-declaration-version">
<strong>CSSStyleDeclaration</strong>
<div>system:</div>
<div>engine:</div>
<div>browser: </div>
<div>prototype:</div>
<div>getComputedStyle:</div>
<div>HTMLElement.style:</div>
<div>CSSRuleList.style:</div>
<div>keys:</div>
<div>moz:</div>
<div>webkit:</div>
<div>apple:</div>
<div>matching:</div>
<div>system styles:</div>
<div>system styles rendered:</div>
</div>
<div class="flex-grid">
<div class="col-six" id="creep-maths">
<strong>Math</strong>
<div>js runtime:</div>
<div>results:</div>
<div>js impl:</div>
</div>
<div class="col-six" id="creep-console-errors">
<strong>Error</strong>
<div>results:</div>
<div>js engine:</div>
<div>results:</div>
</div>
</div>
<div class="flex-grid">
Expand All @@ -223,34 +233,32 @@

<div id="creep-navigator">
<strong>Navigator</strong>
<div>platform:</div>
<div>system:</div>
<div>userAgent:</div>
<div class="block-text"></div>
<div>appVersion:</div>
<div class="block-text"></div>
<div>deviceMemory:</div>
<div>doNotTrack:</div>
<div>hardwareConcurrency:</div>
<div>language:</div>
<div>maxTouchPoints:</div>
<div>vendor:</div>
<div>plugins (0):</div>
<div>mimeTypes (0):</div>
<div>ua architecture:</div>
<div>ua model:</div>
<div>ua platform:</div>
<div>ua platformVersion:</div>
<div>ua uaFullVersion:</div>
<div>properties (0):</div>
</div>
<div id="creep-voices">
<strong>SpeechSynthesis</strong>
<div>voices (0):</div>
<div>microsoft:</div>
<div>google:</div>
<div>chrome OS:</div>
<div>android:</div>
<div class="flex-grid">
<div class="col-six">
<div>deviceMemory:</div>
<div>doNotTrack:</div>
<div>hardwareConcurrency:</div>
<div>language:</div>
<div>maxTouchPoints:</div>
<div>vendor:</div>
<div>plugins (0):</div>
<div>mimeTypes (0):</div>
<div>ua architecture:</div>
<div>ua model:</div>
<div>ua platform:</div>
<div>ua platformVersion:</div>
<div>ua uaFullVersion:</div>
<div>properties (0):</div>
</div>
<div class="col-six">
<div>platform:</div>
<div>system:</div>
<div>userAgent:</div>
<div class="block-text"></div>
<div>appVersion:</div>
<div class="block-text"></div>
</div>
</div>
</div>
<div>
Data auto deletes <a href="https://github.com/abrahamjuliot/creepjs/blob/8d6603ee39c9534cad700b899ef221e0ee97a5a4/server.gs#L24" target="_blank">every 7 days</a>
Expand Down
2 changes: 1 addition & 1 deletion modules/audio.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -125,7 +125,7 @@ export const getOfflineAudioContext = imports => {
const id = 'creep-offline-audio-context'
const el = document.getElementById(id)
return patch(el, html`
<div>
<div class="col-six">
<strong>Audio</strong><span class="${lied ? 'lies ' : ''}hash">${hashMini($hash)}</span>
<div>sample: ${binsSample[0]}</div>
<div>copy: ${copySample[0]}</div>
Expand Down
2 changes: 1 addition & 1 deletion modules/canvas2d.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ export const getCanvas2d = imports => {
const el = document.getElementById('creep-canvas-2d')
return patch(el, html`
<div class="col-six">
<strong>CanvasRenderingContext2D</strong><span class="${lied ? 'lies ' : ''}hash">${hashMini($hash)}</span>
<strong>Canvas 2d</strong><span class="${lied ? 'lies ' : ''}hash">${hashMini($hash)}</span>
</div>
`)
}
Expand Down
2 changes: 1 addition & 1 deletion modules/canvasBitmap.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ export const getCanvasBitmapRenderer = imports => {
const el = document.getElementById('creep-canvas-bitmap-renderer')
return patch(el, html`
<div class="col-six">
<strong>ImageBitmapRenderingContext</strong><span class="${lied ? 'lies ' : ''}hash">${hashMini($hash)}</span>
<strong>Canvas bitmaprenderer</strong><span class="${lied ? 'lies ' : ''}hash">${hashMini($hash)}</span>
</div>
`)
}
Expand Down
6 changes: 2 additions & 4 deletions modules/canvasWebgl.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -268,8 +268,7 @@ export const getCanvasWebgl = imports => {
<div>matching data URI: ${''+data.matchingDataURI}</div>
<div class="flex-grid">
<div class="col-six">
<strong>WebGL</strong>
<div>toDataURL: ${hashMini(dataURI.$hash)}</div>
<strong>webgl</strong><span class="sub-hash">${hashMini(dataURI.$hash)}</span>
<div>parameters (${count(webglSpecsKeys)}): ${
!webglSpecsKeys.length ? note.unsupported :
modal(`${id}-p-v1`, webglSpecsKeys.map(key => `${key}: ${webglSpecs[key]}`).join('<br>'))
Expand All @@ -284,8 +283,7 @@ export const getCanvasWebgl = imports => {
</div>
</div>
<div class="col-six">
<strong>WebGL2</strong>
<div>toDataURL: ${hashMini(dataURI2.$hash)}</div>
<strong>webgl2</strong><span class="sub-hash">${hashMini(dataURI2.$hash)}</span>
<div>parameters (${count(webgl2SpecsKeys)}): ${
!webgl2SpecsKeys.length ? note.unsupported :
modal(`${id}-p-v2`, webgl2SpecsKeys.map(key => `${key}: ${webgl2Specs[key]}`).join('<br>'))
Expand Down
4 changes: 2 additions & 2 deletions modules/captureErrors.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -118,8 +118,8 @@ const getCapturedErrors = imports => {
const el = document.getElementById(id)
return patch(el, html`
<div class="col-four${len ? ' errors': ''}">
<strong>Errors</strong><span class="hash">${hashMini($hash)}</span>
<div>errors (${!len ? '0' : ''+len }): ${
<strong>Errors</strong>${len ? `<span class="hash">${hashMini($hash)}</span>` : ''}
<div>captured (${!len ? '0' : ''+len}): ${
len ? modal(id, Object.keys(data).map((key, i) => `${i+1}: ${data[key].trustedName} - ${data[key].trustedMessage} `).join('<br>')) : ''
}</div>
</div>
Expand Down
14 changes: 10 additions & 4 deletions modules/computedStyle.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -226,7 +226,7 @@ export const getCSSStyleDeclarationVersion = imports => {
return patch(el, html`
<div>
<strong>CSSStyleDeclaration</strong><span class="hash">${hashMini($hash)}</span>
<div class="ellipsis">system: ${decryptKnown(system.$hash)}</div>
<div>system: ${decryptKnown(system.$hash)}</div>
<div>engine: ${
prototypeName == 'CSS2Properties' ? 'Gecko' :
prototypeName == 'CSS2PropertiesPrototype' ? 'Gecko (like Goanna)' :
Expand All @@ -235,12 +235,18 @@ export const getCSSStyleDeclarationVersion = imports => {
prototypeName == 'CSSStyleDeclarationPrototype' ? 'Webkit' :
'unknown'
}</div>
<div class="ellipsis">browser: ${decryptKnown(computedStyle.$hash)}</div>
<div>browser: ${decryptKnown(computedStyle.$hash)}</div>
<div>prototype: ${prototypeName}</div>
${
Object.keys(data).map(key => {
const value = data[key]
return key != 'matching' && key != 'system' ? `<div class="ellipsis">${key}: ${value ? hashMini(value.$hash) : note.blocked}</div>` : ''
return (
key != 'matching' && key != 'system' ?
`<div>${key}:${
value ? `<span class="sub-hash">${hashMini(value.$hash)}</span>` : ` ${note.blocked}`
}</div>` :
''
)
}).join('')
}
<div>keys: ${computedStyle.keys.length}, ${htmlElementStyle.keys.length}, ${cssRuleListstyle.keys.length}
Expand All @@ -252,7 +258,7 @@ export const getCSSStyleDeclarationVersion = imports => {
<div>apple: ${''+computedStyle.apple}, ${''+htmlElementStyle.apple}, ${''+cssRuleListstyle.apple}
</div>
<div>matching: ${''+data.matching}</div>
<div class="ellipsis">system styles: ${hashMini(system.$hash)}</div>
<div>system styles: ${hashMini(system.$hash)}</div>
<div>system styles rendered: ${
system && system.colors ? modal(
`${id}-system-styles`,
Expand Down
2 changes: 1 addition & 1 deletion modules/consoleErrors.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -49,8 +49,8 @@ export const getConsoleErrors = imports => {
return patch(el, html`
<div class="col-six">
<strong>Error</strong><span class="hash">${hashMini($hash)}</span>
<div>js engine: ${decryptKnown($hash)}</div>
<div>results: ${modal(id, results.join('<br>'))}
<div class="ellipsis">js engine: ${decryptKnown($hash)}</div>
</div>
`)
}
Expand Down
2 changes: 1 addition & 1 deletion modules/decrypt.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ export const decrypt = ({ require: [ userAgentData, hashMini ] }) => {
const report = userAgentData.filter(report => report.id == hash)[0]
if (report && report.decoded) {
const { uaSystem, decoded } = report
return `${decoded}${!uaSystem.length || uaSystem.length > 1 ? '' : ` (like ${uaSystem[0]})`}`
return `${decoded}${!uaSystem.length || uaSystem.length > 1 ? '' : ` (${uaSystem[0]})`}`
}
else {
return 'unknown'
Expand Down
2 changes: 1 addition & 1 deletion modules/fonts.js
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

4 changes: 2 additions & 2 deletions modules/lies.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -869,8 +869,8 @@ const getLies = imports => {
const el = document.getElementById(id)
return patch(el, html`
<div class="col-four${totalLies ? ' lies': ''}">
<strong>Lies</strong><span class="hash">${hashMini($hash)}</span>
<div>lies (${!totalLies ? '0' : ''+totalLies }): ${
<strong>Lies</strong>${totalLies ? `<span class="hash">${hashMini($hash)}</span>` : ''}
<div>unmasked (${!totalLies ? '0' : ''+totalLies }): ${
totalLies ? modal(id, Object.keys(data).map(key => {
const { name, lieTypes: { lies, fingerprint } } = data[key]
const lieFingerprint = !!fingerprint ? { hash: hashMini(fingerprint), json: sanitize(toJSONFormat(fingerprint)) } : undefined
Expand Down
Loading

0 comments on commit 187d833

Please sign in to comment.