Rename Instagram to BentoInstagram (ampproject#35948)

BroadBandyDev · Sep 9, 2021 · be7a457 · be7a457
1 parent 01c83da
commit be7a457
Show file tree

Hide file tree

Showing 5 changed files with 28 additions and 28 deletions.
diff --git a/extensions/amp-instagram/1.0/base-element.js b/extensions/amp-instagram/1.0/base-element.js
@@ -1,11 +1,11 @@
 import {PreactBaseElement} from '#preact/base-element';
 
-import {Instagram} from './component';
+import {BentoInstagram} from './component';
 
 export class BaseElement extends PreactBaseElement {}
 
 /** @override */
-BaseElement['Component'] = Instagram;
+BaseElement['Component'] = BentoInstagram;
 
 /** @override */
 BaseElement['loadable'] = true;

diff --git a/extensions/amp-instagram/1.0/component.js b/extensions/amp-instagram/1.0/component.js
@@ -14,11 +14,11 @@ const MATCHES_MESSAGING_ORIGIN = (origin) =>
   origin === 'https://www.instagram.com';
 
 /**
- * @param {!InstagramDef.Props} props
- * @param {{current: ?InstagramDef.Api}} ref
+ * @param {!BentoInstagramDef.Props} props
+ * @param {{current: ?BentoInstagramDef.Api}} ref
  * @return {PreactDef.Renderable}
  */
-function InstagramWithRef(
+function BentoInstagramWithRef(
   {captioned, onLoad, requestResize, shortcode, title = 'Instagram', ...rest},
   ref
 ) {
@@ -64,6 +64,6 @@ function InstagramWithRef(
   );
 }
 
-const Instagram = forwardRef(InstagramWithRef);
-Instagram.displayName = 'Instagram'; // Make findable for tests.
-export {Instagram};
+const BentoInstagram = forwardRef(BentoInstagramWithRef);
+BentoInstagram.displayName = 'Instagram'; // Make findable for tests.
+export {BentoInstagram};
diff --git a/extensions/amp-instagram/1.0/component.type.js b/extensions/amp-instagram/1.0/component.type.js
@@ -1,7 +1,7 @@
 /** @externs */
 
 /** @const */
-var InstagramDef = {};
+var BentoInstagramDef = {};
 
 /**
  * @typedef {{
@@ -14,10 +14,10 @@ var InstagramDef = {};
  *   onLoad: (function():undefined|undefined),
  * }}
  */
-InstagramDef.Props;
+BentoInstagramDef.Props;
 
 /** @constructor */
-InstagramDef.Api = function () {};
+BentoInstagramDef.Api = function () {};
 
 /** @type {string} */
-InstagramDef.Api.prototype.readyState;
+BentoInstagramDef.Api.prototype.readyState;
diff --git a/extensions/amp-instagram/1.0/storybook/Basic.js b/extensions/amp-instagram/1.0/storybook/Basic.js
@@ -6,11 +6,11 @@ import {
   BentoAccordionHeader,
   BentoAccordionSection,
 } from '../../../amp-accordion/1.0/component';
-import {Instagram} from '../component';
+import {BentoInstagram} from '../component';
 
 export default {
   title: 'Instagram',
-  component: Instagram,
+  component: BentoInstagram,
   args: {
     width: 500,
     height: 600,
@@ -21,11 +21,11 @@ export default {
 
 export const _default = ({height, width, ...args}) => {
   return (
-    <Instagram
+    <BentoInstagram
       style={{width, height}}
-      alt="AMP Instagram Storybook Preact Example"
+      alt="Bento Instagram Storybook Preact Example"
       {...args}
-    ></Instagram>
+    ></BentoInstagram>
   );
 };
 
@@ -37,11 +37,11 @@ export const InsideAccordion = ({height, width, ...args}) => {
           <h2>Post</h2>
         </BentoAccordionHeader>
         <BentoAccordionContent>
-          <Instagram
+          <BentoInstagram
             style={{width, height}}
-            alt="AMP Instagram Storybook Preact Example"
+            alt="Bento Instagram Storybook Preact Example"
             {...args}
-          ></Instagram>
+          ></BentoInstagram>
         </BentoAccordionContent>
       </BentoAccordionSection>
     </BentoAccordion>

diff --git a/extensions/amp-instagram/1.0/test/test-component.js b/extensions/amp-instagram/1.0/test/test-component.js
@@ -6,12 +6,12 @@ import {WithAmpContext} from '#preact/context';
 
 import {waitFor} from '#testing/test-helper';
 
-import {Instagram} from '../component';
+import {BentoInstagram} from '../component';
 
-describes.sandboxed('Instagram preact component v1.0', {}, (env) => {
+describes.sandboxed('BentoInstagram preact component v1.0', {}, (env) => {
   it('Normal render', () => {
     const wrapper = mount(
-      <Instagram
+      <BentoInstagram
         shortcode="B8QaZW4AQY_"
         style={{
           'width': 500,
@@ -32,7 +32,7 @@ describes.sandboxed('Instagram preact component v1.0', {}, (env) => {
 
   it('Render with caption', () => {
     const wrapper = mount(
-      <Instagram
+      <BentoInstagram
         shortcode="B8QaZW4AQY_"
         captioned
         style={{'width': 500, 'height': 705}}
@@ -49,7 +49,7 @@ describes.sandboxed('Instagram preact component v1.0', {}, (env) => {
   it('Resize prop is called', () => {
     const requestResizeSpy = env.sandbox.spy();
     const wrapper = mount(
-      <Instagram
+      <BentoInstagram
         shortcode="B8QaZW4AQY_"
         captioned
         style={{'width': 500, 'height': 705}}
@@ -68,7 +68,7 @@ describes.sandboxed('Instagram preact component v1.0', {}, (env) => {
 
   it('Height is changed', async () => {
     const wrapper = mount(
-      <Instagram
+      <BentoInstagram
         shortcode="B8QaZW4AQY_"
         style={{'width': 500, 'height': 600}}
       />
@@ -94,7 +94,7 @@ describes.sandboxed('Instagram preact component v1.0', {}, (env) => {
     const ref = createRef();
     const onReadyState = env.sandbox.spy();
     const wrapper = mount(
-      <Instagram
+      <BentoInstagram
         ref={ref}
         shortcode="B8QaZW4AQY_"
         style={{'width': 500, 'height': 600}}
@@ -116,7 +116,7 @@ describes.sandboxed('Instagram preact component v1.0', {}, (env) => {
     const ref = createRef();
     const wrapper = mount(
       <WithAmpContext playable={true}>
-        <Instagram
+        <BentoInstagram
           ref={ref}
           shortcode="B8QaZW4AQY_"
           style={{'width': 500, 'height': 600}}