yet-another-js-utils 0.0.1

package/.editorconfig

@@ -0,0 +1,10 @@
+# top-most EditorConfig file
+root = true
+
+[*]
+end_of_line = crlf
+insert_final_newline = true
+indent_style = space
+indent_size = 4
+charset = utf-8
+trim_trailing_whitespace = true

package/.gitattributes

@@ -0,0 +1,7 @@
+* text=auto
+
+*.bat eol=crlf
+*.cmd eol=crlf
+*.ps1 eol=lf
+*.sh eol=lf
+*.rtf -text

package/.nvmrc

@@ -0,0 +1 @@
+v20.11.1

package/.vscode/css.code-snippets

@@ -0,0 +1,62 @@
+{
+    // Place your snippets for css here. Each snippet is defined under a snippet name and has a prefix, body and 
+    // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
+    // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the 
+    // same ids are connected.
+    // Example:
+    "code fonts": {
+        "prefix": "font-family:code",
+        "body": [
+            "font-family: Consolas, Menlo, JuliaMono, Liberation Mono, monospace;"
+        ],
+        "description": "Code fonts"
+    },
+    "core fonts": {
+        "prefix": "font-family:core",
+        "body": [
+            "font-family: Segoe UI, Roboto, sans-serif, Arial, Liberation Sans;"
+        ],
+        "description": "Core fonts"
+    },
+    "variable fonts": {
+        "prefix": "font-family:variable",
+        "body": [
+            "font-family: Segoe UI Variable, Roboto Flex, SF Pro Text, sans-serif, Inter;"
+        ],
+        "description": "Variable fonts"
+    },
+    "boilerplate": {
+        "prefix": "boil",
+        "body": [
+            "body {",
+            "    --fonts-core: Segoe UI, Roboto, sans-serif, Arial, Liberation Sans;",
+            "    --fonts-code: Consolas, Menlo, JuliaMono, Liberation Mono, monospace;",
+            "    --fonts-variable: Segoe UI Variable, Roboto Flex, SF Pro Text, sans-serif, Inter;",
+            "    --color: #FEFEFE;",
+            "    --colors-white: rgb(255, 255, 255);",
+            "    --colors-red: rgb(255, 0, 0);",
+            "    --colors-cyan: rgb(0, 255, 255);",
+            "    --colors-orange: rgb(255, 128, 0);",
+            "    --colors-yellow: rgb(255, 255, 0);",
+            "    --colors-purple: rgb(128, 0, 128);",
+            "    --colors-green: rgb(0, 255, 0);",
+            "    --colors-magenta: rgb(255, 0, 255);",
+            "    --lights-0: #171717;",
+            "    --tempo: 8px;",
+            "    --tab-size: 4;",
+            "    line-height: 1.5;",
+            "    margin: 0;",
+            "    tab-size: var(--tab-size);",
+            "    -moz-tab-size: var(--tab-size);",
+            "    background-color: #2B2B2B;",
+            "    font-size: 14px;",
+            "    color: var(--color);",
+            "    color-scheme: dark;",
+            "    /* scrollbar-width: thin; */",
+            "    scrollbar-color: #AAAAAA #2B2B2B;",
+            "    scroll-behavior: smooth;",
+            "    accent-color: var(--colors-cyan);",
+            "}"
+        ]
+    }
+}

package/.vscode/javascript.code-snippets

@@ -0,0 +1,231 @@
+{
+    // Place your snippets for javascript here. Each snippet is defined under a snippet name and has a prefix, body and 
+    // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
+    // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the 
+    // same ids are connected.
+    // Example:
+    // "Print to console": {
+    // 	"prefix": "log",
+    // 	"body": [
+    // 		"console.log('$1');",
+    // 		"$2"
+    // 	],
+    // 	"description": "Log output to console"
+    // }
+    "For_i_Loop": {
+        "prefix": "fori",
+        "body": [
+            "for (let i = 0, c = ${1:array}.length; i < c; i++) {",
+            "\t${1:array}[i]",
+            "}"
+        ],
+        "description": "For i Loop"
+    },
+    "For_i--_Loop": {
+        "prefix": "fori-",
+        "body": [
+            "for (let i = ${1:array}.length - 1; i > -1; i--) {",
+            "\t${1:array}[i]",
+            "}"
+        ],
+        "description": "For i Loop"
+    },
+    "For_z_Loop": {
+        "prefix": "forz",
+        "body": [
+            "for (let z = 0, x = ${1:array}.length; z < x; z++) {",
+            "\t${1:array}[i]",
+            "}"
+        ],
+        "description": "For z Loop"
+    },
+    "For_j_Loop": {
+        "prefix": "forj",
+        "body": [
+            "for (let j = 0, k = ${1:array}.length; j < k; j++) {",
+            "\t${1:array}[j]",
+            "}"
+        ],
+        "description": "For j Loop"
+    },
+    "Recursion": {
+        "prefix": "_rec",
+        "body": [
+            "return _recurse(${1:structureInstance});",
+            "function _recurse(structure){",
+            "\t// Base case",
+            "}"
+        ],
+        "description": "simple recursion"
+    },
+    "Debouncing": {
+        "prefix": "_deb",
+        "body": [
+            "var functionTimeoutId;",
+            "function _debouncingFunction() {",
+            "    var context = this,",
+            "        args = arguments;",
+            "    clearTimeout(historyUpdateTimeoutId);",
+            "    historyUpdateTimeoutId = setTimeout(function(){",
+            "        historyUpdateTimeoutId = null;",
+            "        historyUpdate.apply(context, args);",
+            "    }, 200);",
+            "}"
+        ],
+        "description": "simple recursion"
+    },
+    "DOM_by_Id": {
+        "prefix": "byId",
+        "body": [
+            "D.getElementById('${1:id}')"
+        ],
+        "description": "getElementById query"
+    },
+    "DOM_create": {
+        "prefix": "crea",
+        "body": [
+            "D.createElement('${1:tag}')"
+        ],
+        "description": "createElement"
+    },
+    "DOM_by_Tag_Name": {
+        "prefix": "byT",
+        "body": [
+            "D.getElementsByTagName('${1:tag}')"
+        ],
+        "description": "getElementsByTagName query"
+    },
+    "DOM_by_Class_Name": {
+        "prefix": "byC",
+        "body": [
+            "D.getElementsByClassName('${1:class}')"
+        ],
+        "description": "getElementsByClassName query"
+    },
+    "DOM_by_Selector": {
+        "prefix": "QS",
+        "body": [
+            "D.querySelector('${1:selector}')"
+        ],
+        "description": "querySelector query"
+    },
+    "DOM_by_Selector_All": {
+        "prefix": "QSA",
+        "body": [
+            "D.querySelectorAll('${1:selector}')"
+        ],
+        "description": "querySelectorAll query"
+    },
+    "throw": {
+        "prefix": "thrw",
+        "body": [
+            "throw ${1:variable};"
+        ],
+        "description": "throws a variable"
+    },
+    "throw_A": {
+        "prefix": "thrA",
+        "body": [
+            "throw 'A';"
+        ],
+        "description": "throws 'A'"
+    },
+    "throw_B": {
+        "prefix": "thrB",
+        "body": [
+            "throw 'B';"
+        ],
+        "description": "throws 'B'"
+    },
+    "throw_C": {
+        "prefix": "thrC",
+        "body": [
+            "throw 'C';"
+        ],
+        "description": "throws 'C'"
+    },
+    "throw_D": {
+        "prefix": "thrD",
+        "body": [
+            "throw 'D';"
+        ],
+        "description": "throws 'D'"
+    },
+    "throw_E": {
+        "prefix": "thrE",
+        "body": [
+            "throw 'E';"
+        ],
+        "description": "throws 'E'"
+    },
+    "console_log": {
+        "prefix": "logV",
+        "body": [
+            "console.log(${1:variable});"
+        ],
+        "description": "console.log"
+    },
+    "console_log_A": {
+        "prefix": "logA",
+        "body": [
+            "console.log('A');"
+        ],
+        "description": "console.log('A')"
+    },
+    "console_log_B": {
+        "prefix": "logB",
+        "body": [
+            "console.log('B');"
+        ],
+        "description": "console.log('B')"
+    },
+    "console_log_C": {
+        "prefix": "logC",
+        "body": [
+            "console.log('C');"
+        ],
+        "description": "console.log('C')"
+    },
+    "console_log_D": {
+        "prefix": "logD",
+        "body": [
+            "console.log('D');"
+        ],
+        "description": "console.log('D')"
+    },
+    "console_log_E": {
+        "prefix": "logE",
+        "body": [
+            "console.log('E');"
+        ],
+        "description": "console.log('E')"
+    },
+    "debugger": {
+        "prefix": "deb",
+        "body": [
+            "debugger;"
+        ],
+        "description": "Sets a breakpoint to walk from."
+    },
+    "class": {
+        "prefix": "class",
+        "body": [
+            "var Component = require('./component.js');",
+            "",
+            "//#### ${1:classname}",
+            "// <${2:element} id=\"\">",
+            "module.exports =",
+            "class ${1:classname} extends Component {",
+            "\t//# MODEL",
+            "\t/**",
+            "\t* @param {string} id",
+            "\t* @param {{ mode: string; }} app",
+            "\t*/",
+            "\tconstructor(id, app) {",
+            "\t\tsuper(id, app, document);",
+            "\t\tlet $ = this;",
+            "\t}",
+            "};",
+        ]
+    }
+}

package/.vscode/markdown.code-snippets

@@ -0,0 +1,73 @@
+{
+    // Place your snippets for markdown here. Each snippet is defined under a snippet name and has a prefix, body and 
+    // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
+    // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the 
+    // same ids are connected.
+    // Example:
+    "COMPUTATIONAL INSTRUMENTALISM": {
+        "prefix": "CPUI",
+        "body": [
+            "[COMPUTATIONAL INSTRUMENTALISM](./)"
+        ],
+        "description": "Dispatch heading link"
+    },
+    "PSYCHOLOGY": {
+        "prefix": "PSY",
+        "body": [
+            "[PSYCHOLOGY](./)"
+        ],
+        "description": "Dispatch heading link"
+    },
+    "SCIENCE/PROBLEM SOLVING": {
+        "prefix": "SCIP",
+        "body": [
+            "[SCIENCE/PROBLEM SOLVING](./)"
+        ],
+        "description": "Dispatch heading link"
+    },
+    "BELIEF SYSTEMS": {
+        "prefix": "BELIEFS",
+        "body": [
+            "[BELIEF SYSTEMS](./)"
+        ],
+        "description": "Dispatch heading link"
+    },
+    "CRISIS OF BELIEF": {
+        "prefix": "CRIBE",
+        "body": [
+            "[CRISIS OF BELIEF](./)"
+        ],
+        "description": "Dispatch heading link"
+    },
+    "FORMALIZATION": {
+        "prefix": "FORMA",
+        "body": [
+            "[FORMALIZATION](./)"
+        ],
+        "description": "Dispatch heading link"
+    },
+    "DEVELOPMENT": {
+        "prefix": "DEV",
+        "body": [
+            "[DEVELOPMENT](./)"
+        ],
+        "description": "Dispatch heading link"
+    },
+    "DECISION ENGINE": {
+        "prefix": "DNGI",
+        "body": [
+            "[DECISION ENGINE](./)"
+        ],
+        "description": "Dispatch heading link"
+    },
+    "kanban.md": {
+        "prefix": "kanban",
+        "body": [
+            "# FEATURED",
+            "# PLANNED",
+            "# EXPLORED",
+            "# INBOX"
+        ],
+        "description": "Template for kanban.md"
+    }
+}

package/.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "mochaExplorer.files": "tests/*.js"
+}

package/JS_STYLE_GUIDE.md

@@ -0,0 +1,44 @@
+
+In addition to automated rules, please abide to the ones defined in the "MANUAL" section.
+
+- Guiding principle
+    - consistency and editability before line count minimalization and ease of debugging
+    - js style guide
+        - inspired by idiomatic.js
+    - if a line presents an issue or prevents editability, break it into two lines
+
+# MANUAL
+
+```js
+method() {
+    let $ = this;
+}
+```
+
+```js
+class ClassName {
+
+}
+```
+
+````js
+_privateMethod() {}
+````
+
+````js
+eventHandler() {}
+````
+
+````js
+document.addEventListener();
+````
+
+# AUTOMATED
+
+- You can find those in:
+    - .editorconfig
+        - docs
+    - .eslintrc
+        - docs
+    - jsconfig.json
+        - docs