copy external package files to local path

Author: Icemic

package.json

@@ -2,8 +2,8 @@
   "name": "pixi-richtext",
   "version": "1.0.17",
   "description": "A Rich Text solution for PixiJS using SDF.",
-  "main": "dist/pixi.richtext.umd.js",
-  "broswer": "dist/pixi.richtext.umd.js",
+  "main": "dist/pixi.richtext.es5.js",
+  "browser": "dist/pixi.richtext.umd.js",
   "module": "dist/pixi.richtext.es5.js",
   "scripts": {
     "build": "BABEL_ENV=production rollup -c rollup.config.js",

rollup.config.js

@@ -14,17 +14,19 @@ const BANNER = `
 <%= pkg.name %> - v<%= pkg.version %>
 Compiled <%= moment().format() %>
 
+@author <%= pkg.author %>
+
+@license <%= pkg.license %>
 <%= pkg.name %> is licensed under the MIT License.
 http://www.opensource.org/licenses/mit-license
 `;
 
 export default {
   input: `src/index.js`,
   output: [
-    { file: pkg.main, name: 'PIXI.RichText', format: 'umd' },
-    { file: pkg.module, format: 'es' },
+    { file: pkg.browser, name: 'PIXI.RichText', format: 'umd', sourcemap: true },
+    { file: pkg.module, format: 'es', sourcemap: true },
   ],
-  sourcemap: true,
   // Indicate here external modules you don't wanna include in your bundle (i.e.: 'lodash')
   external: ['pixi.js', 'pixi-gl-core'],
   globals: {
@@ -52,8 +54,7 @@ export default {
     // which external modules to include in the bundle
     // https://github.com/rollup/rollup-plugin-node-resolve#usage
     resolve({
-      browser: true,
-      preferBuiltins: false
+      // browser: true
     }),
 
     license({

src/lib/RichText.js

@@ -1,5 +1,5 @@
 // const PIXI = require('pixi.js');
-import PIXI from 'pixi.js';
+// import * as PIXI from 'pixi.js';
 import { parseRichText } from './utils';
 import TextStyle from './TextStyle';
 import { getSDFConfig } from './SDFCache';

src/lib/RichTextRenderer.js

@@ -1,18 +1,19 @@
 // import ObjectRenderer from 'pixi.js/lib/core/renderers/webgl/utils/ObjectRenderer';
 // import WebGLRenderer from 'pixi.js/lib/core/renderers/webgl/WebGLRenderer';
 // const PIXI = require('pixi.js');
-import PIXI from 'pixi.js';
+// import * as PIXI from 'pixi.js';
 const ObjectRenderer = PIXI.ObjectRenderer;
 const WebGLRenderer = PIXI.WebGLRenderer;
-import createIndicesForQuads from 'pixi.js/lib/core/utils/createIndicesForQuads';
 import generateMultiTextureShader from './generateMultiTextureShader';
-import checkMaxIfStatmentsInShader from 'pixi.js/lib/core/renderers/webgl/utils/checkMaxIfStatmentsInShader';
-import Buffer from 'pixi.js/lib/core/sprites/webgl/BatchBuffer';
-import settings from 'pixi.js/lib/core/settings';
+import createIndicesForQuads from './pixi-source/createIndicesForQuads';
+import checkMaxIfStatmentsInShader from './pixi-source/checkMaxIfStatmentsInShader';
+import BatchBuffer from './pixi-source/BatchBuffer';
+// import settings from 'pixi.js/lib/core/settings';
 // import glCore from 'pixi-gl-core';
 import bitTwiddle from 'bit-twiddle';
 
 const glCore = PIXI.glCore;
+const settings = PIXI.settings;
 
 let TICK = 0;
 let TEXTURE_TICK = 0;
@@ -64,7 +65,7 @@ export default class RichTextRenderer extends ObjectRenderer
         this.buffers = [];
         for (let i = 1; i <= bitTwiddle.nextPow2(this.size); i *= 2)
         {
-            this.buffers.push(new Buffer(i * 4 * this.vertByteSize));
+            this.buffers.push(new BatchBuffer(i * 4 * this.vertByteSize));
         }
 
         /**

src/lib/generateMultiTextureShader.js

@@ -1,6 +1,6 @@
 // import Shader from '../../Shader';
 // const PIXI = require('pixi.js');
-import PIXI from 'pixi.js';
+// import * as PIXI from 'pixi.js';
 const Shader = PIXI.Shader;
 // import { readFileSync } from 'fs';
 // import { join } from 'path';

src/lib/pixi-source/BatchBuffer.js

@@ -0,0 +1,42 @@
+// pixi.js/lib/core/sprites/webgl/BatchBuffer
+
+/**
+ * @class
+ * @memberof PIXI
+ */
+export default class Buffer
+{
+    /**
+     * @param {number} size - The size of the buffer in bytes.
+     */
+    constructor(size)
+    {
+        this.vertices = new ArrayBuffer(size);
+
+        /**
+         * View on the vertices as a Float32Array for positions
+         *
+         * @member {Float32Array}
+         */
+        this.float32View = new Float32Array(this.vertices);
+
+        /**
+         * View on the vertices as a Uint32Array for uvs
+         *
+         * @member {Float32Array}
+         */
+        this.uint32View = new Uint32Array(this.vertices);
+    }
+
+    /**
+     * Destroys the buffer.
+     *
+     */
+    destroy()
+    {
+        this.vertices = null;
+        this.positions = null;
+        this.uvs = null;
+        this.colors = null;
+    }
+}

src/lib/pixi-source/checkMaxIfStatmentsInShader.js

@@ -0,0 +1,85 @@
+// pixi.js/lib/core/renderers/webgl/utils/checkMaxIfStatmentsInShader
+
+const glCore = PIXI.glCore;
+
+const fragTemplate = [
+    'precision mediump float;',
+    'void main(void){',
+    'float test = 0.1;',
+    '%forloop%',
+    'gl_FragColor = vec4(0.0);',
+    '}',
+].join('\n');
+
+export default function checkMaxIfStatmentsInShader(maxIfs, gl)
+{
+    const createTempContext = !gl;
+
+    // @if DEBUG
+    if (maxIfs === 0)
+    {
+        throw new Error('Invalid value of `0` passed to `checkMaxIfStatementsInShader`');
+    }
+    // @endif
+
+    if (createTempContext)
+    {
+        const tinyCanvas = document.createElement('canvas');
+
+        tinyCanvas.width = 1;
+        tinyCanvas.height = 1;
+
+        gl = glCore.createContext(tinyCanvas);
+    }
+
+    const shader = gl.createShader(gl.FRAGMENT_SHADER);
+
+    while (true) // eslint-disable-line no-constant-condition
+    {
+        const fragmentSrc = fragTemplate.replace(/%forloop%/gi, generateIfTestSrc(maxIfs));
+
+        gl.shaderSource(shader, fragmentSrc);
+        gl.compileShader(shader);
+
+        if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS))
+        {
+            maxIfs = (maxIfs / 2) | 0;
+        }
+        else
+        {
+            // valid!
+            break;
+        }
+    }
+
+    if (createTempContext)
+    {
+        // get rid of context
+        if (gl.getExtension('WEBGL_lose_context'))
+        {
+            gl.getExtension('WEBGL_lose_context').loseContext();
+        }
+    }
+
+    return maxIfs;
+}
+
+function generateIfTestSrc(maxIfs)
+{
+    let src = '';
+
+    for (let i = 0; i < maxIfs; ++i)
+    {
+        if (i > 0)
+        {
+            src += '\nelse ';
+        }
+
+        if (i < maxIfs - 1)
+        {
+            src += `if(test == ${i}.0){}`;
+        }
+    }
+
+    return src;
+}

src/lib/pixi-source/createIndicesForQuads.js

@@ -0,0 +1,32 @@
+// createIndicesForQuads
+
+/**
+ * Generic Mask Stack data structure
+ *
+ * @memberof PIXI
+ * @function createIndicesForQuads
+ * @private
+ * @param {number} size - Number of quads
+ * @return {Uint16Array} indices
+ */
+export default function createIndicesForQuads(size)
+{
+    // the total number of indices in our array, there are 6 points per quad.
+
+    const totalIndices = size * 6;
+
+    const indices = new Uint16Array(totalIndices);
+
+    // fill the indices with the quads to draw
+    for (let i = 0, j = 0; i < totalIndices; i += 6, j += 4)
+    {
+        indices[i + 0] = j + 0;
+        indices[i + 1] = j + 1;
+        indices[i + 2] = j + 2;
+        indices[i + 3] = j + 0;
+        indices[i + 4] = j + 2;
+        indices[i + 5] = j + 3;
+    }
+
+    return indices;
+}