Repository files navigation

Fun JS Functions

License: MIT

A collection of fun and useful JavaScript functions. This is an open-source project, and contributions are welcome!

Features

  • Simple Web Interface: A clean and intuitive web interface to use the functions.
  • Dark Mode: A comfortable dark mode for those late-night coding sessions.
  • Syntax Highlighting: The output is beautifully formatted with syntax highlighting.
  • Easy to Contribute: A simple process for adding new functions.

Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

You'll need a modern web browser like Chrome, Firefox, or Safari.

Installation

  1. Clone the repo
    git clone https://github.com/devgl96/fun_js_functions.git
  2. Navigate to the project directory
    cd fun_js_functions
  3. Open index.html in your browser.

How to Use

This project provides a simple web interface to use the functions.

  1. Open the index.html file in your web browser.
  2. Select a function from the dropdown menu.
  3. Paste your JSON input into the text area on the left.
  4. Click the "Convert" button.
  5. The result will be displayed in the box on the right.

Available Functions

jsonToSQLUnion(data)

This function converts an array of JSON objects into a SQL query with UNION clauses. It's useful for generating test data or for bulk inserts where UNION is applicable.

Input (JSON):

[
{ "name": "John Doe", "age": 30 },
{ "name": "Jane Smith", "age": 25, "city": "New York" }
]

Output (SQL):

SELECT'John Doe'AS name, 30AS age, NULLAS city
UNIONSELECT'Jane Smith', 25, 'New York';

paramsToSQLSet(data)

This function converts a JSON object into a series of SQL SET statements. This is useful for setting variables in a SQL script from a configuration object.

Input (JSON):

{
"id": 1,
"user": "testuser",
"filter": "active"
}

Output (SQL):

SET @id =1;
SET @user ='testuser';
SET @filter ='active';

How to Contribute

We'd love for you to contribute to our project! Here's how you can help:

  1. Fork the repository: Start by forking the main repository.
  2. Clone your fork: Clone your forked repository to your local machine.
  3. Create a new branch: Create a new branch for your feature or bug fix.
  4. Add your function:
    • Create a new .js file for your new function (e.g., myNewFunction.js). The file should contain only your function.
    • In main.js, add the name of your function to the availableFunctions array.
    • In index.html, add a <script> tag for your new function file before the main.js script tag.
  5. Test your function: Open index.html and test your new function to make sure it works as expected.
  6. Submit a pull request: Once you're happy with your changes, submit a pull request to the main repository.

We appreciate your help in making this a great collection of functions!

Technologies Used

License

Distributed under the MIT License. See LICENSE for more information.

About

A collection of fun and useful JavaScript functions.

Resources

Stars

4 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages

, '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

Repository files navigation

Fun JS Functions

License: MIT

A collection of fun and useful JavaScript functions. This is an open-source project, and contributions are welcome!

Features

  • Simple Web Interface: A clean and intuitive web interface to use the functions.
  • Dark Mode: A comfortable dark mode for those late-night coding sessions.
  • Syntax Highlighting: The output is beautifully formatted with syntax highlighting.
  • Easy to Contribute: A simple process for adding new functions.

Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

You'll need a modern web browser like Chrome, Firefox, or Safari.

Installation

  1. Clone the repo
    git clone https://github.com/devgl96/fun_js_functions.git
  2. Navigate to the project directory
    cd fun_js_functions
  3. Open index.html in your browser.

How to Use

This project provides a simple web interface to use the functions.

  1. Open the index.html file in your web browser.
  2. Select a function from the dropdown menu.
  3. Paste your JSON input into the text area on the left.
  4. Click the "Convert" button.
  5. The result will be displayed in the box on the right.

Available Functions

jsonToSQLUnion(data)

This function converts an array of JSON objects into a SQL query with UNION clauses. It's useful for generating test data or for bulk inserts where UNION is applicable.

Input (JSON):

[
{ "name": "John Doe", "age": 30 },
{ "name": "Jane Smith", "age": 25, "city": "New York" }
]

Output (SQL):

SELECT'John Doe'AS name, 30AS age, NULLAS city
UNIONSELECT'Jane Smith', 25, 'New York';

paramsToSQLSet(data)

This function converts a JSON object into a series of SQL SET statements. This is useful for setting variables in a SQL script from a configuration object.

Input (JSON):

{
"id": 1,
"user": "testuser",
"filter": "active"
}

Output (SQL):

SET @id =1;
SET @user ='testuser';
SET @filter ='active';

How to Contribute

We'd love for you to contribute to our project! Here's how you can help:

  1. Fork the repository: Start by forking the main repository.
  2. Clone your fork: Clone your forked repository to your local machine.
  3. Create a new branch: Create a new branch for your feature or bug fix.
  4. Add your function:
    • Create a new .js file for your new function (e.g., myNewFunction.js). The file should contain only your function.
    • In main.js, add the name of your function to the availableFunctions array.
    • In index.html, add a <script> tag for your new function file before the main.js script tag.
  5. Test your function: Open index.html and test your new function to make sure it works as expected.
  6. Submit a pull request: Once you're happy with your changes, submit a pull request to the main repository.

We appreciate your help in making this a great collection of functions!

Technologies Used

License

Distributed under the MIT License. See LICENSE for more information.

About

A collection of fun and useful JavaScript functions.

Resources

Stars

4 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages

, '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

Repository files navigation

Fun JS Functions

License: MIT

A collection of fun and useful JavaScript functions. This is an open-source project, and contributions are welcome!

Features

  • Simple Web Interface: A clean and intuitive web interface to use the functions.
  • Dark Mode: A comfortable dark mode for those late-night coding sessions.
  • Syntax Highlighting: The output is beautifully formatted with syntax highlighting.
  • Easy to Contribute: A simple process for adding new functions.

Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

You'll need a modern web browser like Chrome, Firefox, or Safari.

Installation

  1. Clone the repo
    git clone https://github.com/devgl96/fun_js_functions.git
  2. Navigate to the project directory
    cd fun_js_functions
  3. Open index.html in your browser.

How to Use

This project provides a simple web interface to use the functions.

  1. Open the index.html file in your web browser.
  2. Select a function from the dropdown menu.
  3. Paste your JSON input into the text area on the left.
  4. Click the "Convert" button.
  5. The result will be displayed in the box on the right.

Available Functions

jsonToSQLUnion(data)

This function converts an array of JSON objects into a SQL query with UNION clauses. It's useful for generating test data or for bulk inserts where UNION is applicable.

Input (JSON):

[
{ "name": "John Doe", "age": 30 },
{ "name": "Jane Smith", "age": 25, "city": "New York" }
]

Output (SQL):

SELECT'John Doe'AS name, 30AS age, NULLAS city
UNIONSELECT'Jane Smith', 25, 'New York';

paramsToSQLSet(data)

This function converts a JSON object into a series of SQL SET statements. This is useful for setting variables in a SQL script from a configuration object.

Input (JSON):

{
"id": 1,
"user": "testuser",
"filter": "active"
}

Output (SQL):

SET @id =1;
SET @user ='testuser';
SET @filter ='active';

How to Contribute

We'd love for you to contribute to our project! Here's how you can help:

  1. Fork the repository: Start by forking the main repository.
  2. Clone your fork: Clone your forked repository to your local machine.
  3. Create a new branch: Create a new branch for your feature or bug fix.
  4. Add your function:
    • Create a new .js file for your new function (e.g., myNewFunction.js). The file should contain only your function.
    • In main.js, add the name of your function to the availableFunctions array.
    • In index.html, add a <script> tag for your new function file before the main.js script tag.
  5. Test your function: Open index.html and test your new function to make sure it works as expected.
  6. Submit a pull request: Once you're happy with your changes, submit a pull request to the main repository.

We appreciate your help in making this a great collection of functions!

Technologies Used

License

Distributed under the MIT License. See LICENSE for more information.

About

A collection of fun and useful JavaScript functions.

Resources

Stars

4 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages

, '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

Repository files navigation

Fun JS Functions

License: MIT

A collection of fun and useful JavaScript functions. This is an open-source project, and contributions are welcome!

Features

  • Simple Web Interface: A clean and intuitive web interface to use the functions.
  • Dark Mode: A comfortable dark mode for those late-night coding sessions.
  • Syntax Highlighting: The output is beautifully formatted with syntax highlighting.
  • Easy to Contribute: A simple process for adding new functions.

Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

You'll need a modern web browser like Chrome, Firefox, or Safari.

Installation

  1. Clone the repo
    git clone https://github.com/devgl96/fun_js_functions.git
  2. Navigate to the project directory
    cd fun_js_functions
  3. Open index.html in your browser.

How to Use

This project provides a simple web interface to use the functions.

  1. Open the index.html file in your web browser.
  2. Select a function from the dropdown menu.
  3. Paste your JSON input into the text area on the left.
  4. Click the "Convert" button.
  5. The result will be displayed in the box on the right.

Available Functions

jsonToSQLUnion(data)

This function converts an array of JSON objects into a SQL query with UNION clauses. It's useful for generating test data or for bulk inserts where UNION is applicable.

Input (JSON):

[
{ "name": "John Doe", "age": 30 },
{ "name": "Jane Smith", "age": 25, "city": "New York" }
]

Output (SQL):

SELECT'John Doe'AS name, 30AS age, NULLAS city
UNIONSELECT'Jane Smith', 25, 'New York';

paramsToSQLSet(data)

This function converts a JSON object into a series of SQL SET statements. This is useful for setting variables in a SQL script from a configuration object.

Input (JSON):

{
"id": 1,
"user": "testuser",
"filter": "active"
}

Output (SQL):

SET @id =1;
SET @user ='testuser';
SET @filter ='active';

How to Contribute

We'd love for you to contribute to our project! Here's how you can help:

  1. Fork the repository: Start by forking the main repository.
  2. Clone your fork: Clone your forked repository to your local machine.
  3. Create a new branch: Create a new branch for your feature or bug fix.
  4. Add your function:
    • Create a new .js file for your new function (e.g., myNewFunction.js). The file should contain only your function.
    • In main.js, add the name of your function to the availableFunctions array.
    • In index.html, add a <script> tag for your new function file before the main.js script tag.
  5. Test your function: Open index.html and test your new function to make sure it works as expected.
  6. Submit a pull request: Once you're happy with your changes, submit a pull request to the main repository.

We appreciate your help in making this a great collection of functions!

Technologies Used

License

Distributed under the MIT License. See LICENSE for more information.

About

A collection of fun and useful JavaScript functions.

Resources

Stars

4 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages

, '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

Repository files navigation

Fun JS Functions

License: MIT

A collection of fun and useful JavaScript functions. This is an open-source project, and contributions are welcome!

Features

  • Simple Web Interface: A clean and intuitive web interface to use the functions.
  • Dark Mode: A comfortable dark mode for those late-night coding sessions.
  • Syntax Highlighting: The output is beautifully formatted with syntax highlighting.
  • Easy to Contribute: A simple process for adding new functions.

Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

You'll need a modern web browser like Chrome, Firefox, or Safari.

Installation

  1. Clone the repo
    git clone https://github.com/devgl96/fun_js_functions.git
  2. Navigate to the project directory
    cd fun_js_functions
  3. Open index.html in your browser.

How to Use

This project provides a simple web interface to use the functions.

  1. Open the index.html file in your web browser.
  2. Select a function from the dropdown menu.
  3. Paste your JSON input into the text area on the left.
  4. Click the "Convert" button.
  5. The result will be displayed in the box on the right.

Available Functions

jsonToSQLUnion(data)

This function converts an array of JSON objects into a SQL query with UNION clauses. It's useful for generating test data or for bulk inserts where UNION is applicable.

Input (JSON):

[
{ "name": "John Doe", "age": 30 },
{ "name": "Jane Smith", "age": 25, "city": "New York" }
]

Output (SQL):

SELECT'John Doe'AS name, 30AS age, NULLAS city
UNIONSELECT'Jane Smith', 25, 'New York';

paramsToSQLSet(data)

This function converts a JSON object into a series of SQL SET statements. This is useful for setting variables in a SQL script from a configuration object.

Input (JSON):

{
"id": 1,
"user": "testuser",
"filter": "active"
}

Output (SQL):

SET @id =1;
SET @user ='testuser';
SET @filter ='active';

How to Contribute

We'd love for you to contribute to our project! Here's how you can help:

  1. Fork the repository: Start by forking the main repository.
  2. Clone your fork: Clone your forked repository to your local machine.
  3. Create a new branch: Create a new branch for your feature or bug fix.
  4. Add your function:
    • Create a new .js file for your new function (e.g., myNewFunction.js). The file should contain only your function.
    • In main.js, add the name of your function to the availableFunctions array.
    • In index.html, add a <script> tag for your new function file before the main.js script tag.
  5. Test your function: Open index.html and test your new function to make sure it works as expected.
  6. Submit a pull request: Once you're happy with your changes, submit a pull request to the main repository.

We appreciate your help in making this a great collection of functions!

Technologies Used

License

Distributed under the MIT License. See LICENSE for more information.

About

A collection of fun and useful JavaScript functions.

Resources

Stars

4 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages

, '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

Repository files navigation

Fun JS Functions

License: MIT

A collection of fun and useful JavaScript functions. This is an open-source project, and contributions are welcome!

Features

  • Simple Web Interface: A clean and intuitive web interface to use the functions.
  • Dark Mode: A comfortable dark mode for those late-night coding sessions.
  • Syntax Highlighting: The output is beautifully formatted with syntax highlighting.
  • Easy to Contribute: A simple process for adding new functions.

Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

You'll need a modern web browser like Chrome, Firefox, or Safari.

Installation

  1. Clone the repo
    git clone https://github.com/devgl96/fun_js_functions.git
  2. Navigate to the project directory
    cd fun_js_functions
  3. Open index.html in your browser.

How to Use

This project provides a simple web interface to use the functions.

  1. Open the index.html file in your web browser.
  2. Select a function from the dropdown menu.
  3. Paste your JSON input into the text area on the left.
  4. Click the "Convert" button.
  5. The result will be displayed in the box on the right.

Available Functions

jsonToSQLUnion(data)

This function converts an array of JSON objects into a SQL query with UNION clauses. It's useful for generating test data or for bulk inserts where UNION is applicable.

Input (JSON):

[
{ "name": "John Doe", "age": 30 },
{ "name": "Jane Smith", "age": 25, "city": "New York" }
]

Output (SQL):

SELECT'John Doe'AS name, 30AS age, NULLAS city
UNIONSELECT'Jane Smith', 25, 'New York';

paramsToSQLSet(data)

This function converts a JSON object into a series of SQL SET statements. This is useful for setting variables in a SQL script from a configuration object.

Input (JSON):

{
"id": 1,
"user": "testuser",
"filter": "active"
}

Output (SQL):

SET @id =1;
SET @user ='testuser';
SET @filter ='active';

How to Contribute

We'd love for you to contribute to our project! Here's how you can help:

  1. Fork the repository: Start by forking the main repository.
  2. Clone your fork: Clone your forked repository to your local machine.
  3. Create a new branch: Create a new branch for your feature or bug fix.
  4. Add your function:
    • Create a new .js file for your new function (e.g., myNewFunction.js). The file should contain only your function.
    • In main.js, add the name of your function to the availableFunctions array.
    • In index.html, add a <script> tag for your new function file before the main.js script tag.
  5. Test your function: Open index.html and test your new function to make sure it works as expected.
  6. Submit a pull request: Once you're happy with your changes, submit a pull request to the main repository.

We appreciate your help in making this a great collection of functions!

Technologies Used

License

Distributed under the MIT License. See LICENSE for more information.

About

A collection of fun and useful JavaScript functions.

Resources

Stars

4 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages

, '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

Repository files navigation

Fun JS Functions

License: MIT

A collection of fun and useful JavaScript functions. This is an open-source project, and contributions are welcome!

Features

  • Simple Web Interface: A clean and intuitive web interface to use the functions.
  • Dark Mode: A comfortable dark mode for those late-night coding sessions.
  • Syntax Highlighting: The output is beautifully formatted with syntax highlighting.
  • Easy to Contribute: A simple process for adding new functions.

Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

You'll need a modern web browser like Chrome, Firefox, or Safari.

Installation

  1. Clone the repo
    git clone https://github.com/devgl96/fun_js_functions.git
  2. Navigate to the project directory
    cd fun_js_functions
  3. Open index.html in your browser.

How to Use

This project provides a simple web interface to use the functions.

  1. Open the index.html file in your web browser.
  2. Select a function from the dropdown menu.
  3. Paste your JSON input into the text area on the left.
  4. Click the "Convert" button.
  5. The result will be displayed in the box on the right.

Available Functions

jsonToSQLUnion(data)

This function converts an array of JSON objects into a SQL query with UNION clauses. It's useful for generating test data or for bulk inserts where UNION is applicable.

Input (JSON):

[
{ "name": "John Doe", "age": 30 },
{ "name": "Jane Smith", "age": 25, "city": "New York" }
]

Output (SQL):

SELECT'John Doe'AS name, 30AS age, NULLAS city
UNIONSELECT'Jane Smith', 25, 'New York';

paramsToSQLSet(data)

This function converts a JSON object into a series of SQL SET statements. This is useful for setting variables in a SQL script from a configuration object.

Input (JSON):

{
"id": 1,
"user": "testuser",
"filter": "active"
}

Output (SQL):

SET @id =1;
SET @user ='testuser';
SET @filter ='active';

How to Contribute

We'd love for you to contribute to our project! Here's how you can help:

  1. Fork the repository: Start by forking the main repository.
  2. Clone your fork: Clone your forked repository to your local machine.
  3. Create a new branch: Create a new branch for your feature or bug fix.
  4. Add your function:
    • Create a new .js file for your new function (e.g., myNewFunction.js). The file should contain only your function.
    • In main.js, add the name of your function to the availableFunctions array.
    • In index.html, add a <script> tag for your new function file before the main.js script tag.
  5. Test your function: Open index.html and test your new function to make sure it works as expected.
  6. Submit a pull request: Once you're happy with your changes, submit a pull request to the main repository.

We appreciate your help in making this a great collection of functions!

Technologies Used

License

Distributed under the MIT License. See LICENSE for more information.

About

A collection of fun and useful JavaScript functions.

Resources

Stars

4 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages

, '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

Repository files navigation

Fun JS Functions

License: MIT

A collection of fun and useful JavaScript functions. This is an open-source project, and contributions are welcome!

Features

  • Simple Web Interface: A clean and intuitive web interface to use the functions.
  • Dark Mode: A comfortable dark mode for those late-night coding sessions.
  • Syntax Highlighting: The output is beautifully formatted with syntax highlighting.
  • Easy to Contribute: A simple process for adding new functions.

Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

You'll need a modern web browser like Chrome, Firefox, or Safari.

Installation

  1. Clone the repo
    git clone https://github.com/devgl96/fun_js_functions.git
  2. Navigate to the project directory
    cd fun_js_functions
  3. Open index.html in your browser.

How to Use

This project provides a simple web interface to use the functions.

  1. Open the index.html file in your web browser.
  2. Select a function from the dropdown menu.
  3. Paste your JSON input into the text area on the left.
  4. Click the "Convert" button.
  5. The result will be displayed in the box on the right.

Available Functions

jsonToSQLUnion(data)

This function converts an array of JSON objects into a SQL query with UNION clauses. It's useful for generating test data or for bulk inserts where UNION is applicable.

Input (JSON):

[
{ "name": "John Doe", "age": 30 },
{ "name": "Jane Smith", "age": 25, "city": "New York" }
]

Output (SQL):

SELECT'John Doe'AS name, 30AS age, NULLAS city
UNIONSELECT'Jane Smith', 25, 'New York';

paramsToSQLSet(data)

This function converts a JSON object into a series of SQL SET statements. This is useful for setting variables in a SQL script from a configuration object.

Input (JSON):

{
"id": 1,
"user": "testuser",
"filter": "active"
}

Output (SQL):

SET @id =1;
SET @user ='testuser';
SET @filter ='active';

How to Contribute

We'd love for you to contribute to our project! Here's how you can help:

  1. Fork the repository: Start by forking the main repository.
  2. Clone your fork: Clone your forked repository to your local machine.
  3. Create a new branch: Create a new branch for your feature or bug fix.
  4. Add your function:
    • Create a new .js file for your new function (e.g., myNewFunction.js). The file should contain only your function.
    • In main.js, add the name of your function to the availableFunctions array.
    • In index.html, add a <script> tag for your new function file before the main.js script tag.
  5. Test your function: Open index.html and test your new function to make sure it works as expected.
  6. Submit a pull request: Once you're happy with your changes, submit a pull request to the main repository.

We appreciate your help in making this a great collection of functions!

Technologies Used

License

Distributed under the MIT License. See LICENSE for more information.

About

A collection of fun and useful JavaScript functions.

Resources

Stars

4 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages