Knut Melvær kmelve
💬
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| export default { | |
| name: 'route', | |
| type: 'document', | |
| title: 'Route', | |
| fields: [ | |
| { | |
| name: 'title', | |
| type: 'string', | |
| description: 'This title populates meta-tags on the webpage' | |
| }, |
kmelve
/ _middleware.js
Created
November 12, 2021 04:27
Proof of concepts simple page views with Next.js middleware
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // posts/_middleware.js | |
| import { NextResponse } from 'next/server' | |
| const config = { | |
| dataset: process.env.NEXT_PUBLIC_SANITY_DATASET || 'production', | |
| projectId: process.env.NEXT_PUBLIC_SANITY_PROJECT_ID, | |
| apiVersion: '2021-10-21', | |
| } | |
| const baseUrl = cdn => `https://${config.projectId}.api${cdn ? 'cdn' : ''}.sanity.io/v${config.apiVersion}` | |
| const queryUrl = baseUrl() + `/data/query/${config.dataset}/` |
kmelve
/ migration.js
Created
November 10, 2021 22:15
Simple migration script that can be run with `sanity exec` in a Sanity Studio
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // migration.js | |
| /** | |
| * Run: | |
| * sanity exec --with-user-token migration.js | |
| * | |
| */ | |
| import sanityClient from 'part:@sanity/base/client' | |
| const client = sanityClient.withConfig({ apiVersion: '2021-11-10' }) | |
| // Patch 1000 at a time | |
| const query = `*[_type == "stream"][0...999]{title, publishedDate, _id, _rev}` |
kmelve
/ blurhash.js
Last active
July 22, 2023 14:29
Retroactively add Blurhash strings to image assets in your Sanity Content Lake.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * Retroactively add Blurhash strings to image assets in your Sanity Content Lake. | |
| * 1. yarn add got sharp blurhash | |
| * 2. run sanity exec blurhash --with-user-token | |
| * 3. repeat (patches 100 assets in 1 transaction pr run) | |
| * | |
| * Some images might take a while to process. | |
| */ | |
| import client from 'part:@sanity/base/client' | |
| import got from 'got' |
kmelve
/ parseHTML.js
Created
September 15, 2021 21:04
Deserializing Transcript HTML into Portable Text
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const blockTools = require("@sanity/block-tools").default; | |
| const jsdom = require("jsdom"); | |
| const { JSDOM } = jsdom; | |
| const HTML_SPAN_TAGS = { | |
| span: {object: 'text'}, | |
| } | |
| const defaultSchema = require("./defaultSchema"); | |
| function tagName(el) { |
kmelve
/ create-community-newsletter.js
Created
December 8, 2020 23:33
Create Mailchimp campaign document action proof of concept
kmelve
/ disable-js.html
Last active
November 30, 2020 09:10
JavaScript-less no JS please. Inspired by https://heydonworks.com/
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <title>No JS please</title> | |
| </head> | |
| <body> | |
| <main> | |
| <noscript> | |
| Content! | |
| <style> |
kmelve
/ PTEditor.js
Last active
November 25, 2020 13:12
Handle pasting of Github flavored markdown for the Portable Text array.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React, { useState, forwardRef, Fragment } from 'react' | |
| import { BlockEditor } from 'part:@sanity/form-builder' | |
| import Switch from 'part:@sanity/components/toggles/switch' | |
| import css from './PTeditor.module.css' | |
| import { handlePaste } from './handlePaste' | |
| function CustomEditor(props, ref){ | |
| const [customPaste, setCustomPaste] = useState(false) | |
| function handleCustomPaste () { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React from "react"; | |
| import Img from "gatsby-image"; | |
| import { getFluidGatsbyImage } from "gatsby-source-sanity"; | |
| import { Prism as SyntaxHighlighter } from "react-syntax-highlighter"; | |
| import { atomDark } from "react-syntax-highlighter/dist/esm/styles/prism"; | |
| import iconLinksList from "./iconLinksList.js"; | |
| import YouTube from "../components/YouTube.js"; | |
| import getYouTubeID from "get-youtube-id"; | |
| const sanityConfig = { projectId: "rx426fbd", dataset: "production" }; |
kmelve
/ GitHubSelector.module.css
Created
October 21, 2020 10:25
Simple Github repo selector for Sanity Studio
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @import 'part:@sanity/base/theme/variables-style'; | |
| .item { | |
| padding: var(--small-padding); | |
| } | |
| .searchableSelect { | |
| composes: spacing from 'part:@sanity/components/buttons/default-style'; | |
| grid-column: span 2; |