add UiVertexOutput shader export

assets/shaders/circle_shader.wgsl

@@ -1,11 +1,6 @@
 // This shader draws a circular progress bar
 #import bevy_render::view View
-
-struct VertexOutput {
-    @location(0) uv: vec2<f32>,
-    @location(1) color: vec4<f32>,
-    @builtin(position) position: vec4<f32>,
-};
+#import bevy_ui::ui_vertex_output UiVertexOutput
 
 struct CustomUiMaterial {
     @location(0) fill_amount: f32,
@@ -25,7 +20,7 @@ const PI = 3.141592656;
 const TAU = 6.283185312;
 
 @fragment
-fn fragment(in: VertexOutput) -> @location(0) vec4<f32> {
+fn fragment(in: UiVertexOutput) -> @location(0) vec4<f32> {
     let fill_amount = input.fill_amount;
     let fill_angle = fill_amount * TAU;
     let uv = in.uv * 2.0 - 1.0;

crates/bevy_ui/src/render/material.wgsl

@@ -1,9 +1,10 @@
 #import bevy_render::view  View
+#define_import_path bevy_ui::ui_vertex_output
 
 @group(0) @binding(0)
 var<uniform> view: View;
 
-struct VertexOutput {
+struct UiVertexOutput {
     @location(0) uv: vec2<f32>,
     @location(1) color: vec4<f32>,
     @builtin(position) position: vec4<f32>,
@@ -14,15 +15,15 @@ fn vertex(
     @location(0) vertex_position: vec3<f32>,
     @location(1) vertex_uv: vec2<f32>,
     @location(2) vertex_color: vec4<f32>,
-) -> VertexOutput {
-    var out: VertexOutput;
+) -> UiVertexOutput {
+    var out: UiVertexOutput;
     out.uv = vertex_uv;
     out.position = view.view_proj * vec4<f32>(vertex_position, 1.0);
     out.color = vertex_color;
     return out;
 }
 
 @fragment
-fn fragment(in: VertexOutput) -> @location(0) vec4<f32> {
+fn fragment(in: UiVertexOutput) -> @location(0) vec4<f32> {
     return vec4<f32>(1.0);
 }

examples/ui/ui_material.rs

@@ -1,4 +1,4 @@
-//! This example illustrates how to create a Node that shows a Material and driver parameters from
+//! This example illustrates how to create a Node that shows a Material and drives parameters from
 //! it
 
 use bevy::prelude::*;