view-transition-name

Generate css <view-transition-name>s

Install

npm install view-transition-name

Usage

Basic

import { viewTransitionName } from "view-transition-name";

const ident = viewTransitionName(["foo", "bar", "baz@"]);
console.log(ident); // 'foo_bar_baz\\40'

Non-string values

import { viewTransitionName } from "view-transition-name";

const ident = viewTransitionName([
  undefined,
  null,
  true,
  false,
  3,
  { test: "hi", oof: 0 },
]);
console.log(ident); // 'undefined_null_true_false_3_test'