Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/stopsopa/stopsopa.github.io
https://github.com/stopsopa/stopsopa.github.io
Last synced: 22 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/stopsopa/stopsopa.github.io
- Owner: stopsopa
- Created: 2015-04-17T20:37:24.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2024-04-13T19:28:42.000Z (7 months ago)
- Last Synced: 2024-04-14T07:27:09.294Z (7 months ago)
- Language: HTML
- Homepage: https://stopsopa.github.io/start.html
- Size: 9.32 MB
- Stars: 1
- Watchers: 3
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ci skip
use [q] in git comment to skip test (for fast release) [.github/workflows/pipeline.yml](.github/workflows/pipeline.yml)
# Ace editor objects syntax:
```js
function (a, b, c) {
console.log('textarea', a)
}
attributes:
type - required : editor | syntax
data-lang - required
data-w - optional: any valid css value for width css directive
datahw - optional: any valid css value for height css directive
Warning: Just specify type="typescript" and script on site will load
/js/ace/ace-builds-1.15.0/src-min-noconflict/mode-typescript.js
```
[supported syntax](https://github.com/ajaxorg/ace/blob/v1.15.3/src/ext/modelist.js#L44)
- (in older versions up to v1.8.1 the file was here: https://github.com/ajaxorg/ace/blob/v1.8.1/lib/ace/ext/modelist.js#L53)
## You can add manually TOC to the document in order to add some extra links to TOC
```html
stopsopa.github.io
```
# attribute helpers
... children nodes... - sorts all children based on innerText
toc - turn on Table of Content
nohead - no header
nofoot - no footer
# new page template
```html
stopsopa.github.io
<!-- optional to do something before binding ACE editor -->
(function () {
var resolve;
var p = new Promise(function (res) {
resolve = res;
});
document.addEventListener("DOMContentLoaded", () => {
// to replace domain.com to ... other stuff
Array.prototype.slice.call(document.querySelectorAll('[class="domain' + '.com"]')).forEach(function (tag) {
var text = tag.innerHTML;
text = text.replace(/domain\.com/g, location.origin).replace(/host\.com/g, location.host);
tag.innerHTML = text;
});
// to eval what we hve in tinymce
Array.prototype.slice.call(document.querySelectorAll("[data-eval]")).forEach(function (tag) {
var text = tag.innerHTML;
console.log("text", text, "tag", tag);
{
eval(text);
}
});
resolve();
});
window.beforeAceEventPromise = function () {
return p;
};
})();
```
# there is feature I call urlwizzard
which is replacing all occurences in tags, attributes and script bodies as follow
```txt
urlwizzard.hostnegotiated
// will become something like domain.co.uk
// or
// domain.co.uk:447 if http
// or
// domain.co.uk:80 if https
urlwizzard.hostname location.hostname
// will become something like domain.co.uk
urlwizzard.schema location.protocol.replace(/^([a-z]+).*$/, "$1")
// usually it will be 'http' or 'https'
urlwizzard.portnegotiated
// ":80" or "" or ":5567"
urlwizzard.port
// simply location.port - sometimes "" sometimes "7439"
usually you will use it like this:
curl "urlwizzard.schema://urlwizzard.hostnegotiated/pages/node/curl.js" -o "curl.js"
// which will conver it to
curl "https://domain.co.uk:1025/pages/node/curl.js" -o "curl.js"
```
test page githubpages: /research/urlwizzard/urlwizzard.html
# links to files through github pages
```html
stopsopa.github.io
(function () {
var resolve;
var p = new Promise(function (res) {
resolve = res;
});
// <a href="GITHUB_SOURCES_PREFIX/blob/master/pages/bash/rsync.sh">rsync.sh</a>
document.addEventListener("DOMContentLoaded", () => {
const GITHUB_SOURCES_PREFIX = env("GITHUB_SOURCES_PREFIX");
if (typeof GITHUB_SOURCES_PREFIX !== "string" || !GITHUB_SOURCES_PREFIX.trim()) {
throw new Error(`GITHUB_SOURCES_PREFIX is not defined`);
}
const reg = /^GITHUB_SOURCES_PREFIX(.*)/;
const buff = {
reg,
a_match: [],
a_notmatch: [],
};
document.querySelectorAll("a").forEach((a) => {
const href = a.getAttribute("href");
if (reg.test(href)) {
buff.a_match.push(href);
const newhref = href.replace(/^GITHUB_SOURCES_PREFIX(.*)/, `${GITHUB_SOURCES_PREFIX}$1`);
a.setAttribute("href", newhref);
} else {
buff.a_notmatch.push(href);
}
});
console.log(JSON.stringify(buff, null, 4));
resolve();
});
window.beforeAceEventPromise = function () {
return p;
};
})();
```
# window.scrollToHashAndHighligh
In order to prevent dislocating yellow background under block pointed out by location.hash usage of .cards elements.
.cards elements are position:relative and using them to surround the block which height might be changing dynamically might help.
```html
Index
dynamic content
toggled box
Index
```
# uglify
If anywhere in the repository file _.uglify.js will be created it will be processed with babel and next by uglifyjs and exported as _.uglify.min.js
For details look to uglify.js
# templating engine
If you create file _.template.html anywhere in the project during build it will be found and file _.html will be generate right next to original \*.template.html.
In template file listed placeholders will be processed:
<%url path/to/file/in/repository.js %> - will import file in-place and replace each " to %22
<%inject path/to/file/in/respository.js %> - will be imported in-place as is
For details look to template.sh
# ace editor click link
When you hold CMD button and click any link anywhere in the content of ace editor it will open it in separate tab
# other
http://httpd.pl/stopsopa.github.io/index.html
http://httpd.pl/stopsopa.github.io/demos/jquery.elkanatooltip/demo.html
http://httpd.pl/dropdown
http://httpd.pl/stopsopa.github.io/demos/jquery.elkanatooltip/pos.html
# firebase
firebase console: https://console.firebase.google.com/
In order to configure firebase database get credentails from:
https://i.imgur.com/oVsGuVT.png
and then enable
https://i.imgur.com/gYnXKfm.png
otherwise you end up with issue:
auth/operation-not-allowed The provided sign-in provider is disabled for your Firebase project.
Enable it from the Sign-in Method section of the Firebase console.
more:
https://firebase.google.com/docs/auth/admin/errors
and also add domains to section "Authorised domains":
[https://i.imgur.com/STTaAJ4.png](https://i.imgur.com/MYUE5K6.png)
explore api:
https://firebase.google.com/docs/reference/js/firebase.database.Reference
Explore api:
g(firebase. database. Reference)
read write:
https://firebase.google.com/docs/database/web/read-and-write
add rules to database:
{
"rules": {
"users": {
"$email": {
".read": "$email === auth.token.email.replace('.', ',')",
".write": "$email === auth.token.email.replace('.', ',')",
}
}
}
}
# to maintain:
http://stopsopa.github.io/demos/jquery.elkanatooltip/katownik.html
http://stopsopa.github.io/demos/jquery.elkanatooltip/pos.html
# cross origin requests:
- https://allorigins.win/
- http://anyorigin.com/
Pull contents from any page via API (as JSON/P or raw) and avoid Same-origin policy problems.
# Dev notes
```bash
# clone repository
# then enter main directory
cat < .env
PROJECT_NAME="testtools"
NODE_API_PORT=7898
LOCAL_HOSTS="test.github.io.local"
FIREBASE_API_KEY="xxx"
FIREBASE_AUTH_DOMAIN="github-xxxx.firebaseapp.com"
FIREBASE_DATABASE_URL="https://github-xxxx.firebaseio.com"
FIREBASE_PROJECT_ID="github-xxxx"
FIREBASE_STORAGE_BUCKET="github-xxxx.appspot.com"
FIREBASE_MESSAGING_SENDER_ID="3896666666217"
FIREBASE_API_ID="1:38666666667:web:c7effb066666666666"
#FIREBASE_MEASUREMENT_ID="G-F76666666"
EOF
sudo -i
echo "127.0.0.1 test.github.io.local" >> /etc/hosts
exit
# make sure to have node version specified in .nvmrc
yarn
make start
# to publish changes
make build
# commit all changes and push to github pages
```
👉 Show more details
- Subroutines can appear before the groups they reference.
- Like backreferences, subroutines can't be used _within_ character classes.
- As with all extended syntax in `regex`, subroutines are applied after interpolation, giving them maximal flexibility.