mindmergedesign

{"name":"vs-code-profile","settings":"{\"settings\":\"// Place your settings in this file to overwrite the default settings\\n{\\n  // Controls the font family.\\n  \\\"editor.fontFamily\\\": \\\"'Cascadia Code', 'Operator Mono', 'Fira Code', Consolas, 'Courier New', monospace\\\",\\n  // Controls the font size.\\n  \\\"editor.fontSize\\\": 18,\\n  // Controls the line height. Use 0 to compute the lineHeight from the fontSize.\\n  \\\"editor.lineHeight\\\": 24,\\n  // Enables font ligatures\\n  \\\"editor.fontLigatures\\\": true,\\n  // Controls if file decorations should use badges.\\n  \\\"explorer.decorations.badges\\\": false,\\n  // Insert snippets when their prefix matches. Works best when 'quickSuggestions' aren't enabled.\\n  \\\"editor.tabCompletion\\\": \\\"onlySnippets\\\",\\n  // Controls whether the editor should render whitespace characters\\n  \\\"editor.renderWhitespace\\\": \\\"none\\\",\\n  \\\"[javascript]\\\": {\\n    \\\"editor.formatOnSave\\\": true,\\n    \\\"editor.defaultFormatter\\\"

mindmergedesign

import Image, { ImageProps } from 'next/image';
import { imageBuilder } from './sanity';
import type { SanityImageSource } from '@sanity/image-url/lib/types/types';

interface MyImageProps extends Omit<ImageProps, 'src'> {
  src: SanityImageSource;
  quality?: number;
  blur?: number;
}

mindmergedesign

Group Array of JavaScript Objects by Key or Property Value

Implementation

const groupBy = key => array =>
  array.reduce((objectsByKeyValue, obj) => {
    const value = obj[key];
    objectsByKeyValue[value] = (objectsByKeyValue[value] || []).concat(obj);
    return objectsByKeyValue;

mindmergedesign

import React, { ReactNode } from 'react'
import Link from 'next/link'
import Head from 'next/head'

type Props = {
    children?: ReactNode
    title?: string
}

const Layout = ({ children, title = 'This is the default title' }: Props) => (

mindmergedesign

/**
 * Changes XML to JSON
 * Modified version from here: http://davidwalsh.name/convert-xml-json
 * @param {string} xml XML DOM tree
 */
function xmlToJson(xml) {
  // Create the return object
  var obj = {};

  if (xml.nodeType == 1) {

mindmergedesign

{
    "sites": [
        {
            "cid": "4cad9ae6f9b740844b9bd85b",
            "date": 1619661482694,
            "id": 1,
            "label": "Top Sites",
            "starred": false,
            "websites": [
                {

mindmergedesign

module.exports = function(eleventyConfig) { // This only happens once in your template!
  
// Blah blah, whatever other Eleventy stuff you need.

eleventyConfig.addLiquidShortcode("vimeo", (vimeoId, aspectRatio) => {
  return `<div class="aspect-ratio" style="--aspect-ratio: ${aspectRatio}"><iframe src="https://player.vimeo.com/video/${vimeoId}" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen class="video video--vimeo"></iframe></div>`;
});
  
// Blah blah, whatever other Eleventy stuff you need.
  

mindmergedesign

import React from 'react'

const VideoEmbedPreview = ({ value }) => {
    
    const url = value.url
    const responsiveVideoContainer = {
        padding: "56.25% 0 0 0",
        position: "relative"
    }

mindmergedesign

NDJSON is a convenient format for storing or streaming structured data that may be processed one record at a time.

• Each line is a valid JSON value
• Line separator is ‘\n’

1. Convert JSON to NDJSON?

cat test.json | jq -c '.[]' > testNDJSON.json

mindmergedesign

/**
 * This script can be placed in the root of your studio folder,
 * and be run with `sanity exec deleteDocsWithoutSchema.js --with-user-credentials
 */
import client from 'part:@sanity/base/client'
const getSanitySchema = require('./node_modules/@sanity/core/lib/actions/graphql/getSanitySchema')

const Schema = getSanitySchema(process.cwd())
const types = Schema._original.types.map(({name}) => name)