shivanya-sdk 0.1.0 → 0.1.2

package/package.json

@@ -1,30 +1,29 @@
-{
-  "name": "shivanya-sdk",
-  "version": "0.1.0",
-  "description": "Shivanya SDK monorepo",
-  "scripts": {
-    "build": "pnpm -r build"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/adityathute/shivanya-sdk.git"
-  },
-  "keywords": [
-    "shivanya",
-    "shivanya-sdk",
-    "sdk",
-    "typescript",
-    "react",
-    "react-components",
-    "frontend",
-    "ui",
-    "shell",
-    "authentication",
-    "analytics",
-    "developer-tools",
-    "open-source"
-  ],
-  "author": "Aditya Thute",
-  "license": "ISC",
-  "packageManager": "pnpm@11.9.0"
+{
+  "name": "shivanya-sdk",
+  "version": "0.1.2",
+  "description": "Shivanya SDK monorepo",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/adityathute/shivanya-sdk.git"
+  },
+  "keywords": [
+    "shivanya",
+    "shivanya-sdk",
+    "sdk",
+    "typescript",
+    "react",
+    "react-components",
+    "frontend",
+    "ui",
+    "shell",
+    "authentication",
+    "analytics",
+    "developer-tools",
+    "open-source"
+  ],
+  "author": "Aditya Thute",
+  "license": "ISC",
+  "scripts": {
+    "build": "pnpm -r build"
+  }
 }

package/packages/ai/README.md

@@ -0,0 +1,66 @@
+# shivanya-ai
+
+AI client for the Shivanya platform.
+
+## Installation
+
+```bash
+npm install shivanya-ai
+```
+
+## Usage
+
+```ts
+import { ShivanyaAI } from "shivanya-ai";
+import { ShivanyaClient } from "shivanya-core";
+
+const client = new ShivanyaClient({
+  baseURL: "https://api.shivanyams.com",
+});
+
+const ai = new ShivanyaAI(client);
+
+const response = await ai.chat({
+  message: "Hello",
+});
+```
+
+## Dependency
+
+`shivanya-ai` uses `shivanya-core` as a package dependency.
+
+## Development
+
+This package is developed inside the Shivanya SDK pnpm workspace.
+
+From the SDK root:
+
+```bash
+pnpm install
+```
+
+Build the package:
+
+```bash
+pnpm --filter shivanya-ai build
+```
+
+## Package Structure
+
+```text
+packages/ai/
+├── src/
+│   ├── ai.ts
+│   ├── types.ts
+│   └── index.ts
+├── package.json
+└── tsconfig.json
+```
+
+## Contributing
+
+Make changes in the package source, build the package, and submit a pull request.
+
+## License
+
+ISC

package/packages/core/README.md

@@ -0,0 +1,57 @@
+# shivanya-core
+
+Core TypeScript client for the Shivanya platform.
+
+## Installation
+
+```bash
+npm install shivanya-core
+```
+
+## Usage
+
+```ts
+import { ShivanyaClient } from "shivanya-core";
+
+const client = new ShivanyaClient({
+  baseURL: "https://api.shivanyams.com",
+});
+
+const data = await client.request("/api/example");
+```
+
+## Development
+
+This package is developed inside the Shivanya SDK pnpm workspace.
+
+From the SDK root:
+
+```bash
+pnpm install
+```
+
+Build the package:
+
+```bash
+pnpm --filter shivanya-core build
+```
+
+## Package Structure
+
+```text
+packages/core/
+├── src/
+│   ├── client.ts
+│   ├── errors.ts
+│   └── index.ts
+├── package.json
+└── tsconfig.json
+```
+
+## Contributing
+
+Make changes in the package source, build the package, and submit a pull request.
+
+## License
+
+ISC

package/packages/shell/README.md

@@ -2,8 +2,6 @@
 
 Reusable application shell and layout components for Shivanya applications.
 
-The package provides common layout infrastructure that can be shared across different Shivanya applications without coupling the shell to a specific application.
-
 ## Installation
 
 ```bash
@@ -13,33 +11,22 @@ npm install shivanya-shell
 ## Usage
 
 ```tsx
-import {
-  AppShell,
-  PageContainer,
-} from "shivanya-shell";
+import { DashboardShell } from "shivanya-shell";
 
 export function App() {
   return (
-    <AppShell>
-      <PageContainer>
-        Your application content
-      </PageContainer>
-    </AppShell>
+    <DashboardShell>
+      Your application content
+    </DashboardShell>
   );
 }
 ```
 
-## Available Components
-
-Current components:
+## Dependency
 
-- `AppShell`
-- `PageContainer`
-- `LayoutProvider`
-- `LayoutContext`
-- `useLayout`
+`shivanya-shell` uses `shivanya-ui` as a package dependency.
 
-Additional reusable shell components will be added as the SDK develops.
+React and React DOM are peer dependencies.
 
 ## Development
 
@@ -63,23 +50,12 @@ Test changes using the SDK playground:
 pnpm --filter playground dev
 ```
 
-## Dependencies
-
-`shivanya-shell` uses:
-
-```text
-shivanya-ui
-```
-
-as a package dependency.
-
-React and React DOM are peer dependencies.
-
 ## Package Structure
 
 ```text
 packages/shell/
 ├── src/
+│   ├── components/
 │   ├── context/
 │   ├── hooks/
 │   ├── layouts/

package/packages/shell/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shivanya-shell",
-  "version": "1.0.1",
+  "version": "1.0.5",
   "type": "module",
   "description": "Reusable React shell, layout, and application structure components for Shivanya applications",
   "main": "dist/index.js",
@@ -10,17 +10,16 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
     },
-    "./styles": "./src/styles/shell.css"
+    "./styles": "./dist/styles/shell.css"
   },
   "files": [
-    "dist",
-    "src/styles"
+    "dist"
   ],
   "scripts": {
-    "build": "tsc && shx mkdir -p dist/styles && shx cp src/styles/shell.css dist/styles/shell.css"
+    "build": "tsc && node scripts/copy-assets.mjs"
   },
   "dependencies": {
-    "shivanya-ui": "^1.0.0"
+    "shivanya-ui": "^1.0.6"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",

package/packages/shell/scripts/copy-assets.mjs

@@ -0,0 +1,24 @@
+import fs from "node:fs";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+
+const currentFile = fileURLToPath(import.meta.url);
+const root = path.resolve(path.dirname(currentFile), "..");
+
+const source = path.join(root, "src", "styles");
+const target = path.join(root, "dist", "styles");
+
+fs.mkdirSync(target, { recursive: true });
+
+for (const file of fs.readdirSync(source)) {
+  if (!file.endsWith(".css")) {
+    continue;
+  }
+
+  fs.copyFileSync(
+    path.join(source, file),
+    path.join(target, file),
+  );
+}
+
+console.log("Shivanya Shell CSS and assets copied.");

package/packages/shell/src/components/DrawerHeader.tsx

@@ -1,19 +1,44 @@
+import {
+  CloseIcon,
+  IconButton,
+} from "shivanya-ui";
+
 import type { ShellBranding } from "../types/shell.js";
 import { ShellBrand } from "./ShellBrand.js";
 
+export interface DrawerHeaderProps {
+  branding?: ShellBranding;
+  onClose?: () => void;
+}
+
 export function DrawerHeader({
   branding,
   onClose,
-}: {
-  branding?: ShellBranding;
-  onClose?: () => void;
-}) {
+}: DrawerHeaderProps) {
   return (
     <header className="shivanya-shell-drawer-header">
-      {branding && <ShellBrand branding={{ ...branding, href: undefined }} />}
-      <button type="button" onClick={onClose} aria-label="Close menu">
-        ×
-      </button>
+      {branding && (
+        <ShellBrand
+          branding={{
+            ...branding,
+            href: undefined,
+          }}
+          compact={false}
+        />
+      )}
+
+      <IconButton
+        size="sm"
+        variant="ghost"
+        rounded
+        iconRotateOnHover
+        iconHoverColor="var(--shivanya-color-primary)"
+        aria-label="Close menu"
+        title="Close menu"
+        onClick={onClose}
+      >
+        <CloseIcon size="sm" />
+      </IconButton>
     </header>
   );
-}
+}

package/packages/shell/src/components/ShellBrand.tsx

@@ -1,12 +1,14 @@
 import type { ShellBranding } from "../types/shell.js";
 
+interface ShellBrandProps {
+  branding: ShellBranding;
+  compact?: boolean;
+}
+
 export function ShellBrand({
   branding,
   compact = false,
-}: {
-  branding: ShellBranding;
-  compact?: boolean;
-}) {
+}: ShellBrandProps) {
   const content = (
     <span className="shivanya-shell-brand-content">
       {branding.src ? (
@@ -16,17 +18,21 @@ export function ShellBrand({
           className="shivanya-shell-brand-image"
         />
       ) : null}
+
       <span className="shivanya-shell-brand-text">
         {branding.name && <strong>{branding.name}</strong>}
         {!compact && branding.subtitle && <small>{branding.subtitle}</small>}
       </span>
     </span>
   );
-  if (branding.href)
+
+  if (branding.href) {
     return (
       <a className="shivanya-shell-brand" href={branding.href}>
         {content}
       </a>
     );
+  }
+
   return <span className="shivanya-shell-brand">{content}</span>;
-}
+}

package/packages/shell/src/components/ShellFooter.tsx

@@ -7,12 +7,25 @@ export function ShellFooter({
   className = "",
 }: ShellFooterProps) {
   return (
-    <footer className={`shivanya-shell-footer ${className}`.trim()}>
-      {branding && <ShellBrand branding={branding} />}
-      {children}
-      <span className="shivanya-shell-footer-copy">
+    <footer
+      className={[
+        "shivanya-shell-footer",
+        className,
+      ]
+        .filter(Boolean)
+        .join(" ")}
+    >
+      <div className="shivanya-shell-footer-brand">
+        {branding && <ShellBrand branding={branding} />}
+      </div>
+
+      <div className="shivanya-shell-footer-content">
+        {children}
+      </div>
+
+      <div className="shivanya-shell-footer-copy">
         © {new Date().getFullYear()}
-      </span>
+      </div>
     </footer>
   );
-}
+}

package/packages/shell/src/components/ShellHeader.tsx

@@ -1,5 +1,8 @@
+"use client";
+
 import type { CSSProperties } from "react";
 import type { ShellHeaderProps } from "../types/shell.js";
+import { Button } from "shivanya-ui";
 import { useShell } from "../hooks/useShell.js";
 import { ShellBrand } from "./ShellBrand.js";
 
@@ -17,63 +20,45 @@ export function ShellHeader({
 }: ShellHeaderProps) {
   const shell = useShell();
 
-  const menuAction = () => {
-    if (
-      typeof window !== "undefined" &&
-      window.matchMedia("(max-width: 767px)").matches
-    ) {
-      shell.toggleMobile();
-    } else {
-      shell.toggleSidebar();
-    }
-  };
-
   return (
     <header
       className={`shivanya-shell-header shivanya-shell-header-${position} ${className}`.trim()}
       style={
         {
           "--shivanya-shell-header-height":
-            typeof height === "number"
-              ? `${height}px`
-              : height,
+            typeof height === "number" ? `${height}px` : height,
         } as CSSProperties
       }
     >
       <div className="shivanya-shell-header-inner">
         <div className="shivanya-shell-header-start">
           {showMenu && (
-            <button
-              type="button"
-              className="shivanya-shell-menu-button"
-              onClick={menuAction}
-              aria-label={menuLabel}
-              title={menuLabel}
-            >
-              <span aria-hidden="true">☰</span>
-            </button>
+            <div className="shivanya-shell-mobile-menu">
+              <Button
+                type="button"
+                variant="ghost"
+                size="sm"
+                rounded
+                onClick={shell.toggleMobile}
+                aria-label={menuLabel}
+                title={menuLabel}
+              >
+                ☰
+              </Button>
+            </div>
           )}
 
-          {start}
+          {branding && <ShellBrand branding={branding} compact={false} />}
 
-          {branding && (
-            <ShellBrand
-              branding={branding}
-              compact={shell.sidebarCollapsed}
-            />
-          )}
+          {start}
         </div>
 
-        <div className="shivanya-shell-header-center">
-          {center}
-        </div>
+        <div className="shivanya-shell-header-center">{center}</div>
 
-        <div className="shivanya-shell-header-end">
-          {end}
-        </div>
+        <div className="shivanya-shell-header-end">{end}</div>
       </div>
 
       {children}
     </header>
   );
-}
+}