build: Add local dev commands (#48)

CONTRIBUTING.md

@@ -7,18 +7,12 @@
 
 ### Run Local Dev build
 
-If you want to locally open two terminals
+If you want to run this locally for development, you have to open two terminals and run the following commands:
 
-One is for building & watching Spotlight locally.
+1. Terminal 1: `pnpm dev:core`
+2. Terminal 2: `pnpm dev:website`
 
-1. `cd packages/core`
-2. `pnpm dev`
-
-The other is to run the website locally:
-
-1. `cd packages/website`
-2. `pnpm dev`
-3. `open http://localhost:4321/spotlight`
+Then you can find the website under http://localhost:4321/spotlight.
 
 ## Changesets
 

package.json

@@ -2,8 +2,9 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "dev": "pnpm -r --parallel dev",
-    "build": "pnpm -r --parallel build",
+    "dev:core": "pnpm --filter core dev",
+    "dev:website": "pnpm --filter spotlight-website dev",
+    "build": "pnpm -r run build",
     "preview": "pnpm -r run preview",
     "lint": "eslint . --cache --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preinstall": "npx only-allow pnpm",

packages/astro/src/snippets.ts

@@ -1,10 +1,10 @@
 export const SPOTLIGHT_CLIENT_INIT = `
-import * as Spotlight from '@spotlightjs/astro'; 
+import { init, sentry, console } from '@spotlightjs/astro'; 
 
-Spotlight.init({
+init({
   integrations: [
-    Spotlight.sentry(), 
-    Spotlight.console()
+    sentry(), 
+    console()
   ],
   showTriggerButton: false,
 });