show-component 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Andrey Sidorov
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,2 @@
+# show-component
+Quickly navigate to the line of code that is responsible for rendering a component

package/dist/ShowComponent.d.ts

@@ -0,0 +1,4 @@
+import type React from 'react';
+import type { ShowComponentProps } from './types';
+declare const ShowComponent: React.FC<ShowComponentProps>;
+export default ShowComponent;

package/dist/ShowComponent.js

@@ -0,0 +1,21 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ShowComponent = (_a) => {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    // Placeholder implementation
+    // This component will help navigate to the line of code responsible for rendering
+    return (0, jsx_runtime_1.jsx)("div", Object.assign({}, props, { children: children }));
+};
+exports.default = ShowComponent;

package/dist/esm/ShowComponent.d.ts

@@ -0,0 +1,4 @@
+import type React from 'react';
+import type { ShowComponentProps } from './types';
+declare const ShowComponent: React.FC<ShowComponentProps>;
+export default ShowComponent;

package/dist/esm/ShowComponent.js

@@ -0,0 +1,19 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+const ShowComponent = (_a) => {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    // Placeholder implementation
+    // This component will help navigate to the line of code responsible for rendering
+    return _jsx("div", Object.assign({}, props, { children: children }));
+};
+export default ShowComponent;

package/dist/esm/hooks/useShowComponent.d.ts

@@ -0,0 +1,3 @@
+export declare const useShowComponent: () => {
+    showComponent: () => void;
+};

package/dist/esm/hooks/useShowComponent.js

@@ -0,0 +1,9 @@
+import { useCallback } from 'react';
+export const useShowComponent = () => {
+    const showComponent = useCallback(() => {
+        // Placeholder implementation
+        // This hook will help with navigating to component source code
+        console.log('Navigate to component source');
+    }, []);
+    return { showComponent };
+};

package/dist/esm/index.d.ts

@@ -0,0 +1,3 @@
+export { default as ShowComponent } from './ShowComponent';
+export { useShowComponent } from './hooks/useShowComponent';
+export type { ShowComponentProps } from './types';

package/dist/esm/index.js

@@ -0,0 +1,4 @@
+// Placeholder for the main component/hook implementation
+// This will be the entry point for the show-component package
+export { default as ShowComponent } from './ShowComponent';
+export { useShowComponent } from './hooks/useShowComponent';

package/dist/esm/types.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from 'react';
+export interface ShowComponentProps {
+    children?: ReactNode;
+    className?: string;
+    [key: string]: unknown;
+}

package/dist/esm/types.js

@@ -0,0 +1 @@
+export {};

package/dist/hooks/useShowComponent.d.ts

@@ -0,0 +1,3 @@
+export declare const useShowComponent: () => {
+    showComponent: () => void;
+};

package/dist/hooks/useShowComponent.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useShowComponent = void 0;
+const react_1 = require("react");
+const useShowComponent = () => {
+    const showComponent = (0, react_1.useCallback)(() => {
+        // Placeholder implementation
+        // This hook will help with navigating to component source code
+        console.log('Navigate to component source');
+    }, []);
+    return { showComponent };
+};
+exports.useShowComponent = useShowComponent;

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { default as ShowComponent } from './ShowComponent';
+export { useShowComponent } from './hooks/useShowComponent';
+export type { ShowComponentProps } from './types';

package/dist/index.js

@@ -0,0 +1,12 @@
+"use strict";
+// Placeholder for the main component/hook implementation
+// This will be the entry point for the show-component package
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useShowComponent = exports.ShowComponent = void 0;
+var ShowComponent_1 = require("./ShowComponent");
+Object.defineProperty(exports, "ShowComponent", { enumerable: true, get: function () { return __importDefault(ShowComponent_1).default; } });
+var useShowComponent_1 = require("./hooks/useShowComponent");
+Object.defineProperty(exports, "useShowComponent", { enumerable: true, get: function () { return useShowComponent_1.useShowComponent; } });

package/dist/types.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from 'react';
+export interface ShowComponentProps {
+    children?: ReactNode;
+    className?: string;
+    [key: string]: unknown;
+}

package/dist/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "show-component",
+  "version": "0.1.0",
+  "description": "Quickly navigate to the line of code that is responsible for rendering a component",
+  "main": "dist/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.js",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "npm run build:cjs && npm run build:esm && npm run build:types",
+    "build:cjs": "tsc",
+    "build:esm": "tsc --module es2015 --outDir dist/esm",
+    "build:types": "tsc --emitDeclarationOnly --outDir dist",
+    "lint": "biome check .",
+    "lint:fix": "biome check . --write",
+    "type-check": "tsc --noEmit",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "react",
+    "component",
+    "hook",
+    "development",
+    "debugging"
+  ],
+  "author": "Andrey Sidorov",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/sidorares/show-component.git"
+  },
+  "bugs": {
+    "url": "https://github.com/sidorares/show-component/issues"
+  },
+  "homepage": "https://github.com/sidorares/show-component#readme",
+  "peerDependencies": {
+    "react": ">=16.8.0"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "^1.9.4",
+    "@types/react": "^18.3.12",
+    "typescript": "^5.6.3"
+  }
+}