@symbiote-native/gl 0.0.0-stage → 0.1.0

package/build-ngc/core/gl-utils.js

@@ -0,0 +1,85 @@
+import { GL_ERRORS } from './gl-errors';
+import { GLLoggingOption } from './types';
+const MAX_STRING_LENGTH = 20;
+const SET_LOGGING_KEY = '__expoSetLogging';
+const wrappers = new WeakSet();
+function isGLFunction(value) {
+    return typeof value === 'function';
+}
+function constantNameOf(gl, value) {
+    for (const name in gl) {
+        if (Reflect.get(gl, name) === value)
+            return name;
+    }
+    return undefined;
+}
+// Numbers get the name of a constant that holds them, which can mislead for a size, so the
+// number stays. Strings are cut because a shader is long and logging it blocks the bridge
+function describeArg(gl, option, arg) {
+    if (option & GLLoggingOption.RESOLVE_CONSTANTS && typeof arg === 'number') {
+        const name = constantNameOf(gl, arg);
+        if (name)
+            return `${arg} (${name})`;
+    }
+    const isLong = typeof arg === 'string' && arg.length > MAX_STRING_LENGTH;
+    if (option & GLLoggingOption.TRUNCATE_STRINGS && isLong) {
+        const lastSpace = arg.lastIndexOf(' ', MAX_STRING_LENGTH);
+        return `${arg.slice(0, lastSpace >= 0 ? lastSpace : MAX_STRING_LENGTH)}...`;
+    }
+    return String(arg);
+}
+// The original `getError`, a wrapped one would log itself
+function reportError(gl) {
+    const getError = Reflect.get(Reflect.getPrototypeOf(gl) ?? {}, 'getError');
+    if (!isGLFunction(getError))
+        return;
+    const error = getError.call(gl);
+    if (typeof error !== 'number' || error === Reflect.get(gl, 'NO_ERROR'))
+        return;
+    console.warn(`\x1b[31mExpoGL: Error ${GL_ERRORS[error]}\x1b[0m`);
+}
+function wrapMethod(gl, key, original, getOption) {
+    const wrapper = (...args) => {
+        const option = getOption();
+        if (option & GLLoggingOption.METHOD_CALLS) {
+            const params = args.map(arg => describeArg(gl, option, arg));
+            console.warn(`ExpoGL: ${key}(${params.join(', ')})`);
+        }
+        const result = original.apply(gl, args);
+        if (option & GLLoggingOption.METHOD_CALLS)
+            console.warn(`ExpoGL:   = ${String(result)}`);
+        if (option & GLLoggingOption.GET_ERRORS && key !== 'getError')
+            reportError(gl);
+        return result;
+    };
+    wrappers.add(wrapper);
+    Reflect.set(gl, key, wrapper);
+}
+function wrapMethods(gl, getOption) {
+    for (const [key, original] of Object.entries(Reflect.getPrototypeOf(gl) ?? {})) {
+        if (isGLFunction(original) && key !== SET_LOGGING_KEY) {
+            wrapMethod(gl, key, original, getOption);
+        }
+    }
+}
+function unwrapMethods(gl) {
+    for (const [key, value] of Object.entries(gl)) {
+        if (isGLFunction(value) && wrappers.has(value))
+            Reflect.deleteProperty(gl, key);
+    }
+}
+/** Adds `__expoSetLogging` to the context, for the logging options useful in debugging GL calls */
+export function configureLogging(gl) {
+    let loggingOption = GLLoggingOption.DISABLED;
+    gl.__expoSetLogging = (option) => {
+        // Both on or both off needs no wrapping or unwrapping, only the new option
+        if (!loggingOption !== !option) {
+            if (option)
+                wrapMethods(gl, () => loggingOption);
+            else
+                unwrapMethods(gl);
+        }
+        loggingOption = option;
+    };
+}
+//# sourceMappingURL=gl-utils.js.map

package/build-ngc/core/gl-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gl-utils.js","sourceRoot":"","sources":["../../src/core/gl-utils.ts"],"names":[],"mappings":"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"}

package/build-ngc/core/gl-view.d.ts

@@ -0,0 +1,16 @@
+import type { IDescriptor } from '@symbiote-native/components';
+import type { ISymbioteNode } from '@symbiote-native/engine';
+import type { IGLViewHandle } from './types';
+export declare const glViewName: () => string;
+export declare const ensureGLViewRegistered: () => boolean;
+export type IGLView = {
+    handle: IGLViewHandle;
+    /** `null` means the view cannot register and the caller renders nothing */
+    render(props: object): IDescriptor | null;
+    /** Forgets the context of the surface, called when the view unmounts */
+    dispose(): void;
+};
+type IGetNode = () => ISymbioteNode | null | undefined;
+/** One per mounted view, `getNode` is kept for the shape the adapters share */
+export declare function createGLView(_getNode: IGetNode): IGLView;
+export {};

package/build-ngc/core/gl-view.js

@@ -0,0 +1,108 @@
+import { Platform, UnavailabilityError, requireNativeViewManager, } from 'expo-modules-core';
+import { el } from '@symbiote-native/components';
+import { defineExpoNativeView, getNativeTag, isDevBuild, isSymbioteNode, } from '@symbiote-native/engine';
+import { GL_MODULE_NAME, GL_PACKAGE_NAME } from './constants';
+import { getGl, takeSnapshotAsync, unregisterGLContext } from './gl-context';
+import { glNativeModule } from './native-module';
+// Registered on render: a barrel side effect is lost in a release build
+const glView = defineExpoNativeView(requireNativeViewManager, GL_MODULE_NAME);
+export const glViewName = glView.name;
+export const ensureGLViewRegistered = glView.ensureRegistered;
+const DEFAULT_MSAA_SAMPLES = 4;
+function isSurfaceCreated(value) {
+    return typeof Reflect.get(Object(value), 'exglCtxId') === 'number';
+}
+function isContextCallback(value) {
+    return typeof value === 'function';
+}
+// Adapters hand over the props they hold, a missing callback is a view nobody listens to
+function toViewProps(props) {
+    const onContextCreate = Reflect.get(props, 'onContextCreate');
+    return {
+        ...props,
+        onContextCreate: isContextCallback(onContextCreate)
+            ? onContextCreate
+            : () => undefined,
+    };
+}
+function nativeTagOf(camera) {
+    const tag = isSymbioteNode(camera) ? getNativeTag(camera) : camera;
+    if (typeof tag !== 'number')
+        throw new Error('The camera view has no native tag yet');
+    return tag;
+}
+/** One per mounted view, `getNode` is kept for the shape the adapters share */
+export function createGLView(_getNode) {
+    let exglCtxId;
+    let latestProps;
+    let hasWorkletSupport;
+    const onSurfaceCreate = (event) => {
+        if (!isSurfaceCreated(event.nativeEvent))
+            return;
+        exglCtxId = event.nativeEvent.exglCtxId;
+        latestProps?.onContextCreate(getGl(exglCtxId));
+    };
+    function warnOnWorkletChange(enabled) {
+        if (hasWorkletSupport !== undefined && hasWorkletSupport !== enabled) {
+            console.warn('Updating prop enableExperimentalWorkletSupport is not supported');
+        }
+        hasWorkletSupport = enabled;
+    }
+    const handle = {
+        get exglCtxId() {
+            return exglCtxId;
+        },
+        async createCameraTextureAsync(camera) {
+            if (!glNativeModule.createCameraTextureAsync) {
+                throw new UnavailabilityError(GL_PACKAGE_NAME, 'createCameraTextureAsync');
+            }
+            if (!exglCtxId)
+                throw new Error("GLView's surface is not created yet!");
+            const { exglObjId } = await glNativeModule.createCameraTextureAsync(exglCtxId, nativeTagOf(camera));
+            const texture = { id: exglObjId };
+            return texture;
+        },
+        async destroyObjectAsync(glObject) {
+            if (!glNativeModule.destroyObjectAsync) {
+                throw new UnavailabilityError(GL_PACKAGE_NAME, 'destroyObjectAsync');
+            }
+            return glNativeModule.destroyObjectAsync(glObject.id);
+        },
+        takeSnapshotAsync: (options) => takeSnapshotAsync(exglCtxId, options),
+    };
+    return {
+        handle,
+        dispose: () => {
+            if (exglCtxId)
+                unregisterGLContext(exglCtxId);
+        },
+        render: props => {
+            if (!ensureGLViewRegistered()) {
+                if (isDevBuild())
+                    console.warn("'GLView' is not available.");
+                return null;
+            }
+            latestProps = toViewProps(props);
+            const { onContextCreate, msaaSamples = DEFAULT_MSAA_SAMPLES, enableExperimentalWorkletSupport = false, ...viewProps } = latestProps;
+            warnOnWorkletChange(enableExperimentalWorkletSupport);
+            return el('view', viewProps, [
+                el(glViewName(), {
+                    style: {
+                        flex: 1,
+                        ...Platform.select({
+                            ios: { backgroundColor: 'transparent' },
+                            default: {},
+                        }),
+                    },
+                    onSurfaceCreate,
+                    enableExperimentalWorkletSupport,
+                    msaaSamples: Platform.select({
+                        ios: msaaSamples,
+                        default: undefined,
+                    }),
+                }),
+            ]);
+        },
+    };
+}
+//# sourceMappingURL=gl-view.js.map

package/build-ngc/core/gl-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gl-view.js","sourceRoot":"","sources":["../../src/core/gl-view.ts"],"names":[],"mappings":"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"}

package/build-ngc/core/index.d.ts

@@ -0,0 +1,6 @@
+export { GL_MODULE_NAME } from './constants';
+export { createContextAsync, destroyContextAsync, getGl, getWorkletContext, takeSnapshotAsync, } from './gl-context';
+export { configureLogging } from './gl-utils';
+export { createGLView, ensureGLViewRegistered, glViewName, type IGLView, } from './gl-view';
+export { GLLoggingOption } from './types';
+export type { IExpoWebGLRenderingContext, IGLNodeOrTag, IGLObject, IGLSnapshot, IGLSnapshotOptions, IGLSurfaceCreateEvent, IGLViewHandle, IGLViewProps, } from './types';

package/build-ngc/core/index.js

@@ -0,0 +1,6 @@
+export { GL_MODULE_NAME } from './constants';
+export { createContextAsync, destroyContextAsync, getGl, getWorkletContext, takeSnapshotAsync, } from './gl-context';
+export { configureLogging } from './gl-utils';
+export { createGLView, ensureGLViewRegistered, glViewName, } from './gl-view';
+export { GLLoggingOption } from './types';
+//# sourceMappingURL=index.js.map

package/build-ngc/core/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/core/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EACL,kBAAkB,EAClB,mBAAmB,EACnB,KAAK,EACL,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EACL,YAAY,EACZ,sBAAsB,EACtB,UAAU,GAEX,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC"}

package/build-ngc/core/native-module.d.ts

@@ -0,0 +1,15 @@
+import type { IGLSnapshot, IGLSnapshotOptions } from './types';
+export type INativeGLModule = {
+    createContextAsync(): Promise<{
+        exglCtxId: number;
+    }>;
+    destroyContextAsync(exglCtxId: number): Promise<boolean>;
+    takeSnapshotAsync(exglCtxId: number, options: IGLSnapshotOptions): Promise<IGLSnapshot>;
+    /** Absent where there is no camera texture support */
+    createCameraTextureAsync?(exglCtxId: number, cameraTag: number): Promise<{
+        exglObjId: number;
+    }>;
+    /** Absent where objects cannot be destroyed one by one */
+    destroyObjectAsync?(exglObjId: number): Promise<boolean>;
+};
+export declare const glNativeModule: INativeGLModule;

package/build-ngc/core/native-module.js

@@ -0,0 +1,4 @@
+import { requireNativeModule } from 'expo-modules-core';
+import { GL_MODULE_NAME } from './constants';
+export const glNativeModule = requireNativeModule(GL_MODULE_NAME);
+//# sourceMappingURL=native-module.js.map

package/build-ngc/core/native-module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-module.js","sourceRoot":"","sources":["../../src/core/native-module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAmB7C,MAAM,CAAC,MAAM,cAAc,GACzB,mBAAmB,CAAkB,cAAc,CAAC,CAAC"}

package/build-ngc/core/types.d.ts

@@ -0,0 +1,75 @@
+import type { IAccessibilityProps, IAriaProps, IResponderProps } from '@symbiote-native/components';
+import type { IStyleProp, ISymbioteEvent, ISymbioteNode, IViewStyle } from '@symbiote-native/engine';
+export type IGLObject = {
+    id: number;
+};
+export type IGLSurfaceCreateEvent = {
+    nativeEvent: {
+        exglCtxId: number;
+    };
+};
+export type IGLSnapshotOptions = {
+    /** @default false */
+    flip?: boolean;
+    /** Defaults to the framebuffer shown in the view, or the current one of a headless context */
+    framebuffer?: WebGLFramebuffer;
+    /** Passed to `glReadPixels` */
+    rect?: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    /** PNG is lossless but slower, iOS writes a PNG instead of WebP. @default 'jpeg' */
+    format?: 'jpeg' | 'png' | 'webp';
+    /** From `0` (most compressed) to `1.0` (none). @default 1.0 */
+    compress?: number;
+};
+export type IGLSnapshot = {
+    uri: string | Blob | null;
+    /** Same as `uri`, which makes a snapshot usable in `texImage2D` */
+    localUri: string;
+    width: number;
+    height: number;
+};
+export type IExpoWebGLRenderingContext = WebGL2RenderingContext & {
+    contextId: number;
+    endFrameEXP(): void;
+    flushEXP(): void;
+    __expoSetLogging(option: GLLoggingOption): void;
+};
+/** A native tag, or the host node of a view such as a camera */
+export type IGLNodeOrTag = number | ISymbioteNode | null;
+export type IGLViewProps = IAccessibilityProps & IAriaProps & IResponderProps & {
+    style?: IStyleProp<IViewStyle>;
+    testID?: string;
+    nativeID?: string;
+    onLayout?: (event: ISymbioteEvent) => void;
+    /** Called with the context once the surface exists */
+    onContextCreate(gl: IExpoWebGLRenderingContext): void;
+    /** Multisampling, `0` turns it off. @default 4 @platform ios */
+    msaaSamples?: number;
+    /** Lets the Reanimated worklet thread use the `gl` object. @default false */
+    enableExperimentalWorkletSupport?: boolean;
+};
+export declare enum GLLoggingOption {
+    DISABLED = 0,
+    /** Logs calls, their parameters and results */
+    METHOD_CALLS = 1,
+    /** Calls `getError` after each call, which blocks and slows drawing down */
+    GET_ERRORS = 2,
+    /** Prints the name of the constant a numeric parameter holds */
+    RESOLVE_CONSTANTS = 4,
+    /** Cuts long strings such as shaders */
+    TRUNCATE_STRINGS = 8,
+    ALL = 15
+}
+/** What a ref to the view hands out */
+export type IGLViewHandle = {
+    /** The id of the context of the view, `undefined` until the surface exists */
+    readonly exglCtxId: number | undefined;
+    createCameraTextureAsync(camera: IGLNodeOrTag): Promise<WebGLTexture>;
+    destroyObjectAsync(glObject: IGLObject): Promise<boolean>;
+    /** A snapshot of the context of this view */
+    takeSnapshotAsync(options?: IGLSnapshotOptions): Promise<IGLSnapshot>;
+};

package/build-ngc/core/types.js

@@ -0,0 +1,14 @@
+export var GLLoggingOption;
+(function (GLLoggingOption) {
+    GLLoggingOption[GLLoggingOption["DISABLED"] = 0] = "DISABLED";
+    /** Logs calls, their parameters and results */
+    GLLoggingOption[GLLoggingOption["METHOD_CALLS"] = 1] = "METHOD_CALLS";
+    /** Calls `getError` after each call, which blocks and slows drawing down */
+    GLLoggingOption[GLLoggingOption["GET_ERRORS"] = 2] = "GET_ERRORS";
+    /** Prints the name of the constant a numeric parameter holds */
+    GLLoggingOption[GLLoggingOption["RESOLVE_CONSTANTS"] = 4] = "RESOLVE_CONSTANTS";
+    /** Cuts long strings such as shaders */
+    GLLoggingOption[GLLoggingOption["TRUNCATE_STRINGS"] = 8] = "TRUNCATE_STRINGS";
+    GLLoggingOption[GLLoggingOption["ALL"] = 15] = "ALL";
+})(GLLoggingOption || (GLLoggingOption = {}));
+//# sourceMappingURL=types.js.map

package/build-ngc/core/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/core/types.ts"],"names":[],"mappings":"AAyEA,MAAM,CAAN,IAAY,eAWX;AAXD,WAAY,eAAe;IACzB,6DAAY,CAAA;IACZ,+CAA+C;IAC/C,qEAAgB,CAAA;IAChB,4EAA4E;IAC5E,iEAAc,CAAA;IACd,gEAAgE;IAChE,+EAAqB,CAAA;IACrB,wCAAwC;IACxC,6EAAoB,CAAA;IACpB,oDAAsE,CAAA;AACxE,CAAC,EAXW,eAAe,KAAf,eAAe,QAW1B"}

package/build-ngc/core/worklet-context-manager.d.ts

@@ -0,0 +1,6 @@
+import type { IExpoWebGLRenderingContext } from './types';
+export type IWorkletContextManager = {
+    getContext(contextId: number): IExpoWebGLRenderingContext | undefined;
+    unregister?(contextId: number): void;
+};
+export declare function createWorkletContextManager(): IWorkletContextManager;

package/build-ngc/core/worklet-context-manager.js

@@ -0,0 +1,36 @@
+import { GL_CONTEXTS_GLOBAL } from './constants';
+function isRunOnUI(value) {
+    return typeof value === 'function';
+}
+// Reanimated stays optional, and an import of it in a try block in the module that also holds the
+// view breaks with `inlineRequires`, so the manager lives in its own file
+export function createWorkletContextManager() {
+    try {
+        // Reanimated has to load before any workletized code is created
+        // eslint-disable-next-line @typescript-eslint/no-require-imports -- optional dependency, see above
+        const reanimated = require('react-native-reanimated');
+        const runOnUI = Reflect.get(Object(reanimated), 'runOnUI');
+        if (!isRunOnUI(runOnUI))
+            throw new Error('react-native-reanimated has no runOnUI');
+        return {
+            getContext: contextId => {
+                'worklet';
+                return Reflect.get(Object(Reflect.get(globalThis, GL_CONTEXTS_GLOBAL)), String(contextId));
+            },
+            unregister: contextId => {
+                runOnUI(id => {
+                    'worklet';
+                    Reflect.deleteProperty(Object(Reflect.get(globalThis, GL_CONTEXTS_GLOBAL)), String(id));
+                })(contextId);
+            },
+        };
+    }
+    catch {
+        return {
+            getContext: () => {
+                throw new Error('Worklet runtime is not available');
+            },
+        };
+    }
+}
+//# sourceMappingURL=worklet-context-manager.js.map

package/build-ngc/core/worklet-context-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"worklet-context-manager.js","sourceRoot":"","sources":["../../src/core/worklet-context-manager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAYjD,SAAS,SAAS,CAAC,KAAc;IAC/B,OAAO,OAAO,KAAK,KAAK,UAAU,CAAC;AACrC,CAAC;AAED,kGAAkG;AAClG,0EAA0E;AAC1E,MAAM,UAAU,2BAA2B;IACzC,IAAI,CAAC;QACH,gEAAgE;QAChE,mGAAmG;QACnG,MAAM,UAAU,GAAY,OAAO,CAAC,yBAAyB,CAAC,CAAC;QAC/D,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,SAAS,CAAC,CAAC;QAC3D,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;YACrB,MAAM,IAAI,KAAK,CAAC,wCAAwC,CAAC,CAAC;QAC5D,OAAO;YACL,UAAU,EAAE,SAAS,CAAC,EAAE;gBACtB,SAAS,CAAC;gBACV,OAAO,OAAO,CAAC,GAAG,CAChB,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,kBAAkB,CAAC,CAAC,EACnD,MAAM,CAAC,SAAS,CAAC,CAClB,CAAC;YACJ,CAAC;YACD,UAAU,EAAE,SAAS,CAAC,EAAE;gBACtB,OAAO,CAAC,EAAE,CAAC,EAAE;oBACX,SAAS,CAAC;oBACV,OAAO,CAAC,cAAc,CACpB,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,kBAAkB,CAAC,CAAC,EACnD,MAAM,CAAC,EAAE,CAAC,CACX,CAAC;gBACJ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;YAChB,CAAC;SACF,CAAC;IACJ,CAAC;IAAC,MAAM,CAAC;QACP,OAAO;YACL,UAAU,EAAE,GAAG,EAAE;gBACf,MAAM,IAAI,KAAK,CAAC,kCAAkC,CAAC,CAAC;YACtD,CAAC;SACF,CAAC;IACJ,CAAC;AACH,CAAC"}

package/native-link.json

@@ -0,0 +1,12 @@
+{
+  "android": {
+    "gradleProjectName": "expo-gl",
+    "modules": [
+      {
+        "importPath": "expo.modules.gl.GLModule",
+        "className": "GLModule",
+        "nativeName": "ExpoGL"
+      }
+    ]
+  }
+}

package/package.json

@@ -1,6 +1,148 @@
 {
   "name": "@symbiote-native/gl",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.1.0",
+  "description": "expo-gl wrapped for SymbioteNative — one framework-agnostic core, built once and reachable from the React, Vue, Svelte, Solid, and Angular adapters. A GLView that gives a WebGL context to draw into, headless contexts and snapshots.",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/OneEyed1366/symbiote-native.git",
+    "directory": "packages/gl"
+  },
+  "homepage": "https://github.com/OneEyed1366/symbiote-native/tree/master/packages/gl#readme",
+  "bugs": {
+    "url": "https://github.com/OneEyed1366/symbiote-native/issues"
+  },
+  "author": "Andrey Prokopenko <psevdoproger@gmail.com>",
+  "keywords": [
+    "react-native",
+    "symbiote-native",
+    "expo-gl",
+    "react",
+    "vue",
+    "svelte",
+    "solid",
+    "angular",
+    "webgl",
+    "opengl"
+  ],
+  "type": "module",
+  "main": "./build/core/index.js",
+  "module": "./build/core/index.js",
+  "types": "./build/core/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./build/core/index.d.ts",
+      "default": "./build/core/index.js"
+    },
+    "./vue": {
+      "types": "./build/vue/index.d.ts",
+      "default": "./build/vue/index.js"
+    },
+    "./react": {
+      "types": "./build/react/index.d.ts",
+      "default": "./build/react/index.js"
+    },
+    "./svelte": "./src/svelte/index.ts",
+    "./solid": {
+      "types": "./build/solid/index.d.ts",
+      "default": "./build/solid/index.js"
+    },
+    "./angular": {
+      "types": "./build-ngc/angular/index.d.ts",
+      "react-native": "./build-ngc/angular/index.js",
+      "default": "./src/angular/index.ts"
+    }
+  },
+  "files": [
+    "src",
+    "build",
+    "build-ngc",
+    "native-link.json",
+    "!src/**/*.test.*",
+    "!src/**/*.spec.*",
+    "!src/**/*.detox.*"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "expo-gl": "57.0.2",
+    "expo-modules-core": "57.0.20",
+    "@symbiote-native/components": "3.2.0"
+  },
+  "peerDependencies": {
+    "@angular/core": ">=20",
+    "@vue/runtime-core": "^3.5.13",
+    "react": ">=19.0.0",
+    "react-native": ">=0.86",
+    "solid-js": ">=1.9.0",
+    "svelte": ">=5.56.0",
+    "vue": ">=3.5.0",
+    "@symbiote-native/angular": "^3.3.0",
+    "@symbiote-native/engine": "^1.6.0",
+    "@symbiote-native/react": "^3.3.0",
+    "@symbiote-native/solid": "^3.2.0",
+    "@symbiote-native/svelte": "^3.2.0",
+    "@symbiote-native/vue": "^3.3.0"
+  },
+  "peerDependenciesMeta": {
+    "@symbiote-native/angular": {
+      "optional": true
+    },
+    "@symbiote-native/react": {
+      "optional": true
+    },
+    "@symbiote-native/solid": {
+      "optional": true
+    },
+    "@symbiote-native/svelte": {
+      "optional": true
+    },
+    "@symbiote-native/vue": {
+      "optional": true
+    },
+    "@angular/core": {
+      "optional": true
+    },
+    "@vue/runtime-core": {
+      "optional": true
+    },
+    "react": {
+      "optional": true
+    },
+    "solid-js": {
+      "optional": true
+    },
+    "svelte": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@angular/compiler": "~22.0.8",
+    "@angular/compiler-cli": "~22.0.8",
+    "@angular/core": "~22.0.8",
+    "@types/node": "^26.0.0",
+    "@types/react": "^19.2.0",
+    "@vue/runtime-core": "^3.5.13",
+    "react": "19.2.3",
+    "solid-js": "^1.9.14",
+    "svelte": "^5.56.0",
+    "typescript": "~6.0.0",
+    "@symbiote-native/angular": "3.3.0",
+    "@symbiote-native/engine": "1.6.0",
+    "@symbiote-native/react": "3.3.0",
+    "@symbiote-native/solid": "3.2.0",
+    "@symbiote-native/svelte": "3.2.0",
+    "@symbiote-native/test-utils": "0.4.7",
+    "@symbiote-native/vue": "3.3.0"
+  },
+  "scripts": {
+    "typecheck": "tsc --build",
+    "clean": "rm -rf build-ngc",
+    "ng:build": "pnpm run clean && ngc -p tsconfig.angular.json",
+    "format": "prettier --write \"src/**/*.{ts,tsx}\""
+  }
 }

package/src/angular/gl-view/index.ts

@@ -0,0 +1,51 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { DescriptorOutlet, NativeViewBase } from '@symbiote-native/angular';
+import type { IDescriptor } from '@symbiote-native/components';
+import { createGLView } from '../../core';
+import type { IGLViewProps } from '../../core';
+
+// One list is the inputs of the component and the props it hands to the native view
+const GL_VIEW_INPUTS = [
+  'onContextCreate',
+  'msaaSamples',
+  'enableExperimentalWorkletSupport',
+] as const;
+
+// Types the inputs for the template, the decorators that would do it are replaced by `inputs`
+export interface GLView extends Partial<
+  Pick<IGLViewProps, (typeof GL_VIEW_INPUTS)[number]>
+> {}
+
+/** Angular twin of `expo-gl`'s `GLView` */
+@Component({
+  selector: 'GLView',
+  standalone: true,
+  imports: [DescriptorOutlet],
+  inputs: [...GL_VIEW_INPUTS],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `@if (descriptor; as node) {
+    <symbiote-descriptor-outlet [node]="node" />
+  }`,
+})
+export class GLView extends NativeViewBase {
+  private readonly view = createGLView(() => this.hostNode());
+
+  // The functions of the view are members of the component, a `@ViewChild` reaches them
+  readonly createCameraTextureAsync = this.view.handle.createCameraTextureAsync;
+  readonly destroyObjectAsync = this.view.handle.destroyObjectAsync;
+  readonly takeSnapshotAsync = this.view.handle.takeSnapshotAsync;
+
+  get exglCtxId(): number | undefined {
+    return this.view.handle.exglCtxId;
+  }
+
+  protected override readonly propNames = GL_VIEW_INPUTS;
+
+  protected override renderView(props: object): IDescriptor | null {
+    return this.view.render(props);
+  }
+
+  protected override disposeView(): void {
+    this.view.dispose();
+  }
+}

package/src/angular/index.ts

@@ -0,0 +1,4 @@
+// @symbiote-native/gl/angular: a GLView that gives a WebGL context to draw into, on a shared core
+
+export { GLView } from './gl-view';
+export * from '../core';

package/src/core/constants.ts

@@ -0,0 +1,6 @@
+export const GL_MODULE_NAME = 'ExpoGL';
+
+export const GL_PACKAGE_NAME = 'expo-gl';
+
+/** Where the native module keeps the contexts it installs on the runtime, by id */
+export const GL_CONTEXTS_GLOBAL = '__EXGLContexts';