Deane Barker deanebarker

This is the simplest form of a mouseover "tooltip" UI that I could come up with.

You can see it used on local hyperlinks at https://deanebarker.net/.

Note: this is NOT a "library." This is starter code. There are no settings or configuration (meaning: everything is hard-coded) nor has it been designed to be extensible -- you are expected copy this code and change it. It's essentially just an example.

To use

Call bindTips, passing a collection of elements.
Implement your own getTipContent. It will be passed the entire element that triggered the tip. Do whatever you want (read from an attribute, do a lookup on the HREF, whatever). Return the HTML content for the tip.

	void Main()
	{
	var sm = new FileSystemSyncManager(
	source: @"C:\Users\deane\Dropbox\_sites\dbn\content",
	target: @"C:\Users\deane\Dropbox\Desktop\sync-test\target"
	);

	// This archives a file right before it's overwritten
	sm.BeforeOverwriteExistingFile = (source, target) => {
	versionTargetFile(target, sm.TargetFiles.Path);

	// Information on JSONdata: https://jsonata.org/

	// Requires this class also: https://gist.github.com/deanebarker/d9983155603d1adf26197787a9c74ae4

	// in C#

	var json = GetABunchOfJson();

	var context = new TemplateContext();
	context.SetValue("json", new JsonataValue(json));

	// Doc here: https://deanebarker.net/tech/code/tag-builder/

	public class Tag
	{
	private readonly string[] selfClosing = new[] { "img", "br", "hr", "input", "link", "meta" };

	public List<Tag> Children = new();

	public Tag(string input, string content, params Tag[] children)
	{

	// Requires Nuget package Jsonata.Net.Native

	// Doc here: https://deanebarker.net/tech/code/jsonata-doc/

	public class JsonataDoc
	{
	// This is public so you can change the options if you want
	public JsonSerializerOptions DeserializerOptions = new();

	private string json;

	using Parlot.Fluent;
	using static Parlot.Fluent.Parsers;
	using System.Collections.Generic;
	using System;
	using System.Linq;

	/*

	This class allows you to query and manipulate a set of numbers using a simple language.

	<!--

	This will show a UI "drawer" that pops out from the right side of the screen, with a dropshadow and overlay on the rest of the window.

	The drawer will auto-focus on the first input field.

	A close button will automatically be placed in the top left corner. (Also, you can close by clicking anywhere else on the page.)

	-->

	using Microsoft.ApplicationInsights.Extensibility;
	using Microsoft.ApplicationInsights.Extensibility.Implementation;

	public class Startup
	{
	public void Configure(TelemetryConfiguration telemetryConfiguration)
	{
	telemetryConfiguration.DisableTelemetry = true;
	TelemetryDebugWriter.IsTracingDisabled = true;
	}

	using EPiServer.ServiceLocation;
	using Microsoft.AspNetCore.Mvc;
	using Optimizely.ContentGraph.Cms.Core.Internal;

	namespace DeaneBarker.Optimizely.Cms
	{
	[Route("component")]
	public class ComponentController : Controller
	{
	private const string KEY_TOKEN = "@key";

	/*

	<table-of-contents title="Contents" source=".article" selector="h2,h3"></table-of-contents>

	* "title" will be placed in a HEADER tag as the first child
	* "source" default to the BODY tag
	* "selector" defaults to "h2"

	OR