README.rst

Latest commit

History

History
112 lines (68 loc) · 2.01 KB

README.rst

File metadata and controls

112 lines (68 loc) · 2.01 KB
Raw

Hyper2Web

Super Fast HTTP2 Framework for Progressive Web Application

Installation

To install Hyper2Web, run this command in your terminal:

$ # due to a known issue, please install Curio manually
$ pip install git+https://github.com/dabeaz/curio.git
$ pip install hyper2web

This is the preferred method to install Hyper2Web, as it will always install the most recent stable release.

If you don't have pip installed, this Python installation guide can guide you through the process.

Dependency

Python3.6

h2

curio

Quick Start

Assuming you have a directory structure like:

your project/
--public/
--index.html
--index.js
...
--app.py

Your app.py looks like

fromhyper2webimportappif__name__=='__main__':
# A basic callback style API is provided# Function name is up to youasyncdefpost_echo(request, response):
# Send the data received back to the clientawaitresponse.send(request.stream.data)
app=app.App(port=5000)
app.post('name', post_echo)
app.up()

Then run this script

$ python app.py

That's it!

If you just want to serve static files, it's just 2 lines!

fromhyper2webimportappapp.App(port=5000).up()

Docs

Documentation is hosted on hyper2web.readthedocs.io.

Example

See the example folders for examples.

Test

$ python -m unittest discover test

Run all tests under test/ dir.

Misc

Why did I create this framework?

April 23rd, 2017, Sunday, I woke up and felt bored and decided to create my own HTTP2 web framework.

Since I had little or some prior web knowledge, this would be a super learning and fun project for me.

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all 
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '

Skip to content
README.rst
Latest commit
History
History
112 lines (68 loc) · 2.01 KB
README.rst
File metadata and controls
112 lines (68 loc) · 2.01 KB
Raw
Hyper2Web
Super Fast HTTP2 Framework for Progressive Web Application
Installation
To install Hyper2Web, run this command in your terminal:
$ # due to a known issue, please install Curio manually
$ pip install git+https://github.com/dabeaz/curio.git
$ pip install hyper2web
This is the preferred method to install Hyper2Web, as it will always install the most recent stable release.
If you don't have pip installed, this Python installation guide can guide
you through the process.
Dependency
Python3.6
h2
curio
Quick Start
Assuming you have a directory structure like:
your project/
--public/
--index.html
--index.js
...
--app.py

Your app.py looks like
fromhyper2webimportappif__name__=='__main__':
# A basic callback style API is provided# Function name is up to youasyncdefpost_echo(request, response):
# Send the data received back to the clientawaitresponse.send(request.stream.data)
app=app.App(port=5000)
app.post('name', post_echo)
app.up()
Then run this script
$ python app.py
That's it!
If you just want to serve static files, it's just 2 lines!
fromhyper2webimportappapp.App(port=5000).up()
Docs
Documentation is hosted on hyper2web.readthedocs.io.
Example
See the example folders for examples.
Test
$ python -m unittest discover test
Run all tests under test/ dir.
Misc
Why did I create this framework?
April 23rd, 2017, Sunday, I woke up and felt bored and decided to create my own HTTP2 web framework.
Since I had little or some prior web knowledge, this would be a super learning and fun project for me.

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix");
}
} catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
README.rst
Latest commit
History
History
112 lines (68 loc) · 2.01 KB
README.rst
File metadata and controls
112 lines (68 loc) · 2.01 KB
Raw
Hyper2Web
Super Fast HTTP2 Framework for Progressive Web Application
Installation
To install Hyper2Web, run this command in your terminal:
$ # due to a known issue, please install Curio manually
$ pip install git+https://github.com/dabeaz/curio.git
$ pip install hyper2web
This is the preferred method to install Hyper2Web, as it will always install the most recent stable release.
If you don't have pip installed, this Python installation guide can guide
you through the process.
Dependency
Python3.6
h2
curio
Quick Start
Assuming you have a directory structure like:
your project/
--public/
--index.html
--index.js
...
--app.py

Your app.py looks like
fromhyper2webimportappif__name__=='__main__':
# A basic callback style API is provided# Function name is up to youasyncdefpost_echo(request, response):
# Send the data received back to the clientawaitresponse.send(request.stream.data)
app=app.App(port=5000)
app.post('name', post_echo)
app.up()
Then run this script
$ python app.py
That's it!
If you just want to serve static files, it's just 2 lines!
fromhyper2webimportappapp.App(port=5000).up()
Docs
Documentation is hosted on hyper2web.readthedocs.io.
Example
See the example folders for examples.
Test
$ python -m unittest discover test
Run all tests under test/ dir.
Misc
Why did I create this framework?
April 23rd, 2017, Sunday, I woke up and felt bored and decided to create my own HTTP2 web framework.
Since I had little or some prior web knowledge, this would be a super learning and fun project for me.

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms");
}
} catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
README.rst
Latest commit
History
History
112 lines (68 loc) · 2.01 KB
README.rst
File metadata and controls
112 lines (68 loc) · 2.01 KB
Raw
Hyper2Web
Super Fast HTTP2 Framework for Progressive Web Application
Installation
To install Hyper2Web, run this command in your terminal:
$ # due to a known issue, please install Curio manually
$ pip install git+https://github.com/dabeaz/curio.git
$ pip install hyper2web
This is the preferred method to install Hyper2Web, as it will always install the most recent stable release.
If you don't have pip installed, this Python installation guide can guide
you through the process.
Dependency
Python3.6
h2
curio
Quick Start
Assuming you have a directory structure like:
your project/
--public/
--index.html
--index.js
...
--app.py

Your app.py looks like
fromhyper2webimportappif__name__=='__main__':
# A basic callback style API is provided# Function name is up to youasyncdefpost_echo(request, response):
# Send the data received back to the clientawaitresponse.send(request.stream.data)
app=app.App(port=5000)
app.post('name', post_echo)
app.up()
Then run this script
$ python app.py
That's it!
If you just want to serve static files, it's just 2 lines!
fromhyper2webimportappapp.App(port=5000).up()
Docs
Documentation is hosted on hyper2web.readthedocs.io.
Example
See the example folders for examples.
Test
$ python -m unittest discover test
Run all tests under test/ dir.
Misc
Why did I create this framework?
April 23rd, 2017, Sunday, I woke up and felt bored and decided to create my own HTTP2 web framework.
Since I had little or some prior web knowledge, this would be a super learning and fun project for me.

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links");
}
} catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); }
})();
(function(){
try {
var __m = "youtube.com";
var __re = new RegExp('^' + "youtube\\.com" + '

Skip to content
README.rst
Latest commit
History
History
112 lines (68 loc) · 2.01 KB
README.rst
File metadata and controls
112 lines (68 loc) · 2.01 KB
Raw
Hyper2Web
Super Fast HTTP2 Framework for Progressive Web Application
Installation
To install Hyper2Web, run this command in your terminal:
$ # due to a known issue, please install Curio manually
$ pip install git+https://github.com/dabeaz/curio.git
$ pip install hyper2web
This is the preferred method to install Hyper2Web, as it will always install the most recent stable release.
If you don't have pip installed, this Python installation guide can guide
you through the process.
Dependency
Python3.6
h2
curio
Quick Start
Assuming you have a directory structure like:
your project/
--public/
--index.html
--index.js
...
--app.py

Your app.py looks like
fromhyper2webimportappif__name__=='__main__':
# A basic callback style API is provided# Function name is up to youasyncdefpost_echo(request, response):
# Send the data received back to the clientawaitresponse.send(request.stream.data)
app=app.App(port=5000)
app.post('name', post_echo)
app.up()
Then run this script
$ python app.py
That's it!
If you just want to serve static files, it's just 2 lines!
fromhyper2webimportappapp.App(port=5000).up()
Docs
Documentation is hosted on hyper2web.readthedocs.io.
Example
See the example folders for examples.
Test
$ python -m unittest discover test
Run all tests under test/ dir.
Misc
Why did I create this framework?
April 23rd, 2017, Sunday, I woke up and felt bored and decided to create my own HTTP2 web framework.
Since I had little or some prior web knowledge, this would be a super learning and fun project for me.

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default");
}
} catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
README.rst
Latest commit
History
History
112 lines (68 loc) · 2.01 KB
README.rst
File metadata and controls
112 lines (68 loc) · 2.01 KB
Raw
Hyper2Web
Super Fast HTTP2 Framework for Progressive Web Application
Installation
To install Hyper2Web, run this command in your terminal:
$ # due to a known issue, please install Curio manually
$ pip install git+https://github.com/dabeaz/curio.git
$ pip install hyper2web
This is the preferred method to install Hyper2Web, as it will always install the most recent stable release.
If you don't have pip installed, this Python installation guide can guide
you through the process.
Dependency
Python3.6
h2
curio
Quick Start
Assuming you have a directory structure like:
your project/
--public/
--index.html
--index.js
...
--app.py

Your app.py looks like
fromhyper2webimportappif__name__=='__main__':
# A basic callback style API is provided# Function name is up to youasyncdefpost_echo(request, response):
# Send the data received back to the clientawaitresponse.send(request.stream.data)
app=app.App(port=5000)
app.post('name', post_echo)
app.up()
Then run this script
$ python app.py
That's it!
If you just want to serve static files, it's just 2 lines!
fromhyper2webimportappapp.App(port=5000).up()
Docs
Documentation is hosted on hyper2web.readthedocs.io.
Example
See the example folders for examples.
Test
$ python -m unittest discover test
Run all tests under test/ dir.
Misc
Why did I create this framework?
April 23rd, 2017, Sunday, I woke up and felt bored and decided to create my own HTTP2 web framework.
Since I had little or some prior web knowledge, this would be a super learning and fun project for me.

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers");
}
} catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
README.rst
Latest commit
History
History
112 lines (68 loc) · 2.01 KB
README.rst
File metadata and controls
112 lines (68 loc) · 2.01 KB
Raw
Hyper2Web
Super Fast HTTP2 Framework for Progressive Web Application
Installation
To install Hyper2Web, run this command in your terminal:
$ # due to a known issue, please install Curio manually
$ pip install git+https://github.com/dabeaz/curio.git
$ pip install hyper2web
This is the preferred method to install Hyper2Web, as it will always install the most recent stable release.
If you don't have pip installed, this Python installation guide can guide
you through the process.
Dependency
Python3.6
h2
curio
Quick Start
Assuming you have a directory structure like:
your project/
--public/
--index.html
--index.js
...
--app.py

Your app.py looks like
fromhyper2webimportappif__name__=='__main__':
# A basic callback style API is provided# Function name is up to youasyncdefpost_echo(request, response):
# Send the data received back to the clientawaitresponse.send(request.stream.data)
app=app.App(port=5000)
app.post('name', post_echo)
app.up()
Then run this script
$ python app.py
That's it!
If you just want to serve static files, it's just 2 lines!
fromhyper2webimportappapp.App(port=5000).up()
Docs
Documentation is hosted on hyper2web.readthedocs.io.
Example
See the example folders for examples.
Test
$ python -m unittest discover test
Run all tests under test/ dir.
Misc
Why did I create this framework?
April 23rd, 2017, Sunday, I woke up and felt bored and decided to create my own HTTP2 web framework.
Since I had little or some prior web knowledge, this would be a super learning and fun project for me.

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode");
}
} catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); }
})();
})();

Skip to content
README.rst
Latest commit
History
History
112 lines (68 loc) · 2.01 KB
README.rst
File metadata and controls
112 lines (68 loc) · 2.01 KB
Raw
Hyper2Web
Super Fast HTTP2 Framework for Progressive Web Application
Installation
To install Hyper2Web, run this command in your terminal:
$ # due to a known issue, please install Curio manually
$ pip install git+https://github.com/dabeaz/curio.git
$ pip install hyper2web
This is the preferred method to install Hyper2Web, as it will always install the most recent stable release.
If you don't have pip installed, this Python installation guide can guide
you through the process.
Dependency
Python3.6
h2
curio
Quick Start
Assuming you have a directory structure like:
your project/
--public/
--index.html
--index.js
...
--app.py

Your app.py looks like
fromhyper2webimportappif__name__=='__main__':
# A basic callback style API is provided# Function name is up to youasyncdefpost_echo(request, response):
# Send the data received back to the clientawaitresponse.send(request.stream.data)
app=app.App(port=5000)
app.post('name', post_echo)
app.up()
Then run this script
$ python app.py
That's it!
If you just want to serve static files, it's just 2 lines!
fromhyper2webimportappapp.App(port=5000).up()
Docs
Documentation is hosted on hyper2web.readthedocs.io.
Example
See the example folders for examples.
Test
$ python -m unittest discover test
Run all tests under test/ dir.
Misc
Why did I create this framework?
April 23rd, 2017, Sunday, I woke up and felt bored and decided to create my own HTTP2 web framework.
Since I had little or some prior web knowledge, this would be a super learning and fun project for me.