react-source-spotlight 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +375 -0
- package/bin/cli.js +28 -0
- package/dist/Spotlight.d.ts +8 -0
- package/dist/Spotlight.d.ts.map +1 -0
- package/dist/SpotlightProvider.d.ts +12 -0
- package/dist/SpotlightProvider.d.ts.map +1 -0
- package/dist/__tests__/setup.d.ts +2 -0
- package/dist/__tests__/setup.d.ts.map +1 -0
- package/dist/cli/Spotlight.d.ts +8 -0
- package/dist/cli/Spotlight.d.ts.map +1 -0
- package/dist/cli/SpotlightProvider.d.ts +12 -0
- package/dist/cli/SpotlightProvider.d.ts.map +1 -0
- package/dist/cli/__tests__/setup.d.ts +2 -0
- package/dist/cli/__tests__/setup.d.ts.map +1 -0
- package/dist/cli/cli/config.d.ts +3 -0
- package/dist/cli/cli/config.d.ts.map +1 -0
- package/dist/cli/cli/generator.d.ts +8 -0
- package/dist/cli/cli/generator.d.ts.map +1 -0
- package/dist/cli/components/CodeModal.d.ts +10 -0
- package/dist/cli/components/CodeModal.d.ts.map +1 -0
- package/dist/cli/components/DevModeToggle.d.ts +7 -0
- package/dist/cli/components/DevModeToggle.d.ts.map +1 -0
- package/dist/cli/config.d.ts +3 -0
- package/dist/cli/config.d.ts.map +1 -0
- package/dist/cli/generator.d.ts +8 -0
- package/dist/cli/generator.d.ts.map +1 -0
- package/dist/cli/generator.js +128 -0
- package/dist/cli/generator.js.map +1 -0
- package/dist/cli/hooks/useSourceSpotlight.d.ts +11 -0
- package/dist/cli/hooks/useSourceSpotlight.d.ts.map +1 -0
- package/dist/cli/index.d.ts +6 -0
- package/dist/cli/index.d.ts.map +1 -0
- package/dist/cli/types.d.ts +45 -0
- package/dist/cli/types.d.ts.map +1 -0
- package/dist/components/CodeModal.d.ts +10 -0
- package/dist/components/CodeModal.d.ts.map +1 -0
- package/dist/components/DevModeToggle.d.ts +7 -0
- package/dist/components/DevModeToggle.d.ts.map +1 -0
- package/dist/hooks/useSourceSpotlight.d.ts +11 -0
- package/dist/hooks/useSourceSpotlight.d.ts.map +1 -0
- package/dist/index.d.ts +6 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.esm.js +3295 -0
- package/dist/index.esm.js.map +1 -0
- package/dist/index.js +3300 -0
- package/dist/index.js.map +1 -0
- package/dist/types.d.ts +45 -0
- package/dist/types.d.ts.map +1 -0
- package/package.json +73 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2026 React Source Spotlight
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1,375 @@
|
|
|
1
|
+
# React Source Spotlight
|
|
2
|
+
|
|
3
|
+
> **Turn your portfolio into an interactive code showcase. Let recruiters explore your implementation without leaving the page.**
|
|
4
|
+
|
|
5
|
+
A production-ready NPM package designed specifically for **job seekers** and developers who want to showcase their React code directly in their portfolios. Add a "Developer Mode" toggle that reveals component source code on hoverβno GitHub navigation required.
|
|
6
|
+
|
|
7
|
+

|
|
8
|
+

|
|
9
|
+

|
|
10
|
+

|
|
11
|
+
|
|
12
|
+
## Why Use This?
|
|
13
|
+
|
|
14
|
+
**The Problem**: Recruiters want to see your code, but navigating GitHub repositories is time-consuming and breaks the portfolio experience.
|
|
15
|
+
|
|
16
|
+
**The Solution**: Let them explore your implementation directly in your portfolio with a single click.
|
|
17
|
+
|
|
18
|
+
### Key Features
|
|
19
|
+
|
|
20
|
+
- π¨ **Premium UI** - Glassmorphism design with smooth animations that wow recruiters
|
|
21
|
+
- π **One-Click Copy** - Recruiters can instantly copy code to test in their own environment
|
|
22
|
+
- β¨ **Clean Code Badge** - Automatically highlights modular components (<100 lines) to showcase best practices
|
|
23
|
+
- π **GitHub Deep Links** - Direct links to source files for full context
|
|
24
|
+
- β¨οΈ **Keyboard Shortcuts** - `Ctrl+Shift+D` to toggle Developer Mode
|
|
25
|
+
- π― **Zero Config** - Works out of the box with sensible defaults
|
|
26
|
+
- π± **Fully Responsive** - Perfect experience on desktop, tablet, and mobile
|
|
27
|
+
- π **Syntax Highlighting** - Professional code display with Night Owl theme
|
|
28
|
+
- π **Framework Agnostic** - Works with Next.js, Vite, Create React App, and more
|
|
29
|
+
- π **Production Safe** - Only shows code you explicitly wrap with `<Spotlight>`
|
|
30
|
+
|
|
31
|
+
## π Quick Start
|
|
32
|
+
|
|
33
|
+
Get up and running in **5 minutes**:
|
|
34
|
+
|
|
35
|
+
### Step 1: Install the Package
|
|
36
|
+
|
|
37
|
+
```bash
|
|
38
|
+
npm install react-source-spotlight
|
|
39
|
+
# or
|
|
40
|
+
yarn add react-source-spotlight
|
|
41
|
+
# or
|
|
42
|
+
pnpm add react-source-spotlight
|
|
43
|
+
```
|
|
44
|
+
|
|
45
|
+
### Step 2: Configure Build Script
|
|
46
|
+
|
|
47
|
+
Add the source map generator to your build process in `package.json`:
|
|
48
|
+
|
|
49
|
+
```json
|
|
50
|
+
{
|
|
51
|
+
"scripts": {
|
|
52
|
+
"prebuild": "spotlight generate",
|
|
53
|
+
"build": "npm run prebuild && next build"
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
```
|
|
57
|
+
|
|
58
|
+
### 3. Wrap Your App
|
|
59
|
+
|
|
60
|
+
```tsx
|
|
61
|
+
// _app.tsx (Next.js) or App.tsx (Vite/CRA)
|
|
62
|
+
import { SpotlightProvider, DevModeToggle } from 'react-source-spotlight';
|
|
63
|
+
import 'react-source-spotlight/dist/spotlight.css';
|
|
64
|
+
|
|
65
|
+
export default function App({ Component, pageProps }) {
|
|
66
|
+
return (
|
|
67
|
+
<SpotlightProvider repoUrl="https://github.com/username/repo">
|
|
68
|
+
<Component {...pageProps} />
|
|
69
|
+
<DevModeToggle />
|
|
70
|
+
</SpotlightProvider>
|
|
71
|
+
);
|
|
72
|
+
}
|
|
73
|
+
```
|
|
74
|
+
|
|
75
|
+
### 4. Wrap Components You Want to Showcase
|
|
76
|
+
|
|
77
|
+
```tsx
|
|
78
|
+
import { Spotlight } from 'react-source-spotlight';
|
|
79
|
+
|
|
80
|
+
export default function HomePage() {
|
|
81
|
+
return (
|
|
82
|
+
<>
|
|
83
|
+
<Spotlight filename="src/components/Hero.tsx">
|
|
84
|
+
<Hero />
|
|
85
|
+
</Spotlight>
|
|
86
|
+
|
|
87
|
+
<Spotlight filename="src/components/Projects.tsx">
|
|
88
|
+
<Projects />
|
|
89
|
+
</Spotlight>
|
|
90
|
+
|
|
91
|
+
<Spotlight filename="src/components/Contact.tsx">
|
|
92
|
+
<Contact />
|
|
93
|
+
</Spotlight>
|
|
94
|
+
</>
|
|
95
|
+
);
|
|
96
|
+
}
|
|
97
|
+
```
|
|
98
|
+
|
|
99
|
+
### 5. Generate Source Map
|
|
100
|
+
|
|
101
|
+
Run the build command:
|
|
102
|
+
|
|
103
|
+
```bash
|
|
104
|
+
npm run build
|
|
105
|
+
```
|
|
106
|
+
|
|
107
|
+
The CLI will scan your components and generate `public/spotlight-map.json`.
|
|
108
|
+
|
|
109
|
+
---
|
|
110
|
+
|
|
111
|
+
## How It Works
|
|
112
|
+
|
|
113
|
+
### Before (Regular Portfolio)
|
|
114
|
+
```
|
|
115
|
+
Your beautiful portfolio β Recruiter sees UI β Wants to see code β
|
|
116
|
+
Opens GitHub β Searches for file β Loses context
|
|
117
|
+
```
|
|
118
|
+
|
|
119
|
+
### After (With React Source Spotlight)
|
|
120
|
+
```
|
|
121
|
+
Your beautiful portfolio β Recruiter clicks "View Code" β
|
|
122
|
+
Hovers over component β Sees code instantly β Impressed! π
|
|
123
|
+
```
|
|
124
|
+
|
|
125
|
+
### Visual Flow
|
|
126
|
+
|
|
127
|
+
1. **Floating Toggle Button** appears in corner of your portfolio
|
|
128
|
+
2. **Hover Effect** shows neon green outline around wrapped components
|
|
129
|
+
3. **Click Component** opens beautiful modal with syntax-highlighted code
|
|
130
|
+
4. **Copy or View on GitHub** with one click
|
|
131
|
+
|
|
132
|
+
---
|
|
133
|
+
|
|
134
|
+
## Configuration
|
|
135
|
+
|
|
136
|
+
Create a `spotlight.config.js` file in your project root:
|
|
137
|
+
|
|
138
|
+
```javascript
|
|
139
|
+
module.exports = {
|
|
140
|
+
// Input pattern for component files
|
|
141
|
+
input: './src/components/**/*.{tsx,jsx}',
|
|
142
|
+
|
|
143
|
+
// Output path for generated source map
|
|
144
|
+
output: './public/spotlight-map.json',
|
|
145
|
+
|
|
146
|
+
// Files to exclude
|
|
147
|
+
exclude: ['**/*.test.*', '**/*.spec.*'],
|
|
148
|
+
|
|
149
|
+
// Your GitHub repository URL
|
|
150
|
+
repoUrl: 'https://github.com/TAIJULAMAN/react-source-spotlight-package',
|
|
151
|
+
|
|
152
|
+
// Feature flags
|
|
153
|
+
features: {
|
|
154
|
+
cleanCodeBadge: { threshold: 100 },
|
|
155
|
+
githubLinks: true,
|
|
156
|
+
copyButton: true,
|
|
157
|
+
},
|
|
158
|
+
};
|
|
159
|
+
```
|
|
160
|
+
|
|
161
|
+
## Component API
|
|
162
|
+
|
|
163
|
+
### `<SpotlightProvider>`
|
|
164
|
+
|
|
165
|
+
Wraps your entire application and provides context.
|
|
166
|
+
|
|
167
|
+
```tsx
|
|
168
|
+
<SpotlightProvider
|
|
169
|
+
mapUrl="/spotlight-map.json" // URL to source map
|
|
170
|
+
repoUrl="https://github.com/TAIJULAMAN/react-source-spotlight-package" // GitHub repo URL
|
|
171
|
+
theme="dark" // 'dark' | 'light'
|
|
172
|
+
>
|
|
173
|
+
{children}
|
|
174
|
+
</SpotlightProvider>
|
|
175
|
+
```
|
|
176
|
+
|
|
177
|
+
### `<Spotlight>`
|
|
178
|
+
|
|
179
|
+
Wraps individual components you want to showcase.
|
|
180
|
+
|
|
181
|
+
```tsx
|
|
182
|
+
<Spotlight filename="src/components/Hero.tsx">
|
|
183
|
+
<Hero />
|
|
184
|
+
</Spotlight>
|
|
185
|
+
```
|
|
186
|
+
|
|
187
|
+
### `<DevModeToggle>`
|
|
188
|
+
|
|
189
|
+
Floating button to toggle Developer Mode.
|
|
190
|
+
|
|
191
|
+
```tsx
|
|
192
|
+
<DevModeToggle position="bottom-right" />
|
|
193
|
+
// Positions: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left'
|
|
194
|
+
```
|
|
195
|
+
|
|
196
|
+
### `useSourceSpotlight()` Hook
|
|
197
|
+
|
|
198
|
+
Programmatic access to spotlight functionality.
|
|
199
|
+
|
|
200
|
+
```tsx
|
|
201
|
+
import { useSourceSpotlight } from 'react-source-spotlight';
|
|
202
|
+
|
|
203
|
+
function MyComponent() {
|
|
204
|
+
const {
|
|
205
|
+
isDevMode,
|
|
206
|
+
toggleDevMode,
|
|
207
|
+
enableDevMode,
|
|
208
|
+
disableDevMode,
|
|
209
|
+
getSourceCode,
|
|
210
|
+
sourceMap,
|
|
211
|
+
hasSourceMap,
|
|
212
|
+
} = useSourceSpotlight();
|
|
213
|
+
|
|
214
|
+
return (
|
|
215
|
+
<button onClick={toggleDevMode}>
|
|
216
|
+
{isDevMode ? 'Hide' : 'Show'} Code
|
|
217
|
+
</button>
|
|
218
|
+
);
|
|
219
|
+
}
|
|
220
|
+
```
|
|
221
|
+
|
|
222
|
+
## Perfect For
|
|
223
|
+
|
|
224
|
+
### Job Seekers
|
|
225
|
+
Stand out from other candidates by letting recruiters see your code quality **instantly**. No more "check my GitHub" links that never get clicked.
|
|
226
|
+
|
|
227
|
+
### Frontend Developers
|
|
228
|
+
Build a portfolio that demonstrates not just what you built, but **how** you built it. Show off your clean code, component architecture, and best practices.
|
|
229
|
+
|
|
230
|
+
### Freelancers
|
|
231
|
+
Win more clients by showcasing your implementation skills directly in your portfolio. Let potential clients see the quality of your work before they even contact you.
|
|
232
|
+
|
|
233
|
+
### Open Source Contributors
|
|
234
|
+
Make your personal projects more accessible. Let visitors explore your code without leaving your project showcase page.
|
|
235
|
+
|
|
236
|
+
## Framework Integration
|
|
237
|
+
|
|
238
|
+
### Next.js
|
|
239
|
+
|
|
240
|
+
```json
|
|
241
|
+
{
|
|
242
|
+
"scripts": {
|
|
243
|
+
"prebuild": "spotlight generate",
|
|
244
|
+
"build": "npm run prebuild && next build"
|
|
245
|
+
}
|
|
246
|
+
}
|
|
247
|
+
```
|
|
248
|
+
|
|
249
|
+
### Vite
|
|
250
|
+
|
|
251
|
+
```json
|
|
252
|
+
{
|
|
253
|
+
"scripts": {
|
|
254
|
+
"prebuild": "spotlight generate",
|
|
255
|
+
"build": "npm run prebuild && vite build"
|
|
256
|
+
}
|
|
257
|
+
}
|
|
258
|
+
```
|
|
259
|
+
|
|
260
|
+
### Create React App
|
|
261
|
+
|
|
262
|
+
```json
|
|
263
|
+
{
|
|
264
|
+
"scripts": {
|
|
265
|
+
"prebuild": "spotlight generate",
|
|
266
|
+
"build": "npm run prebuild && react-scripts build"
|
|
267
|
+
}
|
|
268
|
+
}
|
|
269
|
+
```
|
|
270
|
+
|
|
271
|
+
## CLI Commands
|
|
272
|
+
|
|
273
|
+
### Generate Source Map
|
|
274
|
+
|
|
275
|
+
```bash
|
|
276
|
+
spotlight generate
|
|
277
|
+
```
|
|
278
|
+
|
|
279
|
+
Options:
|
|
280
|
+
- `-c, --config <path>` - Config file path (default: `spotlight.config.js`)
|
|
281
|
+
- `-o, --output <path>` - Output path for JSON map
|
|
282
|
+
- `-i, --input <pattern>` - Input glob pattern for components
|
|
283
|
+
|
|
284
|
+
## Examples
|
|
285
|
+
|
|
286
|
+
Check out the `examples/` directory for complete working examples:
|
|
287
|
+
|
|
288
|
+
- **Next.js Portfolio** - Full portfolio with multiple components
|
|
289
|
+
- **Vite React App** - Simple Vite setup
|
|
290
|
+
- **Create React App** - Basic CRA integration
|
|
291
|
+
|
|
292
|
+
## Important Notes
|
|
293
|
+
|
|
294
|
+
### Security
|
|
295
|
+
|
|
296
|
+
- All wrapped component source code will be publicly accessible
|
|
297
|
+
- Never include API keys, secrets, or sensitive logic in showcased components
|
|
298
|
+
- Use the `exclude` option to skip sensitive files
|
|
299
|
+
|
|
300
|
+
### Bundle Size
|
|
301
|
+
|
|
302
|
+
- The source map JSON is included in your production bundle
|
|
303
|
+
- For large portfolios, consider excluding large files
|
|
304
|
+
- Typical overhead: 10-50 KB gzipped for most portfolios
|
|
305
|
+
|
|
306
|
+
### Browser Support
|
|
307
|
+
|
|
308
|
+
- Modern browsers (Chrome, Firefox, Safari, Edge)
|
|
309
|
+
- Requires JavaScript enabled
|
|
310
|
+
- Works on mobile devices
|
|
311
|
+
|
|
312
|
+
## See It In Action
|
|
313
|
+
|
|
314
|
+
Once installed, your portfolio visitors can:
|
|
315
|
+
|
|
316
|
+
1. **Click the floating "View Code" button** to enable Developer Mode
|
|
317
|
+
2. **Hover over any wrapped component** to see a neon highlight
|
|
318
|
+
3. **Click the component** to open a beautiful modal with:
|
|
319
|
+
- Full source code with syntax highlighting
|
|
320
|
+
- File metadata (lines, size)
|
|
321
|
+
- Clean Code Badge (for well-structured components)
|
|
322
|
+
- One-click copy button
|
|
323
|
+
- Direct GitHub link
|
|
324
|
+
|
|
325
|
+
**Keyboard shortcut**: Press `Ctrl+Shift+D` to toggle Developer Mode on/off
|
|
326
|
+
|
|
327
|
+
## What Gets Included in Your Bundle?
|
|
328
|
+
|
|
329
|
+
- **Package size**: ~50 KB gzipped (includes Prism syntax highlighter)
|
|
330
|
+
- **Source map**: Varies based on how many components you showcase (typically 10-30 KB)
|
|
331
|
+
- **Performance impact**: Zero when Developer Mode is off
|
|
332
|
+
- **SEO impact**: None (source map loads asynchronously)
|
|
333
|
+
|
|
334
|
+
## Important Security Notes
|
|
335
|
+
|
|
336
|
+
### What This Package Does
|
|
337
|
+
- β
Only exposes source code for components you **explicitly wrap** with `<Spotlight>`
|
|
338
|
+
- β
Source map is generated at **build time**, not runtime
|
|
339
|
+
- β
No access to your file system or environment variables
|
|
340
|
+
|
|
341
|
+
### Best Practices
|
|
342
|
+
- β **Never wrap components** containing API keys, secrets, or sensitive business logic
|
|
343
|
+
- β
**Only showcase** UI components, layouts, and presentational code
|
|
344
|
+
- β
**Use the `exclude` option** in config to skip sensitive files
|
|
345
|
+
- β
**Review the generated** `spotlight-map.json` before deploying
|
|
346
|
+
|
|
347
|
+
## Contributing
|
|
348
|
+
|
|
349
|
+
Contributions, issues, and feature requests are welcome!
|
|
350
|
+
|
|
351
|
+
Feel free to check the [issues page](https://github.com/TAIJULAMAN/react-source-spotlight-package/issues) if you want to contribute.
|
|
352
|
+
|
|
353
|
+
## License
|
|
354
|
+
|
|
355
|
+
MIT Β© 2026 React Source Spotlight
|
|
356
|
+
|
|
357
|
+
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
|
|
358
|
+
|
|
359
|
+
## Acknowledgments
|
|
360
|
+
|
|
361
|
+
- Built with [Prism React Renderer](https://github.com/FormidableLabs/prism-react-renderer) for beautiful syntax highlighting
|
|
362
|
+
- Inspired by the need to make portfolio code more accessible to recruiters
|
|
363
|
+
- Designed specifically for the job-seeking developer community
|
|
364
|
+
|
|
365
|
+
---
|
|
366
|
+
|
|
367
|
+
<div align="center">
|
|
368
|
+
|
|
369
|
+
**Made with β€οΈ for job seekers and developers**
|
|
370
|
+
|
|
371
|
+
If this package helped you land a job or impress a client, [give it a star β](https://github.com/TAIJULAMAN/react-source-spotlight-package)
|
|
372
|
+
|
|
373
|
+
[Report Bug](https://github.com/TAIJULAMAN/react-source-spotlight-package/issues) Β· [Request Feature](https://github.com/TAIJULAMAN/react-source-spotlight-package/issues) Β· [Documentation](https://github.com/TAIJULAMAN/react-source-spotlight-package#readme)
|
|
374
|
+
|
|
375
|
+
</div>
|
package/bin/cli.js
ADDED
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
#!/usr/bin/env node
|
|
2
|
+
const { Command } = require('commander');
|
|
3
|
+
const { generateMap } = require('../dist/cli/generator');
|
|
4
|
+
const chalk = require('chalk');
|
|
5
|
+
|
|
6
|
+
const program = new Command();
|
|
7
|
+
|
|
8
|
+
program
|
|
9
|
+
.name('spotlight')
|
|
10
|
+
.description('Generate source code map for React Source Spotlight')
|
|
11
|
+
.version('1.0.0');
|
|
12
|
+
|
|
13
|
+
program
|
|
14
|
+
.command('generate')
|
|
15
|
+
.description('Scan components and generate spotlight-map.json')
|
|
16
|
+
.option('-c, --config <path>', 'Config file path', 'spotlight.config.js')
|
|
17
|
+
.option('-o, --output <path>', 'Output path for JSON map')
|
|
18
|
+
.option('-i, --input <pattern>', 'Input glob pattern for components')
|
|
19
|
+
.action(async options => {
|
|
20
|
+
try {
|
|
21
|
+
await generateMap(options);
|
|
22
|
+
} catch (error) {
|
|
23
|
+
console.error(chalk.red('Error generating spotlight map:'), error.message);
|
|
24
|
+
process.exit(1);
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
|
|
28
|
+
program.parse();
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
interface SpotlightProps {
|
|
3
|
+
filename: string;
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
}
|
|
6
|
+
export declare function Spotlight({ filename, children }: SpotlightProps): React.JSX.Element;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=Spotlight.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Spotlight.d.ts","sourceRoot":"","sources":["../src/Spotlight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAwB,SAAS,EAAE,MAAM,OAAO,CAAC;AAI/D,UAAU,cAAc;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,cAAc,qBA0D/D"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
import { SpotlightContextType } from './types';
|
|
3
|
+
export declare const SpotlightContext: React.Context<SpotlightContextType | null>;
|
|
4
|
+
interface SpotlightProviderProps {
|
|
5
|
+
children: ReactNode;
|
|
6
|
+
mapUrl?: string;
|
|
7
|
+
repoUrl?: string;
|
|
8
|
+
theme?: 'light' | 'dark';
|
|
9
|
+
}
|
|
10
|
+
export declare function SpotlightProvider({ children, mapUrl, repoUrl, theme, }: SpotlightProviderProps): React.JSX.Element;
|
|
11
|
+
export {};
|
|
12
|
+
//# sourceMappingURL=SpotlightProvider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SpotlightProvider.d.ts","sourceRoot":"","sources":["../src/SpotlightProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAsC,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,oBAAoB,EAAc,MAAM,SAAS,CAAC;AAE3D,eAAO,MAAM,gBAAgB,4CAE5B,CAAC;AAEF,UAAU,sBAAsB;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC5B;AAED,wBAAgB,iBAAiB,CAAC,EAC9B,QAAQ,EACR,MAA8B,EAC9B,OAAO,EACP,KAAc,GACjB,EAAE,sBAAsB,qBAwDxB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"setup.d.ts","sourceRoot":"","sources":["../../src/__tests__/setup.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
interface SpotlightProps {
|
|
3
|
+
filename: string;
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
}
|
|
6
|
+
export declare function Spotlight({ filename, children }: SpotlightProps): React.JSX.Element;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=Spotlight.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Spotlight.d.ts","sourceRoot":"","sources":["../src/Spotlight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAwB,SAAS,EAAE,MAAM,OAAO,CAAC;AAI/D,UAAU,cAAc;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,cAAc,qBA0D/D"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
import { SpotlightContextType } from './types';
|
|
3
|
+
export declare const SpotlightContext: React.Context<SpotlightContextType | null>;
|
|
4
|
+
interface SpotlightProviderProps {
|
|
5
|
+
children: ReactNode;
|
|
6
|
+
mapUrl?: string;
|
|
7
|
+
repoUrl?: string;
|
|
8
|
+
theme?: 'light' | 'dark';
|
|
9
|
+
}
|
|
10
|
+
export declare function SpotlightProvider({ children, mapUrl, repoUrl, theme, }: SpotlightProviderProps): React.JSX.Element;
|
|
11
|
+
export {};
|
|
12
|
+
//# sourceMappingURL=SpotlightProvider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SpotlightProvider.d.ts","sourceRoot":"","sources":["../src/SpotlightProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAsC,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,oBAAoB,EAAc,MAAM,SAAS,CAAC;AAE3D,eAAO,MAAM,gBAAgB,4CAE5B,CAAC;AAEF,UAAU,sBAAsB;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC5B;AAED,wBAAgB,iBAAiB,CAAC,EAC9B,QAAQ,EACR,MAA8B,EAC9B,OAAO,EACP,KAAc,GACjB,EAAE,sBAAsB,qBAwDxB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"setup.d.ts","sourceRoot":"","sources":["../../src/__tests__/setup.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/cli/config.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAa3C,wBAAgB,UAAU,CAAC,UAAU,EAAE,MAAM,GAAG,eAAe,CA6B9D"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"generator.d.ts","sourceRoot":"","sources":["../../src/cli/generator.ts"],"names":[],"mappings":"AAOA,UAAU,eAAe;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,wBAAsB,WAAW,CAAC,OAAO,EAAE,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,CA8EzE"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { SourceData } from '../types';
|
|
3
|
+
interface CodeModalProps {
|
|
4
|
+
filename: string;
|
|
5
|
+
sourceData: SourceData;
|
|
6
|
+
onClose: () => void;
|
|
7
|
+
}
|
|
8
|
+
export declare function CodeModal({ filename, sourceData, onClose }: CodeModalProps): React.JSX.Element | null;
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=CodeModal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CodeModal.d.ts","sourceRoot":"","sources":["../../src/components/CodeModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAG/D,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,UAAU,cAAc;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,UAAU,CAAC;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,cAAc,4BA0H1E"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface DevModeToggleProps {
|
|
3
|
+
position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
|
|
4
|
+
}
|
|
5
|
+
export declare function DevModeToggle({ position, }: DevModeToggleProps): React.JSX.Element | null;
|
|
6
|
+
export {};
|
|
7
|
+
//# sourceMappingURL=DevModeToggle.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DevModeToggle.d.ts","sourceRoot":"","sources":["../../src/components/DevModeToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,UAAU,kBAAkB;IACxB,QAAQ,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa,CAAC;CACxE;AAED,wBAAgB,aAAa,CAAC,EAC1B,QAAyB,GAC5B,EAAE,kBAAkB,4BAoBpB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/cli/config.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAa3C,wBAAgB,UAAU,CAAC,UAAU,EAAE,MAAM,GAAG,eAAe,CA6B9D"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"generator.d.ts","sourceRoot":"","sources":["../../src/cli/generator.ts"],"names":[],"mappings":"AAOA,UAAU,eAAe;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,wBAAsB,WAAW,CAAC,OAAO,EAAE,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,CA8EzE"}
|