Bump A-Frame version number in docs

dmarcos · dmarcos · commit e89db7d5ece9 · 2025-02-20T14:31:22.000-08:00
diff --git a/docs/components/animation.md b/docs/components/animation.md
@@ -114,7 +114,7 @@ Accessed as `el.components.animation.<MEMBER>`.
 
 ### Controlling Animations using setAttribute
 
-Like any A-Frame component, the animation component can be configured from JavaScript by calling [setAttribute()]( https://aframe.io/docs/1.6.0/introduction/javascript-events-dom-apis.html#updating-a-component-with-setattribute) on an element.
+Like any A-Frame component, the animation component can be configured from JavaScript by calling [setAttribute()]( https://aframe.io/docs/1.7.0/introduction/javascript-events-dom-apis.html#updating-a-component-with-setattribute) on an element.
 
 By default, the animation will begin playing immediately (autoplay is true by default).
 
@@ -149,13 +149,13 @@ We can use the `startEvents` property to animate upon events:
 
 [Remix the Animating on Events Glitch][eventsglitch].
 
-To start an animation by explicitly [emitting a custom event](https://aframe.io/docs/1.6.0/introduction/javascript-events-dom-apis.html#emitting-an-event-with-emit), you can do the following:
+To start an animation by explicitly [emitting a custom event](https://aframe.io/docs/1.7.0/introduction/javascript-events-dom-apis.html#emitting-an-event-with-emit), you can do the following:
 
 ```
 el.emit(`triggeranimation`, null, false);
 ```
 
-The [third parameter of emit](https://aframe.io/docs/1.6.0/core/entity.html#emit-name-detail-bubbles) set to "false" parameter ensures the event won't bubble up to parents, so that you can target the animation at just one particular element.
+The [third parameter of emit](https://aframe.io/docs/1.7.0/core/entity.html#emit-name-detail-bubbles) set to "false" parameter ensures the event won't bubble up to parents, so that you can target the animation at just one particular element.
 
 This assumes that an animation has already been configured to respond to that custom start event, for example like this:
 
diff --git a/docs/components/embedded.md b/docs/components/embedded.md
@@ -34,7 +34,7 @@ a-scene {
 
 An inline example of an embedded scene:
 
-<script src="https://aframe.io/releases/1.6.0/aframe.min.js"></script>
+<script src="https://aframe.io/releases/1.7.0/aframe.min.js"></script>
 
 <style>
   #myEmbeddedScene {
diff --git a/docs/components/material.md b/docs/components/material.md
@@ -417,7 +417,7 @@ Let's walk through an [example CodePen][example] with step-by-step commentary.
 As always, we need to include the A-Frame script.
 
 ```js
-<script src="https://aframe.io/releases/1.6.0/aframe.min.js"></script>
+<script src="https://aframe.io/releases/1.7.0/aframe.min.js"></script>
 ```
 
 Next, we define any components and shaders we need after the A-Frame
diff --git a/docs/components/text.md b/docs/components/text.md
@@ -186,7 +186,7 @@ Lastly, you should specify the character set used in your HTML by using `<meta>`
 <html>
   <head>
     <meta charset="UTF-8">
-    <script src="https://aframe.io/releases/1.6.0/aframe.min.js"></script>
+    <script src="https://aframe.io/releases/1.7.0/aframe.min.js"></script>
   </head>
   <body>
     <a-scene>
diff --git a/docs/guides/building-a-360-image-gallery.md b/docs/guides/building-a-360-image-gallery.md
@@ -166,7 +166,7 @@ need to know the component's npm package name and the path:
 <html>
   <head>
     <title>360° Image Browser</title>
-    <script src="https://aframe.io/releases/1.6.0/aframe.min.js"></script>
+    <script src="https://aframe.io/releases/1.7.0/aframe.min.js"></script>
     <script src="https://unpkg.com/aframe-template-component@3.x.x/dist/aframe-template-component.min.js"></script>
     <script src="https://unpkg.com/aframe-layout-component@5.x.x/dist/aframe-layout-component.min.js"></script>
     <script src="https://unpkg.com/aframe-event-set-component@5.x.x/dist/aframe-event-set-component.min.js"></script>
diff --git a/docs/guides/building-a-basic-scene.md b/docs/guides/building-a-basic-scene.md
@@ -40,7 +40,7 @@ We start out with a minimal HTML structure:
 ```html
 <html>
   <head>
-    <script src="https://aframe.io/releases/1.6.0/aframe.min.js"></script>
+    <script src="https://aframe.io/releases/1.7.0/aframe.min.js"></script>
   </head>
   <body>
     <a-scene>
@@ -223,7 +223,7 @@ First, include the environment component using a script tag after A-Frame:
 
 ```html
 <head>
-  <script src="https://aframe.io/releases/1.6.0/aframe.min.js"></script>
+  <script src="https://aframe.io/releases/1.7.0/aframe.min.js"></script>
   <script src="https://unpkg.com/aframe-environment-component@1.3.x/dist/aframe-environment-component.min.js"></script>
 </head>
 ```
diff --git a/docs/guides/building-a-minecraft-demo.md b/docs/guides/building-a-minecraft-demo.md
@@ -25,7 +25,7 @@ mobile and desktop.
 We'll start off with this skeleton HTML:
 
 ```html
-<script src="https://aframe.io/releases/1.6.0/aframe.min.js"></script>
+<script src="https://aframe.io/releases/1.7.0/aframe.min.js"></script>
 
 <body>
   <a-scene>
@@ -46,7 +46,7 @@ The texture of the ground we'll be using is hosted at
 our assets, and create a thin cylinder entity pointing to that texture:
 
 ```html
-<script src="https://aframe.io/releases/1.6.0/aframe.min.js"></script>
+<script src="https://aframe.io/releases/1.7.0/aframe.min.js"></script>
 
 <a-scene>
   <a-cylinder id="ground" src="https://cdn.aframe.io/a-painter/images/floor.jpg" radius="32" height="0.1"></a-cylinder>
@@ -57,7 +57,7 @@ See a live version [here](https://aframe.io/aframe/examples/docs/aincraft/step1.
 
 ### Preloading Assets
 
-[assets]: https://aframe.io/docs/1.6.0/core/asset-management-system.html
+[assets]: https://aframe.io/docs/1.7.0/core/asset-management-system.html
 
 Specifying a URL via the `src` attribute will load the texture at runtime.
 Since network requests can negatively impact render performance, we can
@@ -73,7 +73,7 @@ Let's move our ground texture to `<a-assets>` to be preloaded using an
 `<img>` element:
 
 ```html
-<script src="https://aframe.io/releases/1.6.0/aframe.min.js"></script>
+<script src="https://aframe.io/releases/1.7.0/aframe.min.js"></script>
 
 <a-scene>
   <a-assets>
@@ -88,7 +88,7 @@ See a live version [here](https://aframe.io/aframe/examples/docs/aincraft/step2.
 
 ## Adding a Background
 
-[a-sky]: https://aframe.io/docs/1.6.0/primitives/a-sky.html
+[a-sky]: https://aframe.io/docs/1.7.0/primitives/a-sky.html
 [flickr]: https://www.flickr.com/groups/equirectangular/
 
 [gradient]: https://github.com/mrxz/fern-aframe-components/tree/main/sky-background
@@ -109,7 +109,7 @@ half with `theta-length="90"`, and we'll give our sphere a radius of 30 meters
 to match the ground:
 
 ```html
-<script src="https://aframe.io/releases/1.6.0/aframe.min.js"></script>
+<script src="https://aframe.io/releases/1.7.0/aframe.min.js"></script>
 
 <a-scene>
   <a-assets>
@@ -139,15 +139,15 @@ from scratch.
 
 ### Entity-Component Pattern
 
-[entity]: https://aframe.io/docs/1.6.0/core/entity.html
+[entity]: https://aframe.io/docs/1.7.0/core/entity.html
 
 Every single object in an A-Frame scene is [`<a-entity>`][entity], which by itself
 doesn't do anything, like an empty `<div>`. We plug in components (**not to be
 confused with Web or React Components**) to that entity to provide with
 appearance, behavior , and logic.
 
-[geometry]: https://aframe.io/docs/1.6.0/components/geometry.html
-[material]: https://aframe.io/docs/1.6.0/components/material.html
+[geometry]: https://aframe.io/docs/1.7.0/components/geometry.html
+[material]: https://aframe.io/docs/1.7.0/components/material.html
 
 For a box, we attach and configure A-Frame's basic [geometry] and [material]
 components. Components are represented as HTML attributes, and component
@@ -189,7 +189,7 @@ AFRAME.registerComponent('random-color', {
 });
 ```
 
-[js]: https://aframe.io/docs/1.6.0/introduction/javascript-events-dom-apis.html
+[js]: https://aframe.io/docs/1.7.0/introduction/javascript-events-dom-apis.html
 
 For the random color component, we want to set a random color on the entity
 that this component is attached to. Components have a reference to the entity
@@ -234,7 +234,7 @@ to plug in the `random-color` component. We'll save the component as a JS file
 and include it before the scene:
 
 ```html
-<script src="https://aframe.io/releases/1.6.0/aframe.min.js"></script>
+<script src="https://aframe.io/releases/1.7.0/aframe.min.js"></script>
 <script src="components/random-color.js"></script>
 
 <a-scene>
@@ -301,14 +301,14 @@ to describe all the voxels in our scene.
 
 ### Mixins
 
-[mixin]: https://aframe.io/docs/1.6.0/core/mixins.html
+[mixin]: https://aframe.io/docs/1.7.0/core/mixins.html
 
 We can create [a mixin][mixin] to define a reusable bundle of components.
 Instead of `<a-entity>`, which adds an object to the scene, we'll describe it
 using `<a-mixin>` which can be reused to create voxels like a prefab:
 
 ```html
-<script src="https://aframe.io/releases/1.6.0/aframe.min.js"></script>
+<script src="https://aframe.io/releases/1.7.0/aframe.min.js"></script>
 <script src="components/random-color.js"></script>
 <script src="components/snap.js"></script>
 
@@ -386,7 +386,7 @@ To enable this, let's first define a `player` entity that wraps the controllers
 and the camera:
 
 ```html
-<script src="https://aframe.io/releases/1.6.0/aframe.min.js"></script>
+<script src="https://aframe.io/releases/1.7.0/aframe.min.js"></script>
 
 <!-- ... -->
 
@@ -403,7 +403,7 @@ Following the README, we add the component via a `<script>` tag and just set
 the `blink-controls` component on the controller on the entity:
 
 ```html
-<script src="https://aframe.io/releases/1.6.0/aframe.min.js"></script>
+<script src="https://aframe.io/releases/1.7.0/aframe.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/aframe-blink-controls/dist/aframe-blink-controls.min.js"></script>
 
 <!-- ... -->
@@ -442,7 +442,7 @@ that attaches the clicking laser to VR tracked controllers.  Like the
 `laser-controls` component. This time to the right hand:
 
 ```html
-<script src="https://aframe.io/releases/1.6.0/aframe.min.js"></script>
+<script src="https://aframe.io/releases/1.7.0/aframe.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/aframe-blink-controls/dist/aframe-blink-controls.min.js"></script>
 
 <!-- ... -->
diff --git a/docs/introduction/entity-component-system.md b/docs/introduction/entity-component-system.md
@@ -419,7 +419,7 @@ Now we can include it into our HTML:
 ```html
 <html>
   <head>
-    <script src="https://aframe.io/releases/1.6.0/aframe.min.js"></script>
+    <script src="https://aframe.io/releases/1.7.0/aframe.min.js"></script>
     <script src="https://unpkg.com/@c-frame/aframe-particle-system-component@1.2.x/dist/aframe-particle-system-component.min.js"></script>
   </head>
   <body>
@@ -440,7 +440,7 @@ Now we can include it into our HTML:
 ```html
 <html>
   <head>
-    <script src="https://aframe.io/releases/1.6.0/aframe.min.js"></script>
+    <script src="https://aframe.io/releases/1.7.0/aframe.min.js"></script>
     <script src="https://unpkg.com/@c-frame/aframe-particle-system-component@1.2.x/dist/aframe-particle-system-component.min.js"></script>
   </head>
   <body>
@@ -475,7 +475,7 @@ Registry and using the JSDELIVR CDN.  This example can also be viewed in the [A-
   <head>
     <title>Community Components Example</title>
     <meta name="description" content="Community Components Example">
-    <script src="https://aframe.io/releases/1.6.0/aframe.min.js"></script>
+    <script src="https://aframe.io/releases/1.7.0/aframe.min.js"></script>
     <script src="https://unpkg.com/@c-frame/aframe-particle-system-component@1.2.x/dist/aframe-particle-system-component.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/aframe-simple-sun-sky@^1.2.2/simple-sun-sky.js"></script>
     <script src="https://cdn.jsdelivr.net/gh/c-frame/aframe-extras@7.5.0/dist/aframe-extras.min.js"></script>
diff --git a/docs/introduction/faq.md b/docs/introduction/faq.md
@@ -62,7 +62,7 @@ use of resources, we will need deeper understanding about 3D graphics.  See
 [release]: https://github.com/aframevr/aframe/releases
 [webxr]: https://immersive-web.github.io/webxr/
 
-If you are using A-Frame 1.6.0 or older you probably need to update to the [latest release][release]. Browsers are migrating to the [WebXR standard][webxr] and old versions might no longer work.
+If you are using A-Frame 1.7.0 or older you probably need to update to the [latest release][release]. Browsers are migrating to the [WebXR standard][webxr] and old versions might no longer work.
 
 You also have to serve your content over HTTPS. The WebXR API won't be available over HTTP.
 
@@ -372,7 +372,7 @@ You can load A-Frame as an ES module using a [side effect import](https://develo
   <script type="importmap">
     {
         "imports": {
-            "aframe": "https://aframe.io/releases/1.6.0/aframe.min.js",
+            "aframe": "https://aframe.io/releases/1.7.0/aframe.min.js",
         }
     }
   </script>
@@ -407,8 +407,8 @@ Make sure the three and A-Frame versions are compatible. See browser console (or
     {
       "imports": {
         "aframe": "https://aframe.io/releases/1.7.0/aframe.module.min.js",
-        "three": "https://cdn.jsdelivr.net/npm/super-three@0.172.0/build/three.module.js",
-        "three/addons/": "https://cdn.jsdelivr.net/npm/super-three@0.172.0/examples/jsm/",
+        "three": "https://cdn.jsdelivr.net/npm/super-three@0.173.4/build/three.module.js",
+        "three/addons/": "https://cdn.jsdelivr.net/npm/super-three@0.173.4/examples/jsm/",
         "aframe-extras/controls": "https://cdn.jsdelivr.net/gh/c-frame/aframe-extras@7.5.x/dist/aframe-extras.controls.min.js"
       }
     }
diff --git a/docs/introduction/html-and-primitives.md b/docs/introduction/html-and-primitives.md
@@ -59,7 +59,7 @@ environment, place the camera, etc.
 ```html
 <html>
   <head>
-    <script src="https://aframe.io/releases/1.6.0/aframe.min.js"></script>
+    <script src="https://aframe.io/releases/1.7.0/aframe.min.js"></script>
   </head>
   <body>
     <a-scene>
@@ -130,7 +130,7 @@ the physics components via HTML attributes:
 ```html
 <html>
   <head>
-    <script src="https://aframe.io/releases/1.6.0/aframe.min.js"></script>
+    <script src="https://aframe.io/releases/1.7.0/aframe.min.js"></script>
     <script src="https://unpkg.com/@c-frame/aframe-physics-system@4.2.2/dist/aframe-physics-system.min.js"></script>
   </head>
   <body>
diff --git a/docs/introduction/index.md b/docs/introduction/index.md
@@ -27,7 +27,7 @@ free. Alternatively, create an `.html` file and include A-Frame in the
 ```html
 <html>
   <head>
-    <script src="https://aframe.io/releases/1.6.0/aframe.min.js"></script>
+    <script src="https://aframe.io/releases/1.7.0/aframe.min.js"></script>
   </head>
   <body>
     <a-scene>
diff --git a/docs/introduction/installation.md b/docs/introduction/installation.md
@@ -73,14 +73,14 @@ CDN build:
 
 ```html
 <head>
-  <script src="https://aframe.io/releases/1.6.0/aframe.min.js"></script>
+  <script src="https://aframe.io/releases/1.7.0/aframe.min.js"></script>
 </head>
 ```
 
 If we want to serve it ourselves, we can download the JS build:
 
-<a id="builds-prod" class="btn btn-download" href="https://aframe.io/releases/1.6.0/aframe.min.js" download>Production Version <span>1.6.0</span></a> <em class="install-note">Minified</em>
-<a id="builds-dev" class="btn btn-download" href="https://aframe.io/releases/1.6.0/aframe.js" download>Development Version <span>1.6.0</span></a> <em class="install-note">Uncompressed with Source Maps</em>
+<a id="builds-prod" class="btn btn-download" href="https://aframe.io/releases/1.7.0/aframe.min.js" download>Production Version <span>1.7.0</span></a> <em class="install-note">Minified</em>
+<a id="builds-dev" class="btn btn-download" href="https://aframe.io/releases/1.7.0/aframe.js" download>Development Version <span>1.7.0</span></a> <em class="install-note">Uncompressed with Source Maps</em>
 
 ### Install from npm
 
@@ -152,7 +152,7 @@ In your `index.html`, adjust as follows:
         "
       />
   ...
-  <script src="https://cdn.jsdelivr.net/npm/aframe@1.6.0/dist/aframe-master.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/aframe@1.7.0/dist/aframe-master.min.js"></script>
   <script id='my-scene' type="text/html">
     ...your scene goes here...
   </script>
diff --git a/docs/introduction/interactions-and-controllers.md b/docs/introduction/interactions-and-controllers.md
@@ -137,7 +137,7 @@ If we want to change the color of a box on hover and restore it when no longer
 hovering:
 
 ```html
-<script src="https://aframe.io/releases/1.6.0/aframe.min.js"></script>
+<script src="https://aframe.io/releases/1.7.0/aframe.min.js"></script>
 <script src="https://unpkg.com/aframe-event-set-component@5.x.x/dist/aframe-event-set-component.min.js"></script>
 <body>
   <a-scene>
@@ -157,7 +157,7 @@ ${selector}`. If we want to display a text label when an entity is hovered
 over:
 
 ```html
-<script src="https://aframe.io/releases/1.6.0/aframe.min.js"></script>
+<script src="https://aframe.io/releases/1.7.0/aframe.min.js"></script>
 <script src="https://unpkg.com/aframe-event-set-component@5.x.x/dist/aframe-event-set-component.min.js"></script>
 <body>
   <a-scene>
@@ -180,7 +180,7 @@ properties using A-Frame component dot syntax (i.e.,
 `${componentName}.${propertyName}`):
 
 ```html
-<script src="https://aframe.io/releases/1.6.0/aframe.min.js"></script>
+<script src="https://aframe.io/releases/1.7.0/aframe.min.js"></script>
 <script src="https://unpkg.com/aframe-event-set-component@5.x.x/dist/aframe-event-set-component.min.js"></script>
 <body>
   <a-scene>
@@ -213,7 +213,7 @@ To demonstrate what the event set component does under the hood, let's have a
 box change color on hover and on leaving hover with JavaScript:
 
 ```html
-<script src="https://aframe.io/releases/1.6.0/aframe.min.js"></script>
+<script src="https://aframe.io/releases/1.7.0/aframe.min.js"></script>
 <script>
   AFRAME.registerComponent('change-color-on-hover', {
     schema: {

-Original file line number
+Diff line change
 <html>
   <head>
     <title>360° Image Browser</title>
 -    <script src="https://aframe.io/releases/1.6.0/aframe.min.js"></script>
 +    <script src="https://aframe.io/releases/1.7.0/aframe.min.js"></script>
     <script src="https://unpkg.com/[email protected]/dist/aframe-template-component.min.js"></script>
     <script src="https://unpkg.com/[email protected]/dist/aframe-layout-component.min.js"></script>
     <script src="https://unpkg.com/[email protected]/dist/aframe-event-set-component.min.js"></script>
Original file line number	Diff line number	Diff line change
`@@ -62,7 +62,7 @@ use of resources, we will need deeper understanding about 3D graphics. See`
`62`	`62`	`[release]: https://github.com/aframevr/aframe/releases`
`63`	`63`	`[webxr]: https://immersive-web.github.io/webxr/`
`64`	`64`
`65`		`-If you are using A-Frame 1.6.0 or older you probably need to update to the [latest release][release]. Browsers are migrating to the [WebXR standard][webxr] and old versions might no longer work.`
	`65`	`+If you are using A-Frame 1.7.0 or older you probably need to update to the [latest release][release]. Browsers are migrating to the [WebXR standard][webxr] and old versions might no longer work.`
`66`	`66`
`67`	`67`	`You also have to serve your content over HTTPS. The WebXR API won't be available over HTTP.`
`68`	`68`
`@@ -372,7 +372,7 @@ You can load A-Frame as an ES module using a [side effect import](https://develo`
`372`	`372`	`<script type="importmap">`
`373`	`373`	`{`
`374`	`374`	`"imports": {`
`375`		`- "aframe": "https://aframe.io/releases/1.6.0/aframe.min.js",`
	`375`	`+ "aframe": "https://aframe.io/releases/1.7.0/aframe.min.js",`
`376`	`376`	`}`
`377`	`377`	`}`
`378`	`378`	`</script>`
`@@ -407,8 +407,8 @@ Make sure the three and A-Frame versions are compatible. See browser console (or`
`407`	`407`	`{`
`408`	`408`	`"imports": {`
`409`	`409`	`"aframe": "https://aframe.io/releases/1.7.0/aframe.module.min.js",`
`410`		`- "three": "https://cdn.jsdelivr.net/npm/super-three@0.172.0/build/three.module.js",`
`411`		`- "three/addons/": "https://cdn.jsdelivr.net/npm/super-three@0.172.0/examples/jsm/",`
	`410`	`+ "three": "https://cdn.jsdelivr.net/npm/super-three@0.173.4/build/three.module.js",`
	`411`	`+ "three/addons/": "https://cdn.jsdelivr.net/npm/super-three@0.173.4/examples/jsm/",`
`412`	`412`	`"aframe-extras/controls": "https://cdn.jsdelivr.net/gh/c-frame/[email protected]/dist/aframe-extras.controls.min.js"`
`413`	`413`	`}`
`414`	`414`	`}`