chore(examples): lint examples/react-load using shared top-level eslint config (#2913)

Refs: #2891

Author: trentm

examples/react-load/preact/.eslintrc.js

@@ -0,0 +1,26 @@
+/*
+ * Copyright The OpenTelemetry Authors
+ *
+ * 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
+ *
+ *      https://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.
+ */
+
+'use strict';
+
+const baseConfig = require('../../../eslint.config');
+
+module.exports = {
+  ...baseConfig,
+  env: {
+    browser: true,
+  },
+};

examples/react-load/preact/.npmrc

@@ -0,0 +1 @@
+package-lock=false

examples/react-load/preact/package.json

@@ -5,6 +5,8 @@
   "description": "Example of using @opentelemetry/plugin-react-load in browser with Preact",
   "main": "index.js",
   "scripts": {
+    "lint": "eslint . --ext=ts,js,mjs",
+    "lint:fix": "eslint . --ext=ts,js,mjs --fix",
     "build": "preact build --no-prerender",
     "docker:start": "cd ./docker && docker-compose down && docker-compose up",
     "docker:startd": "cd ./docker && docker-compose down && docker-compose up -d",
@@ -36,6 +38,7 @@
     "sirv-cli": "1.0.3"
   },
   "dependencies": {
+    "@opentelemetry/api": "^1.0.0",
     "@opentelemetry/context-zone": "^1.11.0",
     "@opentelemetry/exporter-trace-otlp-http": "^0.37.0",
     "@opentelemetry/plugin-react-load": "^0.28.1",

examples/react-load/preact/src/components/Content.js

@@ -1,59 +1,72 @@
-import { BaseOpenTelemetryComponent } from '@opentelemetry/plugin-react-load'
+/*
+ * Copyright The OpenTelemetry Authors
+ *
+ * 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
+ *
+ *      https://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.
+ */
+
+'use strict';
+
+import { BaseOpenTelemetryComponent } from '@opentelemetry/plugin-react-load';
 
 class Content extends BaseOpenTelemetryComponent {
-  constructor(props){
-    super(props)
+  constructor(props) {
+    super(props);
     this.state = {
       results: null,
-      isLoading: false
-    }
+      isLoading: false,
+    };
   }
 
-  componentDidMount(){
+  // eslint-disable-next-line class-methods-use-this
+  componentDidMount() {
     // Example, do something here
   }
 
   buttonHandler() {
-    this.setState({isLoading: true})
-    const randomDelay = Math.random() * 10000; 
+    this.setState({ isLoading: true });
+    const randomDelay = Math.random() * 10000;
     setTimeout(() => {
       this.setState({
         isLoading: false,
-        results: randomDelay
-      })
-    }, 
-    randomDelay);
+        results: randomDelay,
+      });
+    }, randomDelay);
   }
 
-  renderResults(){
-    if(this.state.isLoading){
+  renderResults() {
+    if (this.state.isLoading) {
       return <div> Loading results...</div>;
-    } 
-    if (!this.state.results){
-      return (
-        <div>No Results</div>
-      )
     }
-    return (
-      <div>
-        Request was delayed {this.state.results} ms
-      </div>
-    )
+    if (!this.state.results) {
+      return <div>No Results</div>;
+    }
+    return <div>Request was delayed {this.state.results} ms</div>;
   }
 
   render() {
     return (
       <div>
         <h1>React Plugin Demo App</h1>
-        <button onClick={() => this.buttonHandler()} style={{marginBottom: '20px'}}>
+        <button
+          onClick={() => this.buttonHandler()}
+          style={{ marginBottom: '20px' }}
+        >
           Make Request
         </button>
-        <div id="results">
-          {this.renderResults()}
-        </div>
+        <div id="results">{this.renderResults()}</div>
       </div>
-    )
+    );
   }
 }
-        
+
 export default Content;

examples/react-load/preact/src/components/Home.js

@@ -1,16 +1,35 @@
+/*
+ * Copyright The OpenTelemetry Authors
+ *
+ * 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
+ *
+ *      https://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.
+ */
+
+'use strict';
+
 import { Link } from 'preact-router/match';
 import { BaseOpenTelemetryComponent } from '@opentelemetry/plugin-react-load';
 
 class Home extends BaseOpenTelemetryComponent {
+  // eslint-disable-next-line class-methods-use-this
   render() {
     return (
       <div>
-          <h1>
-              React Plugin Demo App: Preact
-          </h1>
-          <Link href='/test'><button>Enter</button></Link>
+        <h1>React Plugin Demo App: Preact</h1>
+        <Link href="/test">
+          <button>Enter</button>
+        </Link>
       </div>
-    )
+    );
   }
 }
 

examples/react-load/preact/src/components/app.js

@@ -1,4 +1,22 @@
-import { h, Component} from 'preact';
+/*
+ * Copyright The OpenTelemetry Authors
+ *
+ * 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
+ *
+ *      https://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.
+ */
+
+'use strict';
+
+import { Component } from 'preact';
 import { Router } from 'preact-router';
 import Home from './Home';
 import Content from './Content';
@@ -7,23 +25,22 @@ import Tracer from '../web-tracer';
 Tracer('react-load-preact-examples');
 
 export default class App extends Component {
-	
-	/** Gets fired when the route changes.
-	 * @param {Object} event	"change" event from [preact-router](http://git.io/preact-router)
-	 * @param {string} event.url The newly routed URL
-	 */
-	handleRoute = e => {
-		this.currentUrl = e.url;
-	};
+  /** Gets fired when the route changes.
+   * @param {Object} event	"change" event from [preact-router](http://git.io/preact-router)
+   * @param {string} event.url The newly routed URL
+   */
+  handleRoute = e => {
+    this.currentUrl = e.url;
+  };
 
-	render() {
-		return (
-			<div id="app">
-				<Router onChange={this.handleRoute}>
-					<Home path="/" />
-					<Content path="/test"/>
-				</Router>
-			</div>
-		);
-	}
+  render() {
+    return (
+      <div id="app">
+        <Router onChange={this.handleRoute}>
+          <Home path="/" />
+          <Content path="/test" />
+        </Router>
+      </div>
+    );
+  }
 }

examples/react-load/preact/src/index.js

@@ -1,3 +1,21 @@
+/*
+ * Copyright The OpenTelemetry Authors
+ *
+ * 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
+ *
+ *      https://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.
+ */
+
+'use strict';
+
 import App from './components/app';
 
 export default App;

examples/react-load/preact/src/sw.js

@@ -1,3 +1,21 @@
+/*
+ * Copyright The OpenTelemetry Authors
+ *
+ * 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
+ *
+ *      https://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.
+ */
+
+'use strict';
+
 import { getFiles, setupPrecaching, setupRouting } from 'preact-cli/sw/';
 
 setupRouting();

examples/react-load/preact/src/web-tracer.js

@@ -1,11 +1,32 @@
-import { ConsoleSpanExporter, SimpleSpanProcessor } from '@opentelemetry/sdk-trace-base';
+/*
+ * Copyright The OpenTelemetry Authors
+ *
+ * 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
+ *
+ *      https://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.
+ */
+
+'use strict';
+
+import {
+  ConsoleSpanExporter,
+  SimpleSpanProcessor,
+} from '@opentelemetry/sdk-trace-base';
 import { diag, DiagConsoleLogger, DiagLogLevel } from '@opentelemetry/api';
 import { WebTracerProvider } from '@opentelemetry/sdk-trace-web';
 import { BaseOpenTelemetryComponent } from '@opentelemetry/plugin-react-load';
 import { ZoneContextManager } from '@opentelemetry/context-zone';
 import { OTLPTraceExporter } from '@opentelemetry/exporter-trace-otlp-http';
 
-export default (serviceName) => {
+export default serviceName => {
   diag.setLogger(new DiagConsoleLogger(), DiagLogLevel.DEBUG);
   const exporter = new OTLPTraceExporter({
     url: 'http://localhost:4318/v1/traces',
@@ -23,7 +44,7 @@ export default (serviceName) => {
 
   const tracer = provider.getTracer(serviceName);
 
-  BaseOpenTelemetryComponent.setTracer(serviceName)
+  BaseOpenTelemetryComponent.setTracer(serviceName);
 
   return tracer;
-}
+};

examples/react-load/react/.eslintrc.js

@@ -0,0 +1,26 @@
+/*
+ * Copyright The OpenTelemetry Authors
+ *
+ * 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
+ *
+ *      https://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.
+ */
+
+'use strict';
+
+const baseConfig = require('../../../eslint.config');
+
+module.exports = {
+  ...baseConfig,
+  env: {
+    browser: true,
+  },
+};