Diego dialguiba

Privacy Policy for Component Context Picker

Effective date: September 3, 2026

Component Context Picker is a developer tool that lets you select an element on the active webpage and copy its component context to your clipboard. This policy explains what the extension processes locally and the limited anonymous analytics it sends after a successful copy.

What the extension does

When you explicitly activate the extension, it lets you select a UI element on the active webpage. It can generate component context for React, Vue,

Custom Hook: UseForm

Use:

const [formTodoValues, handleTodoInputChange] = useForm({
    name: "",
    date: moment(new Date()).format("YYYY-MM-DD"),
    description: "",
 });

	import { useEffect, useState } from "react";
	import { BrowserRouter as Router, Redirect, Route, Navigate, BrowserRouter, Routes } from "react-router-dom";
	import { useDispatch } from "react-redux";

	import { AuthRouter } from "./AuthRouter";
	/* import { firebase } from "../firebase/firebase-config"; */
	/* import { login } from "../actions/Auth"; */
	import { PrivateRoute } from "./PrivateRoute";
	import { PublicRoute } from "./PublicRoute";
	/* import { startLoadingNotes } from "../actions/notes"; */

	import { useEffect, useState } from "react";
	import { BrowserRouter as Router, Switch, Redirect } from "react-router-dom";
	import { useDispatch } from "react-redux";

	import { JournalScreen } from "../components/journal/JournalScreen";
	import { AuthRouter } from "./AuthRouter";
	import { firebase } from "../firebase/firebase-config";
	import { login } from "../actions/Auth";
	import { PrivateRoute } from "./PrivateRoute";
	import { PublicRoute } from "./PublicRoute";

	name: Build and Deploy
	on: [push]
	env:
	REACT_APP_API_URL: ${{secrets.REACT_APP_API_URL}}
	jobs:
	build-and-deploy:
	concurrency: ci-${{ github.ref }} # Recommended if you intend to make multiple deployments in quick succession.
	runs-on: ubuntu-latest
	environment: github-pages
	steps:

	import React from "react";
	import ReactDOM from "react-dom";
	import { TodoApp } from "./TodoApp";

	import { store, persistor } from "./store/store";
	import { Provider } from "react-redux";
	/* */
	import { PersistGate } from "redux-persist/integration/react";
	import { HashRouter } from "react-router-dom";

	import { Provider } from "react-redux";
	import { AppRouter } from "./router/AppRouter";
	import { store } from "./store/store";

	export const CalendarApp = () => {
	return (
	<Provider store={store}>
	<AppRouter />
	</Provider>
	);

	# DevMock — Privacy Policy

	DevMock does not collect, store, or transmit any personal data. All mock rules and settings are stored locally in your browser using Chrome's storage API. No data is sent to any external server. DevMock has no
	analytics, no tracking, and no user accounts.

	const Loader = React.lazy(() => import("react-loader-spinner").then((module) => ({ default: module[spinner] })));
	const Loader = React.lazy(() => import(`react-spinners/${test}`));