@antv/l7-renderer 2.9.36 → 2.9.37-alpha.2

package/es/regl/index.d.ts

@@ -1,51 +0,0 @@
-/**
- * render w/ regl
- * @see https://github.com/regl-project/regl/blob/gh-pages/API.md
- */
-import { IAttribute, IAttributeInitializationOptions, IBuffer, IBufferInitializationOptions, IClearOptions, IElements, IElementsInitializationOptions, IExtensions, IFramebuffer, IFramebufferInitializationOptions, IModel, IModelInitializationOptions, IReadPixelsOptions, IRenderConfig, IRendererService, ITexture2D, ITexture2DInitializationOptions } from '@antv/l7-core';
-import regl from 'l7regl';
-import 'reflect-metadata';
-import ReglFramebuffer from './ReglFramebuffer';
-/**
- * regl renderer
- */
-export default class ReglRendererService implements IRendererService {
-    extensionObject: IExtensions;
-    private gl;
-    private $container;
-    private canvas;
-    private width;
-    private height;
-    private isDirty;
-    init(canvas: HTMLCanvasElement, cfg: IRenderConfig, gl?: regl.Regl): Promise<void>;
-    getPointSizeRange(): any;
-    testExtension(name: string): boolean;
-    createModel: (options: IModelInitializationOptions) => IModel;
-    createAttribute: (options: IAttributeInitializationOptions) => IAttribute;
-    createBuffer: (options: IBufferInitializationOptions) => IBuffer;
-    createElements: (options: IElementsInitializationOptions) => IElements;
-    createTexture2D: (options: ITexture2DInitializationOptions) => ITexture2D;
-    createFramebuffer: (options: IFramebufferInitializationOptions) => ReglFramebuffer;
-    useFramebuffer: (framebuffer: IFramebuffer | null, drawCommands: () => void) => void;
-    clear: (options: IClearOptions) => void;
-    viewport: ({ x, y, width, height, }: {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-    }) => void;
-    readPixels: (options: IReadPixelsOptions) => Uint8Array;
-    getViewportSize: () => {
-        width: number;
-        height: number;
-    };
-    getContainer: () => HTMLElement | null;
-    getCanvas: () => HTMLCanvasElement;
-    getGLContext: () => WebGLRenderingContext;
-    setState(): void;
-    setBaseState(): void;
-    setCustomLayerDefaults(): void;
-    setDirty(flag: boolean): void;
-    getDirty(): boolean;
-    destroy: () => void;
-}

package/es/regl/index.js

@@ -1,313 +0,0 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-var _dec, _class;
-
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-
-/**
- * render w/ regl
- * @see https://github.com/regl-project/regl/blob/gh-pages/API.md
- */
-import { isMini } from '@antv/l7-utils';
-import { injectable } from 'inversify';
-import regl from 'l7regl';
-import 'reflect-metadata';
-import ReglAttribute from "./ReglAttribute";
-import ReglBuffer from "./ReglBuffer";
-import ReglElements from "./ReglElements";
-import ReglFramebuffer from "./ReglFramebuffer";
-import ReglModel from "./ReglModel";
-import ReglTexture2D from "./ReglTexture2D";
-/**
- * regl renderer
- */
-
-var ReglRendererService = (_dec = injectable(), _dec(_class = /*#__PURE__*/function () {
-  function ReglRendererService() {
-    var _this = this;
-
-    _classCallCheck(this, ReglRendererService);
-
-    _defineProperty(this, "createModel", function (options) {
-      return new ReglModel(_this.gl, options);
-    });
-
-    _defineProperty(this, "createAttribute", function (options) {
-      return new ReglAttribute(_this.gl, options);
-    });
-
-    _defineProperty(this, "createBuffer", function (options) {
-      return new ReglBuffer(_this.gl, options);
-    });
-
-    _defineProperty(this, "createElements", function (options) {
-      return new ReglElements(_this.gl, options);
-    });
-
-    _defineProperty(this, "createTexture2D", function (options) {
-      return new ReglTexture2D(_this.gl, options);
-    });
-
-    _defineProperty(this, "createFramebuffer", function (options) {
-      return new ReglFramebuffer(_this.gl, options);
-    });
-
-    _defineProperty(this, "useFramebuffer", function (framebuffer, drawCommands) {
-      _this.gl({
-        framebuffer: framebuffer ? framebuffer.get() : null
-      })(drawCommands);
-    });
-
-    _defineProperty(this, "clear", function (options) {
-      var _this$gl;
-
-      // @see https://github.com/regl-project/regl/blob/gh-pages/API.md#clear-the-draw-buffer
-      var color = options.color,
-          depth = options.depth,
-          stencil = options.stencil,
-          _options$framebuffer = options.framebuffer,
-          framebuffer = _options$framebuffer === void 0 ? null : _options$framebuffer;
-      var reglClearOptions = {
-        color: color,
-        depth: depth,
-        stencil: stencil
-      };
-      reglClearOptions.framebuffer = framebuffer === null ? framebuffer : framebuffer.get();
-      (_this$gl = _this.gl) === null || _this$gl === void 0 ? void 0 : _this$gl.clear(reglClearOptions);
-    });
-
-    _defineProperty(this, "viewport", function (_ref) {
-      var x = _ref.x,
-          y = _ref.y,
-          width = _ref.width,
-          height = _ref.height;
-
-      // use WebGL context directly
-      // @see https://github.com/regl-project/regl/blob/gh-pages/API.md#unsafe-escape-hatch
-      _this.gl._gl.viewport(x, y, width, height);
-
-      _this.width = width;
-      _this.height = height;
-
-      _this.gl._refresh();
-    });
-
-    _defineProperty(this, "readPixels", function (options) {
-      var framebuffer = options.framebuffer,
-          x = options.x,
-          y = options.y,
-          width = options.width,
-          height = options.height;
-      var readPixelsOptions = {
-        x: x,
-        y: y,
-        width: width,
-        height: height
-      };
-
-      if (framebuffer) {
-        readPixelsOptions.framebuffer = framebuffer.get();
-      }
-
-      return _this.gl.read(readPixelsOptions);
-    });
-
-    _defineProperty(this, "getViewportSize", function () {
-      return {
-        width: _this.gl._gl.drawingBufferWidth,
-        height: _this.gl._gl.drawingBufferHeight
-      };
-    });
-
-    _defineProperty(this, "getContainer", function () {
-      if (isMini) {
-        return _this.canvas;
-      } else {
-        var _this$canvas;
-
-        return (_this$canvas = _this.canvas) === null || _this$canvas === void 0 ? void 0 : _this$canvas.parentElement;
-      }
-    });
-
-    _defineProperty(this, "getCanvas", function () {
-      // return this.$container?.getElementsByTagName('canvas')[0] || null;
-      return _this.canvas;
-    });
-
-    _defineProperty(this, "getGLContext", function () {
-      return _this.gl._gl;
-    });
-
-    _defineProperty(this, "destroy", function () {
-      var _this$gl2, _this$gl2$_gl, _this$gl2$_gl$getExte;
-
-      // this.canvas = null 清除对 webgl 实例的引用
-      // @ts-ignore
-      _this.canvas = null; // make sure release webgl context
-
-      (_this$gl2 = _this.gl) === null || _this$gl2 === void 0 ? void 0 : (_this$gl2$_gl = _this$gl2._gl) === null || _this$gl2$_gl === void 0 ? void 0 : (_this$gl2$_gl$getExte = _this$gl2$_gl.getExtension('WEBGL_lose_context')) === null || _this$gl2$_gl$getExte === void 0 ? void 0 : _this$gl2$_gl$getExte.loseContext(); // @see https://github.com/regl-project/regl/blob/gh-pages/API.md#clean-up
-
-      _this.gl.destroy(); // @ts-ignore
-
-
-      _this.gl = null;
-    });
-  }
-
-  _createClass(ReglRendererService, [{
-    key: "init",
-    value: function () {
-      var _init = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(canvas, cfg, gl) {
-        var _this2 = this;
-
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                // this.$container = $container;
-                this.canvas = canvas;
-
-                if (!gl) {
-                  _context.next = 5;
-                  break;
-                }
-
-                this.gl = gl;
-                _context.next = 8;
-                break;
-
-              case 5:
-                _context.next = 7;
-                return new Promise(function (resolve, reject) {
-                  regl({
-                    canvas: _this2.canvas,
-                    attributes: {
-                      alpha: true,
-                      // use TAA instead of MSAA
-                      // @see https://www.khronos.org/registry/webgl/specs/1.0/#5.2.1
-                      antialias: cfg.antialias,
-                      premultipliedAlpha: true,
-                      preserveDrawingBuffer: cfg.preserveDrawingBuffer,
-                      stencil: cfg.stencil
-                    },
-                    // TODO: use extensions
-                    extensions: ['OES_element_index_uint', 'OES_standard_derivatives', // wireframe
-                    'ANGLE_instanced_arrays' // VSM shadow map
-                    ],
-                    optionalExtensions: ['oes_texture_float_linear', 'OES_texture_float', 'EXT_texture_filter_anisotropic', 'EXT_blend_minmax', 'WEBGL_depth_texture'],
-                    profile: true,
-                    onDone: function onDone(err, r) {
-                      if (err || !r) {
-                        reject(err);
-                      } // @ts-ignore
-
-
-                      resolve(r);
-                    }
-                  });
-                });
-
-              case 7:
-                this.gl = _context.sent;
-
-              case 8:
-                this.extensionObject = {
-                  OES_texture_float: this.testExtension('OES_texture_float')
-                };
-
-              case 9:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, this);
-      }));
-
-      function init(_x, _x2, _x3) {
-        return _init.apply(this, arguments);
-      }
-
-      return init;
-    }()
-  }, {
-    key: "getPointSizeRange",
-    value: function getPointSizeRange() {
-      return this.gl._gl.getParameter(this.gl._gl.ALIASED_POINT_SIZE_RANGE);
-    }
-  }, {
-    key: "testExtension",
-    value: function testExtension(name) {
-      // OES_texture_float
-      return !!this.getGLContext().getExtension(name);
-    }
-  }, {
-    key: "setState",
-    value: // TODO: 临时方法
-    function setState() {
-      this.gl({
-        cull: {
-          enable: false,
-          face: 'back'
-        },
-        viewport: {
-          x: 0,
-          y: 0,
-          height: this.width,
-          width: this.height
-        },
-        blend: {
-          enable: true,
-          equation: 'add'
-        },
-        framebuffer: null
-      });
-
-      this.gl._refresh();
-    }
-  }, {
-    key: "setBaseState",
-    value: function setBaseState() {
-      this.gl({
-        cull: {
-          enable: false,
-          face: 'back'
-        },
-        viewport: {
-          x: 0,
-          y: 0,
-          height: this.width,
-          width: this.height
-        },
-        blend: {
-          enable: false,
-          equation: 'add'
-        },
-        framebuffer: null
-      });
-
-      this.gl._refresh();
-    }
-  }, {
-    key: "setCustomLayerDefaults",
-    value: function setCustomLayerDefaults() {
-      var gl = this.getGLContext();
-      gl.disable(gl.CULL_FACE);
-    }
-  }, {
-    key: "setDirty",
-    value: function setDirty(flag) {
-      this.isDirty = flag;
-    }
-  }, {
-    key: "getDirty",
-    value: function getDirty() {
-      return this.isDirty;
-    }
-  }]);
-
-  return ReglRendererService;
-}()) || _class);
-export { ReglRendererService as default };

package/lib/index.js

@@ -1,32 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  ReglRendererService: () => import_regl.default
-});
-module.exports = __toCommonJS(src_exports);
-var import_regl = __toESM(require("./regl"));
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ReglRendererService
-});

package/lib/regl/ReglAttribute.js

@@ -1,51 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/regl/ReglAttribute.ts
-var ReglAttribute_exports = {};
-__export(ReglAttribute_exports, {
-  default: () => ReglAttribute
-});
-module.exports = __toCommonJS(ReglAttribute_exports);
-var ReglAttribute = class {
-  constructor(gl, options) {
-    const { buffer, offset, stride, normalized, size, divisor } = options;
-    this.buffer = buffer;
-    this.attribute = {
-      buffer: buffer.get(),
-      offset: offset || 0,
-      stride: stride || 0,
-      normalized: normalized || false,
-      divisor: divisor || 0
-    };
-    if (size) {
-      this.attribute.size = size;
-    }
-  }
-  get() {
-    return this.attribute;
-  }
-  updateBuffer(options) {
-    this.buffer.subData(options);
-  }
-  destroy() {
-    this.buffer.destroy();
-  }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/lib/regl/ReglBuffer.js

@@ -1,50 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/regl/ReglBuffer.ts
-var ReglBuffer_exports = {};
-__export(ReglBuffer_exports, {
-  default: () => ReglBuffer
-});
-module.exports = __toCommonJS(ReglBuffer_exports);
-var import_l7_core = require("@antv/l7-core");
-var import_constants = require("./constants");
-var ReglBuffer = class {
-  constructor(reGl, options) {
-    const { data, usage, type } = options;
-    this.buffer = reGl.buffer({
-      data,
-      usage: import_constants.usageMap[usage || import_l7_core.gl.STATIC_DRAW],
-      type: import_constants.dataTypeMap[type || import_l7_core.gl.UNSIGNED_BYTE]
-    });
-  }
-  get() {
-    return this.buffer;
-  }
-  destroy() {
-    this.buffer.destroy();
-  }
-  subData({
-    data,
-    offset
-  }) {
-    this.buffer.subdata(data, offset);
-  }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/lib/regl/ReglElements.js

@@ -1,49 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/regl/ReglElements.ts
-var ReglElements_exports = {};
-__export(ReglElements_exports, {
-  default: () => ReglElements
-});
-module.exports = __toCommonJS(ReglElements_exports);
-var import_l7_core = require("@antv/l7-core");
-var import_constants = require("./constants");
-var ReglElements = class {
-  constructor(reGl, options) {
-    const { data, usage, type, count } = options;
-    this.elements = reGl.elements({
-      data,
-      usage: import_constants.usageMap[usage || import_l7_core.gl.STATIC_DRAW],
-      type: import_constants.dataTypeMap[type || import_l7_core.gl.UNSIGNED_BYTE],
-      count
-    });
-  }
-  get() {
-    return this.elements;
-  }
-  subData({
-    data
-  }) {
-    this.elements.subdata(data);
-  }
-  destroy() {
-  }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/lib/regl/ReglFramebuffer.js

@@ -1,51 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/regl/ReglFramebuffer.ts
-var ReglFramebuffer_exports = {};
-__export(ReglFramebuffer_exports, {
-  default: () => ReglFramebuffer
-});
-module.exports = __toCommonJS(ReglFramebuffer_exports);
-var ReglFramebuffer = class {
-  constructor(reGl, options) {
-    const { width, height, color, colors, depth, stencil } = options;
-    const framebufferOptions = {
-      width,
-      height
-    };
-    if (Array.isArray(colors)) {
-      framebufferOptions.colors = colors.map((c) => c.get());
-    }
-    if (color && typeof color !== "boolean") {
-      framebufferOptions.color = color.get();
-    }
-    this.framebuffer = reGl.framebuffer(framebufferOptions);
-  }
-  get() {
-    return this.framebuffer;
-  }
-  destroy() {
-    this.framebuffer.destroy();
-  }
-  resize({ width, height }) {
-    this.framebuffer.resize(width, height);
-  }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});