@lightningjs/blits 2.4.0 → 2.5.0

package/src/components/Sprite.js

@@ -1,256 +0,0 @@
-/*
- * Copyright 2023 Comcast Cable Communications Management, LLC
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * SPDX-License-Identifier: Apache-2.0
- */
-
-import Component from '../component.js'
-
-import symbols from '../lib/symbols.js'
-
-export default () =>
-  Component('Sprite', {
-    /* eslint-disable no-unused-vars */
-    code: {
-      render: function anonymous(parent, component, context, components, effect, getRaw, Log) {
-        const elms = []
-        const validAttributes = [
-          'parent',
-          'rotation',
-          'w',
-          'h',
-          'x',
-          'y',
-          'z',
-          'zIndex',
-          'color',
-          'src',
-          'texture',
-          'fit',
-          'rtt',
-          'mount',
-          'pivot',
-          'scale',
-          'show',
-          'alpha',
-          'rounded',
-          'border',
-          'shadow',
-          'shader',
-          'clipping',
-          'overflow',
-          'font',
-          'size',
-          'maxwidth',
-          'maxheight',
-          'maxlines',
-          'textoverflow',
-          'letterspacing',
-          'lineheight',
-          'contain',
-          'align',
-          'content',
-          'placement',
-          'inspector-data',
-          'holder',
-        ]
-        const elementConfigs = []
-        const forloops = []
-        const props = []
-        const created = []
-        const effects = {}
-        const skips = []
-        let componentType
-        let rootComponent = component
-        let propData
-        let slotComponent
-        let inSlot = false
-        let slotChildCounter = 0
-        let cmps = []
-        elementConfigs[0] = {}
-        elementConfigs[0]['___wrapper'] = true
-
-        elms[0] = this.element(
-          { parent: parent || 'root' },
-          inSlot === true ? slotComponent : component
-        )
-
-        elementConfigs[0]['w'] = parent.node.w * (100 / 100)
-        elementConfigs[0]['h'] = parent.node.h * (100 / 100)
-        elementConfigs[0]['texture'] = component.texture
-        elementConfigs[0]['color'] = component.color
-        elementConfigs[0]['rounded'] = component.rounded
-        elementConfigs[0]['border'] = component.border
-        elementConfigs[0]['shadow'] = component.shadow
-        elms[0].populate(elementConfigs[0])
-
-        if (inSlot === true) {
-          slotChildCounter -= 1
-        }
-
-        return {
-          elms,
-          cleanup: () => {
-            rootComponent = null
-            propData = null
-            slotComponent = null
-            parent = null
-            component = null
-            cmps.length = 0
-            elms.length = 0
-            components.length = 0
-            elementConfigs.length = 0
-            forloops.length = 0
-            props.length = 0
-            skips.length = 0
-          },
-          skips,
-        }
-      },
-      effects: [
-        function anonymous(component, elms, context, components, rootComponent, skips, effect) {
-          elms[0].set('texture', component.texture)
-        },
-        function anonymous(component, elms, context, components, rootComponent, skips, effect) {
-          elms[0].set('color', component.color)
-        },
-        function anonymous(component, elms, context, components, rootComponent, skips, effect) {
-          elms[0].set('rounded', component.rounded)
-        },
-        function anonymous(component, elms, context, components, rootComponent, skips, effect) {
-          elms[0].set('border', component.border)
-        },
-        function anonymous(component, elms, context, components, rootComponent, skips, effect) {
-          elms[0].set('shadow', component.shadow)
-        },
-      ],
-      context: {},
-    },
-    props: {
-      image: undefined,
-      map: undefined,
-      frame: undefined,
-      color: undefined,
-      rounded: undefined,
-      border: undefined,
-      shadow: undefined,
-      '@loaded': undefined,
-      '@error': undefined,
-    },
-    state() {
-      return {
-        spriteTexture: null,
-        currentSrc: null,
-      }
-    },
-
-    hooks: {
-      ready() {
-        const loaded = this['@loaded']
-        if (loaded && typeof loaded === 'function') {
-          const cb = (payload) => loaded({ w: payload?.w, h: payload?.h }, this[symbols.wrapper])
-          this._loadedCb = cb
-          if (this.spriteTexture !== undefined && this.spriteTexture !== null) {
-            this.spriteTexture.on('loaded', cb)
-          }
-        }
-        const error = this['@error']
-        if (error && typeof error === 'function') {
-          const cb = (payload) => error(payload, this[symbols.wrapper])
-          this._failedCb = cb
-          if (this.spriteTexture !== undefined && this.spriteTexture !== null) {
-            this.spriteTexture.on('failed', cb)
-          }
-        }
-      },
-      destroy() {
-        if (this.spriteTexture !== undefined && this.spriteTexture !== null) {
-          if (this._loadedCb) this.spriteTexture.off('loaded', this._loadedCb)
-          if (this._failedCb) this.spriteTexture.off('failed', this._failedCb)
-        }
-      },
-    },
-
-    computed: {
-      texture() {
-        // If no image - nothing to render
-        if (this.image === undefined || this.image === null) {
-          return null
-        }
-
-        // Get renderer
-        const renderer = this[symbols.renderer]()
-        if (renderer === null || renderer === undefined || renderer.createTexture === undefined) {
-          return null
-        }
-
-        // Recreate texture only when image src changes
-        if (
-          this.spriteTexture === undefined ||
-          this.spriteTexture === null ||
-          this.currentSrc !== this.image
-        ) {
-          const prevTexture = this.spriteTexture
-          if (prevTexture !== undefined && prevTexture !== null) {
-            if (this._loadedCb) prevTexture.off('loaded', this._loadedCb)
-            if (this._failedCb) prevTexture.off('failed', this._failedCb)
-          }
-          this.spriteTexture = renderer.createTexture('ImageTexture', {
-            src: this.image,
-          })
-          this.currentSrc = this.image
-          if (this._loadedCb) this.spriteTexture.on('loaded', this._loadedCb)
-          if (this._failedCb) this.spriteTexture.on('failed', this._failedCb)
-        }
-
-        // Resolve frame data from sprite map
-        let options = null
-        if (
-          this.map !== null &&
-          this.map !== undefined &&
-          this.frame !== null &&
-          this.frame !== undefined
-        ) {
-          if (
-            this.map.frames !== null &&
-            this.map.frames !== undefined &&
-            this.frame in this.map.frames
-          ) {
-            options = Object.assign({}, this.map.defaults || {}, this.map.frames[this.frame])
-          } else if (this.frame in this.map) {
-            options = this.map[this.frame]
-          }
-        }
-
-        // If no map but frame is object (manual subtexture)
-        if ((options === null || options === undefined) && typeof this.frame === 'object') {
-          options = this.frame
-        }
-
-        // Create SubTexture only if frame data exists
-        if (options !== null && options !== undefined) {
-          return renderer.createTexture('SubTexture', {
-            texture: this.spriteTexture,
-            x: options.x,
-            y: options.y,
-            w: options.w,
-            h: options.h,
-          })
-        }
-
-        // Default fallback (single image)
-        return this.spriteTexture
-      },
-    },
-  })