Sam SamSaffron

Converting Ember’s `Input` component to native `<input>`

This guide inventories where Input appears in the codebase and provides practical steps to convert usages from Input (uppercase Ember component) to native HTML <input> (lowercase), with patterns for common input types and events.

Generated on: 2025-08-16

What to convert

The target is usages of the Ember built-in component in templates (`.gjs`, `.js` Glimmer templates). Replace them with native.

	import {
	arrow,
	autoPlacement,
	computePosition,
	flip,
	hide,
	inline,
	limitShift,
	offset,
	shift,

	#!/usr/bin/env ruby
	# frozen_string_literal: true

	require "fileutils"
	require "date"

	class PersonaToAgentRenamer
	def initialize
	@plugin_root = Dir.pwd
	@manifest = []

	# Ruby benchmark script: Regex vs Aho-Corasick for word matching (v2)

	require "benchmark/ips"
	require "set"

	puts "Script starting: Benchmark for Regex vs Aho-Corasick word matching (v2)."
	puts "---"

	# --- Configuration ---
	DICTIONARY_SIZE = 1000

	{
	"topics": [
	{
	"id": "1",
	"slug": "welcome-to-meta-discourse-org",
	"title": "Welcome to meta.discourse.org",
	"concepts": {
	"Discourse Features": [
	1
	],

	#!/usr/bin/env ruby
	require "fileutils"
	require "open-uri"

	TOPICS_DIR = File.expand_path("./topics", __dir__)
	LLM_MODEL = "Gemini Flash 2.0"

	Dir.chdir("/home/sam/Source/discourse")

	require File.expand_path(

	require "psych"
	require "psych/pure"

	yaml_source = <<~YAML
	# Comprehensive YAML types demonstration
	---
	# Scalar types
	strings:
	plain: Plain string
	quoted: "Quoted string"

	require "psych"
	require "psych/pure"

	# Let's create a rich YAML document with various types and comments
	yaml_source = <<~YAML
	# Configuration for our awesome application
	---
	database: # Database settings
	host: localhost # Can be changed for production
	port: 5432 # Default PostgreSQL port

	sam@arch evals % ./run -e simple_pdf
	Running evaluation 'simple_pdf'
	GPT-4o: Failed 🔴
	---- Expected ----
	(?-mix:Gandalf.*H0rTm1iI)
	---- Actual ----
	Here is a photo of a wizard:

	[Description: An illustration of a wizard with a long white beard, wearing a pointed hat and holding a wooden staff. The wizard is in a mystical forest setting and is holding a sign that says "Gandalf."]

Sam SamSaffron

Converting Ember’s Input component to native <input>

What to convert

Converting Ember’s `Input` component to native `<input>`