Nishant Bhasin nbhasin2

SwiftUI in Firefox iOS

The following decision tree should be used to determine whether to use SwiftUI or UIKit for new and existing components:

The following list shows components that are implemented using SwiftUI and some that have future potential for SwiftUI conversion.

| Component | Type |

	struct CircleMetalView: UIViewRepresentable {
	func makeUIView(context: Context) -> MTKView {
	let metalView = MTKView()
	metalView.device = MTLCreateSystemDefaultDevice()
	metalView.framebufferOnly = false
	metalView.colorPixelFormat = .bgra8Unorm
	metalView.delegate = context.coordinator
	return metalView
	}

	class CircleRenderer: NSObject, MTKViewDelegate {
	var device: MTLDevice!
	var commandQueue: MTLCommandQueue!
	var pipelineState: MTLRenderPipelineState!

	init(device: MTLDevice = MTLCreateSystemDefaultDevice()!) {
	self.device = device
	self.commandQueue = device.makeCommandQueue()

	let library = device.makeDefaultLibrary()

	#include <metal_stdlib>
	using namespace metal;

	// Basic vertex shader outputs position only
	vertex float4 basic_vertex(uint vertexID [[vertex_id]]) {
	// Define vertices for a full-screen quad
	float2 positions[4] = {
	{-1, -1}, // Bottom-left
	{ 1, -1}, // Bottom-right
	{-1, 1}, // Top-left

	struct BasicMetalView: UIViewRepresentable {
	func makeUIView(context: Context) -> MTKView {
	let metalView = MTKView()
	metalView.device = MTLCreateSystemDefaultDevice()
	metalView.framebufferOnly = false
	metalView.colorPixelFormat = .bgra8Unorm
	metalView.delegate = context.coordinator
	return metalView
	}

	import MetalKit
	import SwiftUI

	class Renderer: NSObject, MTKViewDelegate {
	var device: MTLDevice!
	var commandQueue: MTLCommandQueue!
	var pipelineState: MTLRenderPipelineState!

	init(device: MTLDevice = MTLCreateSystemDefaultDevice()!) {
	super.init()

	{
	"data": [
	{
	"appId": "org.mozilla.ios.Firefox",
	"appName": "firefox_ios",
	"application": "org.mozilla.ios.Firefox",
	"arguments": {},
	"branches": [
	{
	"feature": {

	var body: some View {
	NavHandler {
	List(cars) { car in
	NavigationLink(car.rawValue) {
	CarDetailView(car: car)
	}
	}
	}
	}

	struct NavHandler<Content>: View where Content: View {
	@ViewBuilder var content: () -> Content

	var body: some View {
	if #available(iOS 16, *) {
	NavigationStack(root: content)
	} else {
	NavigationView(content: content)
	}
	}