@triggator/public-nav-embed 1.0.0

package/README.md

@@ -0,0 +1,41 @@
+# @triggator/public-nav-embed
+
+Builds `NavBar` (isLoggedIn=false) as a UMD bundle for use in WordPress/Thrive Themes.
+
+## Build
+
+```bash
+npm run build:public-nav
+```
+
+Output: `dist/public-nav.umd.js`
+
+## WordPress Integration
+
+**1. Deploy the bundle**
+
+Copy or symlink `dist/public-nav.umd.js` into the WordPress theme's assets directory or serve it from the existing nginx static path.
+
+**2. Enqueue in functions.php**
+
+```php
+wp_enqueue_script(
+  'triggator-public-nav',
+  get_template_directory_uri() . '/assets/js/public-nav.umd.js',
+  [],
+  '1.0.0',
+  true
+);
+```
+
+**3. Register shortcode in functions.php**
+
+```php
+add_shortcode('triggator_nav', function() {
+  return '<div id="triggator-public-nav"></div>';
+});
+```
+
+**4. Place in Thrive**
+
+Drop `[triggator_nav]` into the Thrive header template or `header.php`.

package/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "@triggator/public-nav-embed",
+  "version": "1.0.0",
+  "private": false,
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch"
+  },
+  "dependencies": {
+    "@triggator/navbar": "*",
+    "react": ">=18.0.0 <20.0.0",
+    "react-dom": ">=18.0.0 <20.0.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-react": "*",
+    "vite": "*"
+  }
+}

package/src/index.ts

@@ -0,0 +1,15 @@
+import React from "react"
+import { createRoot } from "react-dom/client"
+import { NavBar } from "@triggator/navbar"
+
+function mount() {
+  const el = document.getElementById("triggator-public-nav")
+  if (!el) return
+  createRoot(el).render(React.createElement(NavBar, { isLoggedIn: false }))
+}
+
+if (document.readyState === "loading") {
+  document.addEventListener("DOMContentLoaded", mount)
+} else {
+  mount()
+}

package/tsconfig.json

@@ -0,0 +1,12 @@
+{
+  "extends": "../../../tsconfig.json",
+  "compilerOptions": {
+    "rootDir": "src",
+    "outDir": "dist/types",
+    "declaration": true,
+    "declarationMap": true,
+    "emitDeclarationOnly": true,
+    "noEmit": false
+  },
+  "include": ["src"]
+}

package/vite.config.ts

@@ -0,0 +1,18 @@
+import react from "@vitejs/plugin-react"
+import { defineConfig } from "vite"
+
+export default defineConfig({
+  plugins: [react()],
+  build: {
+    lib: {
+      entry: "src/index.ts",
+      name: "TriggatorPublicNav",
+      fileName: "public-nav",
+      formats: ["umd"],
+    },
+    rollupOptions: {
+      external: [],
+    },
+    outDir: "dist",
+  },
+})