April Sylph AprilSylph

## exposeClassKeys.js
tumblr.getCssMap().then(cssMap => {
  const keys = Object.keys(cssMap);
  const elements = document.querySelectorAll('[class]');
  for (const { classList } of elements) {
    for (const className of classList) {
      const mappedClassName = keys.find(key => cssMap[key].includes(className));
      if (mappedClassName) classList.add(`style-${mappedClassName}--${className}`);
    }
  }
});

## mediaTest.html
<!DOCTYPE html>
<html>
  <head>
    <style>
      :root {
        writing-mode: horizontal-tb;
      }

      body {
        display: flex;

## getCoAuthorTrailer.js
/**
 * @param {string} username - GitHub username
 * @returns {string} Co-author commit trailer, using the user's noreply.github.com address
 */
const getCoAuthorTrailer = async username => {
  const response = await fetch(`https://api.github.com/users/${username}`);
  const { id, login, name } = await response.json();
  return `Co-authored-by: ${name || login} <${id}+${login}@users.noreply.github.com>`;
};

## buildTumblrAdFilters.js
window.tumblr.getCssMap().then(cssMap => ['adTimelineObject', 'instreamAd', 'mrecContainer', 'nativeIponWebAd', 'takeoverBanner']
  .flatMap(sourceName => cssMap[sourceName])
  .map(className => `tumblr.com##.${className}`)
  .join('\n')
).then(console.log);

## fullWidthBlogFrame.js
const iframe = document.querySelector('iframe[src^="https://www.tumblr.com/dashboard/iframe"]');

const modifiedSrc = new URL(iframe.src);
const { hash } = modifiedSrc;

const decodedHash = decodeURIComponent(hash);
const parsedHash = JSON.parse(decodedHash.substring(1));
Object.assign(parsedHash, { isOpticaLike: true, useThemeColors: true });
const newHash = JSON.stringify(parsedHash);
const encodedHash = encodeURIComponent(newHash);

## fix_npf_photosets.css
.post-content div.npf_row,
.post div.npf_row,
body div.npf_row {
  align-items: stretch;
}

.post-content div.npf_row .npf_col,
.post div.npf_row .npf_col,
body div.npf_row .npf_col {
  display: flex;

## 00-README.md

      
              3 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                AprilSylph
                / 00-README.md
            
            
              Last active
              October 7, 2021 19:42
                — forked from nightpool/00-README.md
            
              
                NPF-to-HTML renderer
              
          
    npf.js is the main bulk of the code, and it exposes three functions:
renderContent

Render content returns an object {content, ask}. It returns the ask content separately so it can be
handled spearately by the consuming client. content is an HTML element, ask is itself an object
containing content (an HTML element) and the other properties of the ask layout type
(specifically of interest is the attribution property).
mentions

media


## constructISOString.js
/**
 * @param {number} unixTime - seconds elapsed since 1970-01-01T00:00:00.000Z
 * @returns {string} - ISO 8601 format date, not including milliseconds
 */
export const constructISOString = function (unixTime) {
  const date = new Date(unixTime * 1000);

  const fourDigitYear = date.getFullYear().toString().padStart(4, '0');
  const twoDigitMonth = (date.getMonth() + 1).toString().padStart(2, '0');
  const twoDigitDate = date.getDate().toString().padStart(2, '0');

## findClass.js
const findClass = classname => tumblr.getCssMap()
  .then(Object.entries)
  .then(entries => entries.filter(([name, classes]) => classes.includes(classname)))
  .then(Object.fromEntries);

## no_twitter_trends.user.css
/* ==UserStyle==
@name           No Trends
@namespace      https://gist.github.com/AprilSylph
@version        1.0.0
@description    Hides the "What's happening" sidebar section on EN Twitter
@author         AprilSylph
==/UserStyle== */
@-moz-document domain("twitter.com") {
    [aria-label="Timeline: Trending now"] {
        display: none;
	tumblr.getCssMap().then(cssMap => {
	const keys = Object.keys(cssMap);
	const elements = document.querySelectorAll('[class]');
	for (const { classList } of elements) {
	for (const className of classList) {
	const mappedClassName = keys.find(key => cssMap[key].includes(className));
	if (mappedClassName) classList.add(`style-${mappedClassName}--${className}`);
	}
	}
	});
	<!DOCTYPE html>
	<html>
	<head>
	<style>
	:root {
	writing-mode: horizontal-tb;
	}

	body {
	display: flex;
	/**
	* @param {string} username - GitHub username
	* @returns {string} Co-author commit trailer, using the user's noreply.github.com address
	*/
	const getCoAuthorTrailer = async username => {
	const response = await fetch(`https://api.github.com/users/${username}`);
	const { id, login, name } = await response.json();
	return `Co-authored-by: ${name \|\| login} <${id}+${login}@users.noreply.github.com>`;
	};
	window.tumblr.getCssMap().then(cssMap => ['adTimelineObject', 'instreamAd', 'mrecContainer', 'nativeIponWebAd', 'takeoverBanner']
	.flatMap(sourceName => cssMap[sourceName])
	.map(className => `tumblr.com##.${className}`)
	.join('\n')
	).then(console.log);
	const iframe = document.querySelector('iframe[src^="https://www.tumblr.com/dashboard/iframe"]');

	const modifiedSrc = new URL(iframe.src);
	const { hash } = modifiedSrc;

	const decodedHash = decodeURIComponent(hash);
	const parsedHash = JSON.parse(decodedHash.substring(1));
	Object.assign(parsedHash, { isOpticaLike: true, useThemeColors: true });
	const newHash = JSON.stringify(parsedHash);
	const encodedHash = encodeURIComponent(newHash);
	.post-content div.npf_row,
	.post div.npf_row,
	body div.npf_row {
	align-items: stretch;
	}

	.post-content div.npf_row .npf_col,
	.post div.npf_row .npf_col,
	body div.npf_row .npf_col {
	display: flex;
	/**
	* @param {number} unixTime - seconds elapsed since 1970-01-01T00:00:00.000Z
	* @returns {string} - ISO 8601 format date, not including milliseconds
	*/
	export const constructISOString = function (unixTime) {
	const date = new Date(unixTime * 1000);

	const fourDigitYear = date.getFullYear().toString().padStart(4, '0');
	const twoDigitMonth = (date.getMonth() + 1).toString().padStart(2, '0');
	const twoDigitDate = date.getDate().toString().padStart(2, '0');
	const findClass = classname => tumblr.getCssMap()
	.then(Object.entries)
	.then(entries => entries.filter(([name, classes]) => classes.includes(classname)))
	.then(Object.fromEntries);
	/* ==UserStyle==
	@name No Trends
	@namespace https://gist.github.com/AprilSylph
	@version 1.0.0
	@description Hides the "What's happening" sidebar section on EN Twitter
	@author AprilSylph
	==/UserStyle== */
	@-moz-document domain("twitter.com") {
	[aria-label="Timeline: Trending now"] {
	display: none;