larry babby and threejs for glsl

webGl/my-threejs-test/node_modules/@parcel/transformer-html/lib/HTMLTransformer.js

@@ -0,0 +1,168 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+function _plugin() {
+  const data = require("@parcel/plugin");
+  _plugin = function () {
+    return data;
+  };
+  return data;
+}
+function _posthtmlParser() {
+  const data = require("posthtml-parser");
+  _posthtmlParser = function () {
+    return data;
+  };
+  return data;
+}
+function _nullthrows() {
+  const data = _interopRequireDefault(require("nullthrows"));
+  _nullthrows = function () {
+    return data;
+  };
+  return data;
+}
+function _posthtml() {
+  const data = _interopRequireDefault(require("posthtml"));
+  _posthtml = function () {
+    return data;
+  };
+  return data;
+}
+function _posthtmlRender() {
+  const data = require("posthtml-render");
+  _posthtmlRender = function () {
+    return data;
+  };
+  return data;
+}
+function _semver() {
+  const data = _interopRequireDefault(require("semver"));
+  _semver = function () {
+    return data;
+  };
+  return data;
+}
+var _dependencies = _interopRequireDefault(require("./dependencies"));
+var _inline = _interopRequireDefault(require("./inline"));
+function _diagnostic() {
+  const data = _interopRequireDefault(require("@parcel/diagnostic"));
+  _diagnostic = function () {
+    return data;
+  };
+  return data;
+}
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = exports.default = new (_plugin().Transformer)({
+  canReuseAST({
+    ast
+  }) {
+    return ast.type === 'posthtml' && _semver().default.satisfies(ast.version, '^0.4.0');
+  },
+  async parse({
+    asset
+  }) {
+    return {
+      type: 'posthtml',
+      version: '0.4.1',
+      program: (0, _posthtmlParser().parser)(await asset.getCode(), {
+        lowerCaseTags: true,
+        lowerCaseAttributeNames: true,
+        sourceLocations: true,
+        xmlMode: asset.type === 'xhtml'
+      })
+    };
+  },
+  async transform({
+    asset,
+    options
+  }) {
+    if (asset.type === 'htm') {
+      asset.type = 'html';
+    }
+    asset.bundleBehavior = 'isolated';
+    let ast = (0, _nullthrows().default)(await asset.getAST());
+    let hasModuleScripts;
+    try {
+      hasModuleScripts = (0, _dependencies.default)(asset, ast);
+    } catch (errors) {
+      if (Array.isArray(errors)) {
+        throw new (_diagnostic().default)({
+          diagnostic: errors.map(error => ({
+            message: error.message,
+            origin: '@parcel/transformer-html',
+            codeFrames: [{
+              filePath: error.filePath,
+              language: 'html',
+              codeHighlights: [error.loc]
+            }]
+          }))
+        });
+      }
+      throw errors;
+    }
+    const {
+      assets: inlineAssets,
+      hasModuleScripts: hasInlineModuleScripts
+    } = (0, _inline.default)(asset, ast);
+    const result = [asset, ...inlineAssets];
+
+    // empty <script></script> is added to make sure HMR is working even if user
+    // didn't add any.
+    if (options.hmrOptions && !(hasModuleScripts || hasInlineModuleScripts)) {
+      const script = {
+        tag: 'script',
+        attrs: {
+          src: asset.addURLDependency('hmr.js', {
+            priority: 'parallel'
+          })
+        },
+        content: []
+      };
+      const found = findFirstMatch(ast, [{
+        tag: 'body'
+      }, {
+        tag: 'html'
+      }]);
+      if (found) {
+        found.content = found.content || [];
+        found.content.push(script);
+      } else {
+        // Insert at the very end.
+        ast.program.push(script);
+      }
+      asset.setAST(ast);
+      result.push({
+        type: 'js',
+        content: '',
+        uniqueKey: 'hmr.js'
+      });
+    }
+    return result;
+  },
+  generate({
+    ast,
+    asset
+  }) {
+    return {
+      content: (0, _posthtmlRender().render)(ast.program, {
+        closingSingleTag: asset.type === 'xhtml' ? 'slash' : undefined
+      })
+    };
+  }
+});
+function findFirstMatch(ast, expressions) {
+  let found;
+  for (const expression of expressions) {
+    (0, _posthtml().default)().match.call(ast.program, expression, node => {
+      found = node;
+      return node;
+    });
+    if (found) {
+      return found;
+    }
+  }
+}

webGl/my-threejs-test/node_modules/@parcel/transformer-html/lib/dependencies.js

@@ -0,0 +1,233 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = collectDependencies;
+function _posthtml() {
+  const data = _interopRequireDefault(require("posthtml"));
+  _posthtml = function () {
+    return data;
+  };
+  return data;
+}
+function _srcset() {
+  const data = require("srcset");
+  _srcset = function () {
+    return data;
+  };
+  return data;
+}
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// A list of all attributes that may produce a dependency
+// Based on https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes
+const ATTRS = {
+  src: ['script', 'img', 'audio', 'video', 'source', 'track', 'iframe', 'embed', 'amp-img'],
+  // Using href with <script> is described here: https://developer.mozilla.org/en-US/docs/Web/SVG/Element/script
+  href: ['link', 'a', 'use', 'script', 'image'],
+  srcset: ['img', 'source'],
+  imagesrcset: ['link'],
+  poster: ['video'],
+  'xlink:href': ['use', 'image', 'script'],
+  content: ['meta'],
+  data: ['object']
+};
+
+// A list of metadata that should produce a dependency
+// Based on:
+// - http://schema.org/
+// - http://ogp.me
+// - https://developer.twitter.com/en/docs/tweets/optimize-with-cards/overview/markup
+// - https://msdn.microsoft.com/en-us/library/dn255024.aspx
+// - https://vk.com/dev/publications
+const META = {
+  property: ['og:image', 'og:image:url', 'og:image:secure_url', 'og:audio', 'og:audio:secure_url', 'og:video', 'og:video:secure_url', 'vk:image'],
+  name: ['twitter:image', 'msapplication-square150x150logo', 'msapplication-square310x310logo', 'msapplication-square70x70logo', 'msapplication-wide310x150logo', 'msapplication-TileImage', 'msapplication-config'],
+  itemprop: ['image', 'logo', 'screenshot', 'thumbnailUrl', 'contentUrl', 'downloadUrl']
+};
+const FEED_TYPES = new Set(['application/rss+xml', 'application/atom+xml']);
+
+// Options to be passed to `addDependency` for certain tags + attributes
+const OPTIONS = {
+  a: {
+    href: {
+      needsStableName: true
+    }
+  },
+  iframe: {
+    src: {
+      needsStableName: true
+    }
+  },
+  link(attrs) {
+    if (attrs.rel === 'stylesheet') {
+      return {
+        // Keep in the same bundle group as the HTML.
+        priority: 'parallel'
+      };
+    }
+  }
+};
+function collectSrcSetDependencies(asset, srcset, opts) {
+  let parsed = (0, _srcset().parse)(srcset).map(({
+    url,
+    ...v
+  }) => ({
+    url: asset.addURLDependency(url, opts),
+    ...v
+  }));
+  return (0, _srcset().stringify)(parsed);
+}
+function getAttrDepHandler(attr) {
+  if (attr === 'srcset' || attr === 'imagesrcset') {
+    return collectSrcSetDependencies;
+  }
+  return (asset, src, opts) => asset.addURLDependency(src, opts);
+}
+function collectDependencies(asset, ast) {
+  let isDirty = false;
+  let hasModuleScripts = false;
+  let seen = new Set();
+  let errors = [];
+  (0, _posthtml().default)().walk.call(ast.program, node => {
+    let {
+      tag,
+      attrs
+    } = node;
+    if (!attrs || seen.has(node)) {
+      return node;
+    }
+    seen.add(node);
+    if (tag === 'meta') {
+      const isMetaDependency = Object.keys(attrs).some(attr => {
+        let values = META[attr];
+        return values && values.includes(attrs[attr]) && attrs.content !== '' && !(attrs.name === 'msapplication-config' && attrs.content === 'none');
+      });
+      if (isMetaDependency) {
+        const metaAssetUrl = attrs.content;
+        if (metaAssetUrl) {
+          attrs.content = asset.addURLDependency(attrs.content, {
+            needsStableName: !(attrs.name && attrs.name.includes('msapplication'))
+          });
+          isDirty = true;
+          asset.setAST(ast);
+        }
+      }
+      return node;
+    }
+    if (tag === 'link' && (attrs.rel === 'canonical' || attrs.rel === 'manifest' || attrs.rel === 'alternate' && FEED_TYPES.has(attrs.type)) && attrs.href) {
+      let href = attrs.href;
+      if (attrs.rel === 'manifest') {
+        // A hack to allow manifest.json rather than manifest.webmanifest.
+        // If a custom pipeline is used, it is responsible for running @parcel/transformer-webmanifest.
+        if (!href.includes(':')) {
+          href = 'webmanifest:' + href;
+        }
+      }
+      attrs.href = asset.addURLDependency(href, {
+        needsStableName: true
+      });
+      isDirty = true;
+      asset.setAST(ast);
+      return node;
+    }
+    if (tag === 'script' && attrs.src) {
+      let sourceType = attrs.type === 'module' ? 'module' : 'script';
+      let loc = node.location ? {
+        filePath: asset.filePath,
+        start: node.location.start,
+        end: {
+          line: node.location.end.line,
+          // PostHTML's location is inclusive
+          column: node.location.end.column + 1
+        }
+      } : undefined;
+      let outputFormat = 'global';
+      if (attrs.type === 'module' && asset.env.shouldScopeHoist) {
+        outputFormat = 'esmodule';
+      } else {
+        if (attrs.type === 'module') {
+          attrs.defer = '';
+        }
+        delete attrs.type;
+      }
+
+      // If this is a <script type="module">, and not all of the browser targets support ESM natively,
+      // add a copy of the script tag with a nomodule attribute.
+      let copy;
+      if (outputFormat === 'esmodule' && !asset.env.supports('esmodules', true)) {
+        let attrs = Object.assign({}, node.attrs);
+        copy = {
+          ...node,
+          attrs
+        };
+        delete attrs.type;
+        attrs.nomodule = '';
+        attrs.defer = '';
+        attrs.src = asset.addURLDependency(attrs.src, {
+          // Keep in the same bundle group as the HTML.
+          priority: 'parallel',
+          bundleBehavior: sourceType === 'script' || attrs.async != null ? 'isolated' : undefined,
+          env: {
+            sourceType,
+            outputFormat: 'global',
+            loc
+          }
+        });
+        seen.add(copy);
+      }
+      attrs.src = asset.addURLDependency(attrs.src, {
+        // Keep in the same bundle group as the HTML.
+        priority: 'parallel',
+        // If the script is async it can be executed in any order, so it cannot depend
+        // on any sibling scripts for dependencies. Keep all dependencies together.
+        // Also, don't share dependencies between classic scripts and nomodule scripts
+        // because nomodule scripts won't run when modules are supported.
+        bundleBehavior: sourceType === 'script' || attrs.async != null ? 'isolated' : undefined,
+        env: {
+          sourceType,
+          outputFormat,
+          loc
+        }
+      });
+      asset.setAST(ast);
+      if (sourceType === 'module') hasModuleScripts = true;
+      return copy ? [node, copy] : node;
+    }
+    for (let attr in attrs) {
+      // Check for virtual paths
+      if (tag === 'a' && attrs[attr].split('#')[0].lastIndexOf('.') < 1) {
+        continue;
+      }
+
+      // Check for id references
+      if (attrs[attr][0] === '#') {
+        continue;
+      }
+      let elements = ATTRS[attr];
+      if (elements && elements.includes(node.tag)) {
+        // Check for empty string
+        if (attrs[attr].length === 0) {
+          errors.push({
+            message: `'${attr}' should not be empty string`,
+            filePath: asset.filePath,
+            loc: node.location
+          });
+        }
+        let depHandler = getAttrDepHandler(attr);
+        let depOptionsHandler = OPTIONS[node.tag];
+        let depOptions = typeof depOptionsHandler === 'function' ? depOptionsHandler(attrs, asset.env) : depOptionsHandler && depOptionsHandler[attr];
+        attrs[attr] = depHandler(asset, attrs[attr], depOptions);
+        isDirty = true;
+      }
+    }
+    if (isDirty) {
+      asset.setAST(ast);
+    }
+    return node;
+  });
+  if (errors.length > 0) {
+    throw errors;
+  }
+  return hasModuleScripts;
+}

webGl/my-threejs-test/node_modules/@parcel/transformer-html/lib/inline.js

@@ -0,0 +1,165 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = extractInlineAssets;
+function _rust() {
+  const data = require("@parcel/rust");
+  _rust = function () {
+    return data;
+  };
+  return data;
+}
+function _posthtml() {
+  const data = _interopRequireDefault(require("posthtml"));
+  _posthtml = function () {
+    return data;
+  };
+  return data;
+}
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const SCRIPT_TYPES = {
+  'application/javascript': 'js',
+  'text/javascript': 'js',
+  'application/json': false,
+  'application/ld+json': 'jsonld',
+  'text/html': false,
+  module: 'js'
+};
+function extractInlineAssets(asset, ast) {
+  let program = ast.program;
+  let key = 0;
+
+  // Extract inline <script> and <style> tags for processing.
+  let parts = [];
+  let hasModuleScripts = false;
+  (0, _posthtml().default)().walk.call(program, node => {
+    let parcelKey = (0, _rust().hashString)(`${asset.id}:${key++}`);
+    if (node.tag === 'script' || node.tag === 'style') {
+      let value = node.content && node.content.join('');
+      if (value != null) {
+        var _node$attrs, _node$location;
+        let type, env;
+        if (node.tag === 'style') {
+          if (node.attrs && node.attrs.type != null) {
+            type = node.attrs.type.split('/')[1];
+          } else {
+            type = 'css';
+          }
+        } else if (node.attrs && node.attrs.type != null) {
+          // Skip JSON
+          if (SCRIPT_TYPES[node.attrs.type] === false) {
+            return node;
+          }
+          if (SCRIPT_TYPES[node.attrs.type]) {
+            type = SCRIPT_TYPES[node.attrs.type];
+          } else {
+            type = node.attrs.type.split('/')[1];
+          }
+          let outputFormat = 'global';
+          let sourceType = 'script';
+          let attrs = node.attrs;
+          if (attrs && attrs.type === 'module') {
+            if (asset.env.shouldScopeHoist && asset.env.supports('esmodules', true)) {
+              outputFormat = 'esmodule';
+            } else {
+              delete attrs.type;
+            }
+            sourceType = 'module';
+          }
+          let loc = node.location ? {
+            filePath: asset.filePath,
+            start: node.location.start,
+            end: node.location.end
+          } : undefined;
+          env = {
+            sourceType,
+            outputFormat,
+            loc
+          };
+        } else {
+          let loc = node.location ? {
+            filePath: asset.filePath,
+            start: node.location.start,
+            end: node.location.end
+          } : undefined;
+          type = 'js';
+          env = {
+            sourceType: 'script',
+            loc
+          };
+        }
+        if (!type) {
+          return node;
+        }
+        if (!node.attrs) {
+          node.attrs = {};
+        }
+
+        // allow a script/style tag to declare its key
+        if (node.attrs['data-parcel-key']) {
+          parcelKey = node.attrs['data-parcel-key'];
+        }
+
+        // Inform packager to remove type, since CSS and JS are the defaults.
+        if ((_node$attrs = node.attrs) !== null && _node$attrs !== void 0 && _node$attrs.type && node.tag === 'style') {
+          delete node.attrs.type;
+        }
+
+        // insert parcelId to allow us to retrieve node during packaging
+        node.attrs['data-parcel-key'] = parcelKey;
+        asset.setAST(ast); // mark dirty
+
+        asset.addDependency({
+          specifier: parcelKey,
+          specifierType: 'esm'
+        });
+        parts.push({
+          type,
+          content: value,
+          uniqueKey: parcelKey,
+          bundleBehavior: 'inline',
+          env,
+          meta: {
+            type: 'tag',
+            // $FlowFixMe
+            node,
+            startLine: (_node$location = node.location) === null || _node$location === void 0 ? void 0 : _node$location.start.line
+          }
+        });
+        if (env && env.sourceType === 'module') {
+          hasModuleScripts = true;
+        }
+      }
+    }
+
+    // Process inline style attributes.
+    let attrs = node.attrs;
+    let style = attrs === null || attrs === void 0 ? void 0 : attrs.style;
+    if (attrs != null && style != null) {
+      attrs.style = asset.addDependency({
+        specifier: parcelKey,
+        specifierType: 'esm'
+      });
+      asset.setAST(ast); // mark dirty
+
+      parts.push({
+        type: 'css',
+        content: style,
+        uniqueKey: parcelKey,
+        bundleBehavior: 'inline',
+        meta: {
+          type: 'attr',
+          // $FlowFixMe
+          node
+        }
+      });
+    }
+    return node;
+  });
+  return {
+    assets: parts,
+    hasModuleScripts
+  };
+}