edivados

function regReplaceWithComponent(
  text: string,
  exp: RegExp,
  fn: (match: string, index: number) => JSXElement
) {
  const matches = Array.from(text.matchAll(exp));
  const items: JSXElement[] = [];

  for (let index = 0; index < matches.length; index++) {
    const match = matches[index];

jeffquach

const fetch = require('node-fetch');

try {
    // Specify the name of the template the app will integrate with
    const APP_BLOCK_TEMPLATES = ['product', 'collection'];
    const getOptions = { method: 'GET', headers: { 'X-Shopify-Access-Token': accessToken } };

    // Get published theme
    const themeResponse = await fetch(`https://${shop}/admin/api/${API_VERSION}/themes.json`, getOptions);
    this.checkError(themeResponse, 'ThemeFetchFailure');

lexthor

Instructions

1. Go to your Shopify admin/settings/files page
2. Open your browser Dev tools, go to the console
3. Paste the content of the console_download_list.js file, and press enter
4. Your browser will automatically fetch each page and download the list with the links of all the files on the CDN.
5. Using your preffered code editor, edit the HTML file by adding each link in img tag.
6. Open the HTML file you just edit in a browser then right click-save as. It will download the HTML file again along with all the images in the location you specify.

scottopolis

# put this in your .zshrc file, change path to store zip, restart terminal
# run command `releasezip my-files-1.0`, which would create a zip at ../my-files-1.0.zip
# change output path (../) to whatever you want, for example Users/Me/Plugins/Releases/$1.zip

releasezip() {
    zip -r ../$1.zip . -x '*.git*' --exclude=\*.DS_Store\*
    open ../
}

jayhill90

{
    // Set your VSCode Workspace root to the root folder of your Local site.
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Listen for XDebug",
            "type": "php",

joshuacerbito

/**
 * useScroll React custom hook
 * Usage:
 *    const { scrollX, scrollY, scrollDirection } = useScroll();
 */

import { useState, useEffect } from "react";

export function useScroll() {
  const [lastScrollTop, setLastScrollTop] = useState(0);

ahmadawais

VSCode WordPress Debugging Setup: WordPress Xdebug Setup for Local by FlyWheel with VSCode

Consider supporting my work by purchasing the course this tutorial is a part of i.e. VSCode Power User →

🚅 TL;DR

• Make sure your Local by FlyWheel WordPress install is a custom install

shopifypartners

//  Escaping Liquid in SCSS.
//
//  Expected output:
//  a{
//    color: {{ settings.link-color }};
//  }

a{
  color: #{'{{ settings.link-color }}'};
}

jherax

/**
 * Filters an array of objects using custom predicates.
 *
 * @param  {Array}  array: the array to filter
 * @param  {Object} filters: an object with the filter criteria
 * @return {Array}
 */
function filterArray(array, filters) {
  const filterKeys = Object.keys(filters);
  return array.filter(item => {

benwells

var accounts = [
  { name: 'James Brown', msgCount: 123 },
  { name: 'Stevie Wonder', msgCount: 22 },
  { name: 'Sly Stone', msgCount: 16 },
  { name: 'Otis Redding', msgCount: 300 }  // Otis has the most messages
];

// get sum of msgCount prop across all objects in array
var msgTotal = accounts.reduce(function(prev, cur) {
  return prev + cur.msgCount;