@bigmistqke/view.gl 0.1.7 → 0.1.9

package/dist/{types-C4TRuvYh.d.mts → types-DaV9McmR.d.mts}

@@ -280,7 +280,7 @@ interface AttributeMethods<T = AttributeKind> {
     dispose(): void;
 }
 type AttributeView<T extends AttributeSchema> = {
-    [K in keyof T]: AttributeMethods<T[K]['kind']>;
+    [K in keyof T]: Prettify<AttributeMethods<T[K]['kind']>>;
 };
 /**********************************************************************************/
 /**********************************************************************************/
@@ -389,10 +389,10 @@ interface ViewSchemaPartial {
     buffers?: Record<string | symbol, Partial<BufferDefinition>>;
 }
 type View<T extends ViewSchema = ViewSchema> = {
-    attributes: T['attributes'] extends AttributeSchema ? AttributeView<T['attributes']> : undefined;
-    interleavedAttributes: T['interleavedAttributes'] extends InterleavedAttributeSchema ? InterleavedAttributeView<T['interleavedAttributes']> : undefined;
-    buffers: T['buffers'] extends BufferSchema ? BufferView<T['buffers']> : undefined;
-    uniforms: T['uniforms'] extends UniformSchema ? UniformView<T['uniforms']> : never;
+    attributes: T['attributes'] extends AttributeSchema ? Prettify<AttributeView<T['attributes']>> : {};
+    interleavedAttributes: T['interleavedAttributes'] extends InterleavedAttributeSchema ? Prettify<InterleavedAttributeView<T['interleavedAttributes']>> : {};
+    buffers: T['buffers'] extends BufferSchema ? Prettify<BufferView<T['buffers']>> : {};
+    uniforms: T['uniforms'] extends UniformSchema ? Prettify<UniformView<T['uniforms']>> : {};
 };
 /**********************************************************************************/
 /**********************************************************************************/
@@ -400,14 +400,14 @@ interface GLSLResult {
     program: WebGLProgram;
     schema: ViewSchema;
 }
-type GLSLSlotItem = GLSLTag | UniformTag | AttributeTag | InterleaveTag | string | number | symbol;
+type GLSLSlotItem = GLSL | UniformToken | AttributeToken | InterleaveToken | string | number | symbol;
 type GLSLSlot = GLSLSlotItem | Array<GLSLSlotItem>;
-interface GLSLTag<TSlots extends GLSLSlot[] = GLSLSlot[]> {
+interface GLSL<TSlots extends GLSLSlot[] = GLSLSlot[]> {
     type: 'glsl';
     template: TemplateStringsArray;
     slots: TSlots;
 }
-type UniformTag<TKey extends string | symbol = string | symbol, TKind extends UniformKind = UniformKind, TDefinition extends Partial<UniformDefinition> = UniformDefinition> = TDefinition extends {
+type UniformToken<TKey extends string | symbol = string | symbol, TKind extends UniformKind = UniformKind, TDefinition extends Partial<UniformDefinition> = UniformDefinition> = TDefinition extends {
     size: infer TSize;
 } ? {
     type: 'uniform';
@@ -419,59 +419,66 @@ type UniformTag<TKey extends string | symbol = string | symbol, TKind extends Un
     kind: TKind;
     key: TKey;
 };
-interface UniformTagFn<TKind extends UniformKind> {
-    <const TKey extends string | symbol, const TDefinition extends Omit<UniformDefinition, 'kind'>>(key: TKey, TDefinition: TDefinition): Prettify<UniformTag<TKey, TKind, TDefinition>>;
-    <const TName extends string | symbol>(key: TName): Prettify<UniformTag<TName, TKind>>;
+interface UniformTokenFn<TKind extends UniformKind> {
+    <const TKey extends string | symbol, const TDefinition extends Omit<UniformDefinition, 'kind'>>(key: TKey, TDefinition: TDefinition): Prettify<UniformToken<TKey, TKind, TDefinition>>;
+    <const TName extends string | symbol>(key: TName): Prettify<UniformToken<TName, TKind>>;
 }
-interface AttributeTag<TKey extends string | symbol = string | symbol, TKind extends AttributeKind = AttributeKind, TInstanced extends boolean | undefined = boolean | undefined> {
+interface AttributeToken<TKey extends string | symbol = string | symbol, TKind extends AttributeKind = AttributeKind, TInstanced extends boolean | undefined = boolean | undefined> {
     type: 'attribute';
     kind: TKind;
-    instanced: TInstanced;
+    instanced: TInstanced extends boolean ? boolean : false;
     key: TKey;
 }
-interface AttributeTagFn<TKey extends AttributeKind> {
-    <TName extends string | symbol, TDefinition extends Omit<AttributeDefinition, 'kind'>>(key: TName, options: TDefinition): Prettify<AttributeTag<TName, TKey, TDefinition['instanced']>>;
-    <TName extends string | symbol>(key: TName): Prettify<AttributeTag<TName, TKey, undefined>>;
+interface AttributeTokenFn<TKey extends AttributeKind> {
+    <TName extends string | symbol, TDefinition extends Omit<AttributeDefinition, 'kind'>>(key: TName, options: TDefinition): Prettify<AttributeToken<TName, TKey, TDefinition['instanced']>>;
+    <TName extends string | symbol>(key: TName): Prettify<AttributeToken<TName, TKey, undefined>>;
 }
-type InterleaveTag<TKey extends string | symbol = string | symbol, TLayout extends Array<AttributeTag<string | symbol, AttributeKind, undefined>> = Array<AttributeTag<string | symbol, AttributeKind, undefined>>, TDefinition extends Omit<AttributeDefinition, 'kind'> = Omit<AttributeDefinition, 'kind'>> = TDefinition & {
+type InterleaveToken<TKey extends string | symbol = string | symbol, TLayout extends Array<AttributeToken<string | symbol, AttributeKind, undefined>> = Array<AttributeToken<string | symbol, AttributeKind, undefined>>, TDefinition extends Omit<AttributeDefinition, 'kind'> = Omit<AttributeDefinition, 'kind'>> = TDefinition & {
     key: TKey;
     type: 'interleavedAttribute';
     layout: {
         [TKey in keyof TLayout]: Prettify<Pick<TLayout[TKey], 'kind' | 'key'>>;
     };
 };
-type GLSLTagToSchema<TTag extends GLSLTag> = FlattenSlots<TTag> extends infer TSlots ? TSlots extends Array<any> ? GLSLSlotsToSchema<TSlots> : never : never;
+type GLSLToSchema<T extends GLSL> = FlattenSlots<T> extends infer TSlots ? TSlots extends Array<any> ? GLSLSlotsToSchema<TSlots> : never : never;
+type GLSLToView<T extends GLSL> = View<GLSLToSchema<T>>;
 type GLSLSlotsToSchema<TSlots extends Array<GLSLSlot>> = {
     uniforms: {
-        [K in Extract<TSlots[number], UniformTag> as K['key']]: Prettify<Omit<K, 'name' | 'type'>>;
+        [K in Extract<TSlots[number], UniformToken> as K['key']]: Prettify<Omit<K, 'name' | 'type'>>;
     };
     attributes: {
-        [K in Extract<TSlots[number], AttributeTag> as K['key']]: Prettify<Omit<K, 'name' | 'type'>>;
+        [K in Extract<TSlots[number], AttributeToken> as K['key']]: Prettify<Omit<K, 'name' | 'type'>>;
     };
     interleavedAttributes: {
-        [K in Extract<TSlots[number], InterleaveTag> as K['key']]: Prettify<Omit<K, 'name' | 'type'>>;
+        [K in Extract<TSlots[number], InterleaveToken> as K['key']]: Prettify<Omit<K, 'name' | 'type'>>;
     };
 };
-type FlattenSlots<T> = T extends GLSLTag<infer TSlots> ? _FlattenSlots<TSlots> : T extends Array<GLSLSlot> ? _FlattenSlots<T> : never;
-type _FlattenSlots<T extends Array<GLSLSlot>> = T extends [infer First, ...infer Rest] ? First extends GLSLTag ? [...FlattenSlots<First>, ...FlattenSlots<Rest>] : First extends unknown[] ? [...FlattenSlots<First>, ...FlattenSlots<Rest>] : [First, ...FlattenSlots<Rest>] : [];
-type MergeGLSLSchema<TVertex extends ViewSchema, TFragment extends ViewSchema, TOverrides extends ViewSchemaPartial = {}> = {
-    uniforms: DeepMerge<[
+type FlattenSlots<T> = T extends GLSL<infer TSlots> ? _FlattenSlots<TSlots> : T extends Array<GLSLSlot> ? _FlattenSlots<T> : never;
+type _FlattenSlots<T extends Array<GLSLSlot>> = T extends [infer First, ...infer Rest] ? First extends GLSL ? [...FlattenSlots<First>, ...FlattenSlots<Rest>] : First extends unknown[] ? [...FlattenSlots<First>, ...FlattenSlots<Rest>] : [First, ...FlattenSlots<Rest>] : [];
+type MergeGLSLSchema<TVertex extends ViewSchema, TFragment extends ViewSchema, TOverrides extends ViewSchemaPartial | undefined = {}> = TOverrides extends ViewSchemaPartial ? {
+    uniforms: Prettify<DeepMerge<[
         ShallowMerge<[TVertex['uniforms'], TFragment['uniforms']]>,
         TOverrides['uniforms']
-    ]>;
-    attributes: DeepMerge<[
+    ]>>;
+    attributes: Prettify<DeepMerge<[
         ShallowMerge<[TVertex['attributes'], TFragment['attributes']]>,
         TOverrides['attributes']
-    ]>;
-    interleavedAttributes: DeepMerge<[
+    ]>>;
+    interleavedAttributes: Prettify<DeepMerge<[
         ShallowMerge<[TVertex['interleavedAttributes'], TFragment['interleavedAttributes']]>,
         TOverrides['interleavedAttributes']
-    ]>;
+    ]>>;
+} : {
+    uniforms: Prettify<ShallowMerge<[TVertex['uniforms'], TFragment['uniforms']]>>;
+    attributes: Prettify<ShallowMerge<[TVertex['attributes'], TFragment['attributes']]>>;
+    interleavedAttributes: Prettify<ShallowMerge<[TVertex['interleavedAttributes'], TFragment['interleavedAttributes']]>>;
 };
-type CompileResult<TVertex extends GLSLTag, TFragment extends GLSLTag, TOverrides extends ViewSchemaPartial> = MergeGLSLSchema<GLSLTagToSchema<TVertex>, GLSLTagToSchema<TFragment>, TOverrides> extends infer TSchema extends ViewSchema ? {
+type CompileResult<TVertex extends GLSL, TFragment extends GLSL, TOverrideSchema extends ViewSchemaPartial | undefined> = MergeGLSLSchema<GLSLToSchema<TVertex>, GLSLToSchema<TFragment>, TOverrideSchema> extends infer TSchema extends ViewSchema ? {
     program: WebGLProgram;
     schema: TSchema;
-    view: View<TSchema>;
+    view: Prettify<View<TSchema>>;
+    vertex: string;
+    fragment: string;
 } : never;
 
-export type { UniformTag as $, AttributeSchema as A, BufferSchema as B, BufferDefinition as C, BufferMethods as D, Framebuffer as E, FramebufferDefinition as F, GL as G, TextureTarget as H, InterleavedAttributeSchema as I, TextureSchema as J, KIND_TO_UNIFORM_FN_NAME_MAP as K, TextureMethods as L, TextureView as M, TextureParameterName as N, TextureParameterValue as O, TextureParameters as P, InternalFormat as Q, Format as R, PixelType as S, TextureDefinition as T, UniformSchema as U, ViewSchema as V, TexImage2DOptions as W, ViewSchemaPartial as X, GLSLResult as Y, GLSLSlot as Z, GLSLTag as _, ViewOptions as a, UniformTagFn as a0, AttributeTag as a1, AttributeTagFn as a2, InterleaveTag as a3, GLSLTagToSchema as a4, GLSLSlotsToSchema as a5, MergeGLSLSchema as a6, CompileResult as a7, Prettify as a8, View as b, UniformView as c, AttributeView as d, InterleavedAttributeView as e, BufferView as f, GLTarget as g, GLUsage as h, GLTextureTarget as i, GLTextureFormat as j, GLTextureType as k, GLTextureFilter as l, GLTextureWrap as m, KIND_TO_SIZE_MAP as n, UniformFnName as o, UniformKind as p, UniformDefinition as q, UniformSchemaPartial as r, UniformMethods as s, AttributeShortHand as t, AttributeKind as u, AttributeDefinition as v, AttributeMethods as w, InterleavedAttributeLayout as x, InterleavedAttributeDefinition as y, InterleavedAttributeMethods as z };
+export type { UniformToken as $, AttributeSchema as A, BufferSchema as B, BufferDefinition as C, BufferMethods as D, Framebuffer as E, FramebufferDefinition as F, GL as G, TextureTarget as H, InterleavedAttributeSchema as I, TextureSchema as J, KIND_TO_UNIFORM_FN_NAME_MAP as K, TextureMethods as L, TextureView as M, TextureParameterName as N, TextureParameterValue as O, TextureParameters as P, InternalFormat as Q, Format as R, PixelType as S, TextureDefinition as T, UniformSchema as U, ViewSchema as V, TexImage2DOptions as W, ViewSchemaPartial as X, GLSLResult as Y, GLSLSlot as Z, GLSL as _, ViewOptions as a, UniformTokenFn as a0, AttributeToken as a1, AttributeTokenFn as a2, InterleaveToken as a3, GLSLToSchema as a4, GLSLToView as a5, GLSLSlotsToSchema as a6, MergeGLSLSchema as a7, CompileResult as a8, Prettify as a9, View as b, UniformView as c, AttributeView as d, InterleavedAttributeView as e, BufferView as f, GLTarget as g, GLUsage as h, GLTextureTarget as i, GLTextureFormat as j, GLTextureType as k, GLTextureFilter as l, GLTextureWrap as m, KIND_TO_SIZE_MAP as n, UniformFnName as o, UniformKind as p, UniformDefinition as q, UniformSchemaPartial as r, UniformMethods as s, AttributeShortHand as t, AttributeKind as u, AttributeDefinition as v, AttributeMethods as w, InterleavedAttributeLayout as x, InterleavedAttributeDefinition as y, InterleavedAttributeMethods as z };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigmistqke/view.gl",
-  "version": "0.1.7",
+  "version": "0.1.9",
   "description": "👀 Utilities for managing WebGL resources.",
   "exports": {
     ".": {

package/src/tag.ts

@@ -3,25 +3,26 @@ import type { Prettify } from './type-utils'
 import type {
   AttributeDefinition,
   AttributeKind,
-  AttributeTag,
-  AttributeTagFn as AttributeTagMethod,
+  AttributeTokenFn as AttributeTagMethod,
+  AttributeToken,
   CompileResult,
+  GL,
+  GLSL,
   GLSLSlot,
-  GLSLTag,
-  GLSLTagToSchema,
-  InterleaveTag,
+  GLSLToSchema,
+  InterleaveToken,
   UniformDefinition,
   UniformKind,
-  UniformTagFn as UniformTagMethod,
+  UniformTokenFn as UniformTagMethod,
   ViewSchema,
   ViewSchemaPartial,
 } from './types'
-import { createProgram } from './utils'
+import { createProgram, createUpsertMap } from './utils'
 
 export function glsl<TSlot extends GLSLSlot, TSlots extends TSlot[]>(
   template: TemplateStringsArray,
   ...slots: [...TSlots]
-): GLSLTag<TSlots> {
+): GLSL<TSlots> {
   return { template, slots, type: 'glsl' }
 }
 
@@ -63,16 +64,16 @@ export const attribute = new Proxy(
 
 export function interleave<
   const TKey extends string | symbol,
-  const TLayout extends Array<AttributeTag<string | symbol, AttributeKind, undefined>>,
+  const TLayout extends Array<AttributeToken<string | symbol, AttributeKind, undefined>>,
   const TOptions extends Omit<AttributeDefinition, 'kind'>,
->(key: TKey, layout: TLayout, instanced: TOptions): InterleaveTag<TKey, TLayout, TOptions>
+>(key: TKey, layout: TLayout, instanced: TOptions): InterleaveToken<TKey, TLayout, TOptions>
 export function interleave<
   const TKey extends string | symbol,
-  const TLayout extends Array<AttributeTag<string | symbol, AttributeKind, undefined>>,
->(key: TKey, layout: TLayout): InterleaveTag<TKey, TLayout, { instanced: false }>
+  const TLayout extends Array<AttributeToken<string | symbol, AttributeKind, undefined>>,
+>(key: TKey, layout: TLayout): InterleaveToken<TKey, TLayout, { instanced: false }>
 export function interleave<
   const TKey extends string | symbol,
-  const TLayout extends Array<AttributeTag<string | symbol, AttributeKind, undefined>>,
+  const TLayout extends Array<AttributeToken<string | symbol, AttributeKind, undefined>>,
   const TOptions extends Omit<AttributeDefinition, 'kind'>,
 >(key: TKey, layout: TLayout, { instanced, buffer }: Partial<TOptions> = {}) {
   return {
@@ -85,7 +86,7 @@ export function interleave<
     })),
     instanced: !!instanced,
     buffer,
-  } as unknown as InterleaveTag<TKey, TLayout, TOptions>
+  } as unknown as InterleaveToken<TKey, TLayout, TOptions>
 }
 
 /**********************************************************************************/
@@ -94,13 +95,23 @@ export function interleave<
 /*                                                                                */
 /**********************************************************************************/
 
+export interface CompileOptions<TSchema extends ViewSchemaPartial> {
+  schema?: TSchema
+  webgl2?: boolean
+}
+
 export function compile<
-  TVertex extends GLSLTag,
-  TFragment extends GLSLTag,
-  TOverride extends ViewSchemaPartial,
->(gl: WebGLRenderingContext, vertex: TVertex, fragment: TFragment, overrideSchema?: TOverride) {
-  const _vertex = resolveGLSLTag(vertex) as { template: string; schema: ViewSchema }
-  const _fragment = resolveGLSLTag(fragment) as { template: string; schema: ViewSchema }
+  TVertex extends GLSL,
+  TFragment extends GLSL,
+  TSchema extends ViewSchemaPartial,
+>(
+  gl: WebGLRenderingContext,
+  vertex: TVertex,
+  fragment: TFragment,
+  options?: CompileOptions<TSchema> | undefined,
+) {
+  const _vertex = resolveGLSLTag(vertex, options) as { template: string; schema: ViewSchema }
+  const _fragment = resolveGLSLTag(fragment, options) as { template: string; schema: ViewSchema }
 
   const schema = {
     uniforms: {
@@ -117,48 +128,58 @@ export function compile<
     },
   }
 
-  for (const kind in overrideSchema) {
+  // Deep merge options.schema with generated schema
+  for (const kind in options?.schema) {
     const schemaKind = schema[kind as keyof typeof schema]
-    const overrideSchemaKind = overrideSchema[kind]
+    const configSchemaKind = options?.schema[kind]
 
-    for (const key in overrideSchemaKind) {
+    for (const key in configSchemaKind) {
       schemaKind[key] = {
         ...schemaKind[key],
-        ...overrideSchemaKind[key],
+        ...configSchemaKind[key],
       }
     }
   }
 
-  const program = createProgram(gl, _vertex.template, _fragment.template)
-
-  return {
-    program,
-    schema,
-    view: view(gl, program, schema),
-  } as Prettify<CompileResult<TVertex, TFragment, TOverride>>
+  try {
+    const program = createProgram(gl, _vertex.template, _fragment.template)
+
+    return {
+      program,
+      schema,
+      view: view(gl, program, schema),
+      vertex: _vertex.template,
+      fragment: _fragment.template,
+    } as unknown as Prettify<CompileResult<TVertex, TFragment, TSchema>>
+  } catch (error) {
+    console.error('Error while creating WebGLProgram - vertex\n\n', _vertex.template)
+    console.error('Error while creating WebGLProgram - fragment\n\n', _fragment.template)
+
+    throw error
+  }
 }
 
-function resolveGLSLTag<TTag extends GLSLTag>(tag: TTag) {
+function resolveGLSLTag<TTag extends GLSL>(tag: TTag, options?: { webgl2?: boolean }) {
   return {
-    template: compile.toString(tag),
+    template: compile.toString(tag, options),
     schema: compile.toSchema(tag),
   }
 }
 
-compile.toSchema = function <TTag extends GLSLTag>(tag: TTag) {
+compile.toSchema = function <TTag extends GLSL>(tag: TTag) {
   const result = {
     uniforms: {},
     attributes: {},
     interleavedAttributes: {},
   }
 
-  function handleSlot(slot: GLSLSlot) {
-    if (Array.isArray(slot)) {
-      slot.forEach(handleSlot)
+  tag.slots.forEach(function handleSlot(slot: GLSLSlot) {
+    if (typeof slot !== 'object') {
       return
     }
 
-    if (typeof slot !== 'object') {
+    if (Array.isArray(slot)) {
+      slot.forEach(handleSlot)
       return
     }
 
@@ -185,49 +206,97 @@ compile.toSchema = function <TTag extends GLSLTag>(tag: TTag) {
 
     // @ts-expect-error
     result[`${type}s`][name] = rest
-  }
-
-  tag.slots.forEach(handleSlot)
+  })
 
-  return result as unknown as Prettify<GLSLTagToSchema<TTag>>
+  return result as unknown as Prettify<GLSLToSchema<TTag>>
 }
 
-compile.toString = function <TTag extends GLSLTag>({ template: [initial, ...rest], slots }: TTag) {
-  const v300 = !!initial?.startsWith('#version 300 es')
+compile.toString = function <TTag extends GLSL>(
+  { template: [initial, ...rest], slots }: TTag,
+  config?: { webgl2?: boolean },
+) {
+  const v300 = config?.webgl2 ?? !!initial?.startsWith('#version 300 es')
 
   let template = initial ?? ''
 
   for (let i = 0; i < rest.length; i++) {
-    template += `${glslSlotToString(slots[i]!, v300)}${rest[i]}`
+    template += `${resolveGlslSlotToString(slots[i]!, v300)}${rest[i]}`
   }
 
   return template
 }
 
-function glslSlotToString(slot: GLSLSlot, v300: boolean): string {
+function resolveGlslSlotToString(slot: GLSLSlot, v300: boolean): string {
   if (typeof slot !== 'object') {
     return toID(slot)
   }
 
   if (Array.isArray(slot)) {
-    return slot.map(slot => glslSlotToString(slot, v300)).join('')
+    return slot.map(slot => resolveGlslSlotToString(slot, v300)).join('')
   }
 
-  if (slot.type === 'glsl') {
-    return compile.toString(slot)
+  switch (slot.type) {
+    case 'glsl':
+      return compile.toString(slot)
+    case 'interleavedAttribute':
+      return slot.layout.reduce(
+        (a, v) =>
+          v300 ? `${a}in ${v.kind} ${toID(v.key)};\n` : `${a}attribute ${v.kind} ${toID(v.key)};\n`,
+        '',
+      )
+    case 'uniform':
+      if ('size' in slot) {
+        return `${slot.type} ${slot.kind} ${toID(slot.key)}[${slot.size}];`
+      }
+      return `${slot.type} ${slot.kind} ${toID(slot.key)};`
   }
 
-  if (slot.type === 'interleavedAttribute') {
-    return slot.layout.reduce(
-      (a, v) =>
-        v300 ? `${a}in ${v.kind} ${toID(v.key)};\n` : `${a}attribute ${v.kind} ${toID(v.key)};\n`,
-      '',
-    )
+  if (slot.type === 'attribute') {
+    return `${v300 ? 'in' : slot.type} ${slot.kind} ${toID(slot.key)};`
   }
 
-  if (slot.type === 'uniform' && 'size' in slot) {
-    return `${slot.type} ${slot.kind} ${toID(slot.key)}[${slot.size}];`
-  }
+  throw new Error(`Unexpected slot: ${JSON.stringify(slot)}`)
+}
+
+const QUAD_FLOAT_ARRAY = new Float32Array([-1, -1, 1, -1, -1, 1, -1, 1, 1, -1, 1, 1])
+const QUAD_BUFFER_MAP = createUpsertMap(WeakMap<GL, WebGLBuffer>)
+
+compile.toQuad = function <TFragment extends GLSL, TSchema extends ViewSchemaPartial>(
+  gl: GL,
+  fragment: TFragment,
+  options?: CompileOptions<TSchema>,
+) {
+  const buffer = QUAD_BUFFER_MAP.getOrInsert(gl, gl.createBuffer.bind(gl))
+
+  const webgl2 = options?.webgl2 ?? fragment.template[0]?.startsWith('#version 300 es')
+
+  const vertex = webgl2
+    ? glsl`#version 300 es
+precision mediump float;
+
+${attribute.vec2('a_quad', { buffer })}
+
+out vec2 v_uv;
+
+void main() {
+  v_uv = a_quad;
+  gl_Position = vec4(v_uv, 0.0, 1.0);
+}`
+    : glsl`precision mediump float;
+
+${attribute.vec2('a_quad', { buffer })}
+
+varying vec2 v_uv;
+
+void main() {
+  v_uv = a_quad;
+  gl_Position = vec4(v_uv, 0.0, 1.0);
+}`
+
+  const result = compile(gl, vertex, fragment, options)
+
+  // @ts-expect-error
+  result.view.attributes.a_quad.set(QUAD_FLOAT_ARRAY)
 
-  return `${slot.type === 'attribute' && v300 ? 'in' : slot.type} ${slot.kind} ${toID(slot.key)};`
+  return result
 }