Matt Kenefick mattkenefick

Variable Showcase Template

This template demonstrates the enhanced variable system in the File Template extension.

Basic Variables

The value of filename is: ${input.filename}

String Transformations

Thank you for providing the updated documentation links. Based on the information in these guides:

Updated Insight:

Yes, fofr/any-comfyui-workflow on Replicate does allow the use of custom-trained LoRAs (Low-Rank Adaptations). The Replicate platform has been updated to support more flexible workflows with ComfyUI, including the ability to load external resources like custom models and LoRAs.

How to Use Custom LoRAs:

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8" />

	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
	<meta name="author" content="${package.author}" />
	<meta name="color-scheme" content="light dark" />
	<meta name="description" content="${package.description}" />
	<meta name="format-detection" content="telephone=no" />

	{{{
	variables.projectName = variables.package.template?.name \|\| variables.package.name.split('-').map(str => str.charAt(0).toUpperCase() + str.slice(1)).join('')

	}}}import { ActionContext } from 'vuex';
	import { IStoreState } from './State';

	/**
	* @type ActionContext<S, R>
	*/
	type Context = ActionContext<IStoreState, IStoreState>;

	/**
	* Example:
	*
	* import Vue from 'vue';
	* import Dispatch from './dispatch';
	* Vue.use(Dispatch);
	*
	* @author Matt Kenefick <[email protected]>
	* @package Plugin
	* @project Your Project

	// interface Element {
	// parentSelector(selector: string): Element \| null;
	// previousSelector(selector: string, traverseUpwards?: boolean): Element \| null;
	// previousSelectorAll(selector: string, traverseUpwards?: boolean): Element[];
	// }

	/**
	* Traverse upward from an existing element.
	*
	* @param string selector

	# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.

	# For additional information regarding the format and rule options, please see:

	# https://github.com/browserslist/browserslist#queries

	# For the full list of supported browsers by the Angular framework, please see:

	# https://angular.io/guide/browser-support

	// Constants
	const TWILIO_ACCOUNT_SID = 'AC94f51c8f89430a6...'; // change me
	const TWILIO_ACCOUNT_TOKEN = '426cee8c3...'; // change me
	const TWILIO_PHONE = '+18005551234'; // change me
	const NUMBER_TO_RETRIEVE = 1000;
	const HOURS_OFFSET = 0;
	const START_COLUMN = 2;
	const START_ROW = 3;

	/**

	document.addEventListener('scroll', (e) => {
	const documentHeight = document.documentElement.scrollHeight;
	const windowHeight = window.innerHeight;
	const scrollDistance = window.scrollY;
	const ratio = scrollDistance / (documentHeight - windowHeight);

	console.log(ratio);
	});

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<title>Three.js Basic Scene</title>
	<style>
	body {
	margin: 0;
	}
	</style>