
Security News
vlt Launches "reproduce": A New Tool Challenging the Limits of Package Provenance
vlt's new "reproduce" tool verifies npm packages against their source code, outperforming traditional provenance adoption in the JavaScript ecosystem.
@ucam.uis.devops/ucam-observe-remote-analytics
Advanced tools
Tooling and documentation to provide a paved path for front-end/remote analytics. Currently utilising Google Analytics.
Run npm run build
.
./dist
. This is an ESM-only target (you can't use this in CommonJS modules)../ucam.uis.devops-ucam-observe-remote-analytics-analytics-x.y.z.tgz
.To install the package, run the following command:
npm i @ucam.uis.devops/ucam-observe-remote-analytics
To run the tests, run npm test
.
Insert this next to the root of your React app.
❗️ Note
Use the
CookieBanner
in aThemeProvider
with theCamMuiTheme
to get the correct style.
Before
<html lang="en">
<body className={inter.className}>
{children}
</body>
</html>
After
<html lang="en">
<body className={inter.className}>
<CookieBanner />
{children}
</body>
</html>
This is a theme that you can use with the ThemeProvider
from material-ui
. You should use the provider
in your layout or highest-level React app component.
Before
<html lang="en">
<body className={inter.className}>
<CookieBanner />
{children}
</body>
</html>
After
<html lang="en">
<body className={inter.className}>
<ThemeProvider theme={CamMuiTheme}>
<CssBaseline />
<CookieBanner />
{children}
</ThemeProvider>
</body>
</html>
To gain access to Google Analytics and obtain your GA tracking code, follow these steps:
Login to Google Workspace:
Use your @cam.ac.uk
Cambridge account to log in via the Google Workspace Service Preferences.
Enable Google Analytics: In the Service Preferences web app, navigate to the "Google Analytics" section and enable it to activate your access to Google Analytics 4 (GA4).
Obtain Your GA Tracking Code:
G-XXXXXXX
. This is the code you will
use to integrate Google Analytics into your project.Manage Team Access:
Use the obtained GA tracking code (e.g., G-MJKN0LGYW0
) in your project by configuring it within the analytics
setup of your application.
If you encounter any issues or require further assistance, please refer to the Setting up Google Analytics and Google Search Console documentation.
In the basic-usage
folder, you will find an example application.
To use it, start from the root folder, then run the following to install the package:
npm run build
pushd && cd basic-usage
npm i ../ucam.uis.devops-ucam-observe-remote-analytics-0.1.4.tgz
npm i
Then run the following to start the test app:
npm run dev
Go to localhost:3000
to see the application.
This project is MIT licensed.
FAQs
Tooling and documentation to provide a paved path for front-end/remote analytics. Currently utilising Google Analytics.
The npm package @ucam.uis.devops/ucam-observe-remote-analytics receives a total of 43 weekly downloads. As such, @ucam.uis.devops/ucam-observe-remote-analytics popularity was classified as not popular.
We found that @ucam.uis.devops/ucam-observe-remote-analytics demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
vlt's new "reproduce" tool verifies npm packages against their source code, outperforming traditional provenance adoption in the JavaScript ecosystem.
Research
Security News
Socket researchers uncovered a malicious PyPI package exploiting Deezer’s API to enable coordinated music piracy through API abuse and C2 server control.
Research
The Socket Research Team discovered a malicious npm package, '@ton-wallet/create', stealing cryptocurrency wallet keys from developers and users in the TON ecosystem.