@lobb-js/lobb-ext-reports 0.1.26 → 0.1.29

package/.dockerignore

@@ -0,0 +1,4 @@
+node_modules
+dist
+.git
+*.md

package/CHANGELOG.md

@@ -0,0 +1,21 @@
+# Changelog
+All notable changes to this project will be documented in this file. See [conventional commits](https://www.conventionalcommits.org/) for commit guidelines.
+
+- - -
+## reports-ext-studio@0.1.29 - 2026-02-19
+#### Bug Fixes
+- making the reports work - (1b87561) - Malik Najjar
+#### Miscellaneous Chores
+- fix building issue - (3b0d356) - malik ben
+
+- - -
+
+## reports-ext-studio@0.1.28 - 2026-02-17
+#### Bug Fixes
+- fixing the standalone issue - (1a70a51) - Malik Najjar
+#### Miscellaneous Chores
+- (**version**) 0.10.9 - (19ac765) - Cocogitto Bot
+
+- - -
+
+Changelog generated by [cocogitto](https://github.com/cocogitto/cocogitto).

package/Dockerfile

@@ -0,0 +1,29 @@
+# Build stage
+FROM node:22-alpine AS build
+
+WORKDIR /app
+
+# Copy package files.
+COPY package*.json ./
+
+# Install dependencies
+RUN npm install
+
+# Copy source code
+COPY . .
+
+# Build the application
+RUN npm run build
+
+# Production stage
+FROM nginx:alpine
+
+# Copy built assets
+COPY --from=build /app/dist /usr/share/nginx/html
+
+# Copy nginx config
+COPY nginx.conf /etc/nginx/conf.d/default.conf
+
+EXPOSE 80
+
+CMD ["nginx", "-g", "daemon off;"]

package/components.json

@@ -0,0 +1,16 @@
+{
+	"$schema": "https://shadcn-svelte.com/schema.json",
+	"tailwind": {
+		"css": "src/app.css",
+		"baseColor": "slate"
+	},
+	"aliases": {
+		"components": "$lib/components",
+		"utils": "$lib/utils",
+		"ui": "$lib/components/ui",
+		"hooks": "$lib/hooks",
+		"lib": "$lib"
+	},
+	"typescript": true,
+	"registry": "https://shadcn-svelte.com/registry"
+}

package/nginx.conf

@@ -0,0 +1,24 @@
+server {
+    listen 80;
+    server_name localhost;
+    root /usr/share/nginx/html;
+    index index.html;
+
+    # Handle SPA routing
+    location / {
+        try_files $uri $uri/ /index.html;
+    }
+
+    # Proxy API requests to backend
+    location /api {
+        proxy_pass http://lobb:3000;
+        proxy_http_version 1.1;
+        proxy_set_header Upgrade $http_upgrade;
+        proxy_set_header Connection 'upgrade';
+        proxy_set_header Host $host;
+        proxy_set_header X-Real-IP $remote_addr;
+        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+        proxy_set_header X-Forwarded-Proto $scheme;
+        proxy_cache_bypass $http_upgrade;
+    }
+}

package/package.json

@@ -1,37 +1,38 @@
 {
   "name": "@lobb-js/lobb-ext-reports",
-  "version": "0.1.26",
+  "version": "0.1.29",
   "type": "module",
   "publishConfig": {
     "access": "public"
   },
-  "files": [
-    "studio"
-  ],
   "exports": {
-    ".": "./studio/src/index.ts"
+    ".": "./src/index.ts"
   },
   "scripts": {
-    "dev": "cd studio && vite",
-    "build": "cd studio && vite build",
-    "preview": "cd studio && vite preview",
-    "check": "cd studio && svelte-check --tsconfig ./tsconfig.app.json && tsc -p tsconfig.node.json"
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "check": "svelte-check --tsconfig ./tsconfig.app.json && tsc -p tsconfig.node.json"
   },
   "dependencies": {
-    "@lobb-js/studio": "0.1.31",
+    "@lobb-js/studio": "0.2.11",
     "chart.js": "^4.4.8",
     "lodash-es": "^4.17.21"
   },
   "devDependencies": {
+    "@lucide/svelte": "^0.563.1",
     "@sveltejs/vite-plugin-svelte": "6.2.1",
+    "@tailwindcss/vite": "^4.1.18",
     "@tsconfig/svelte": "^5.0.6",
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^24.10.1",
-    "autoprefixer": "^10.4.23",
-    "svelte": "^5.43.8",
+    "clsx": "^2.1.1",
+    "svelte": "^5.49.1",
     "svelte-check": "^4.3.4",
-    "tailwindcss": "^3.4.19",
-    "tailwindcss-animate": "^1.0.7",
+    "tailwind-merge": "^3.4.0",
+    "tailwind-variants": "^3.2.2",
+    "tailwindcss": "4.1.18",
+    "tw-animate-css": "^1.4.0",
     "typescript": "~5.9.3",
     "vite": "6.3.3"
   }

package/src/app.css

@@ -0,0 +1,124 @@
+@import "tailwindcss";
+
+@import "tw-animate-css";
+
+@source "../../../../packages";
+@source "../node_modules/@lobb-js";
+
+@custom-variant dark (&:is(.dark *));
+
+:root {
+  --radius: 0.625rem;
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.129 0.042 264.695);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.129 0.042 264.695);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.129 0.042 264.695);
+  --primary: oklch(0.208 0.042 265.755);
+  --primary-foreground: oklch(0.984 0.003 247.858);
+  --secondary: oklch(0.968 0.007 247.896);
+  --secondary-foreground: oklch(0.208 0.042 265.755);
+  --muted: oklch(0.968 0.007 247.896);
+  --muted-foreground: oklch(0.554 0.046 257.417);
+  --accent: oklch(0.968 0.007 247.896);
+  --accent-foreground: oklch(0.208 0.042 265.755);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.929 0.013 255.508);
+  --input: oklch(0.929 0.013 255.508);
+  --ring: oklch(0.704 0.04 256.788);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --sidebar: oklch(0.984 0.003 247.858);
+  --sidebar-foreground: oklch(0.129 0.042 264.695);
+  --sidebar-primary: oklch(0.208 0.042 265.755);
+  --sidebar-primary-foreground: oklch(0.984 0.003 247.858);
+  --sidebar-accent: oklch(0.968 0.007 247.896);
+  --sidebar-accent-foreground: oklch(0.208 0.042 265.755);
+  --sidebar-border: oklch(0.929 0.013 255.508);
+  --sidebar-ring: oklch(0.704 0.04 256.788);
+}
+
+.dark {
+  --background: oklch(0.129 0.042 264.695);
+  --foreground: oklch(0.984 0.003 247.858);
+  --card: oklch(0.208 0.042 265.755);
+  --card-foreground: oklch(0.984 0.003 247.858);
+  --popover: oklch(0.208 0.042 265.755);
+  --popover-foreground: oklch(0.984 0.003 247.858);
+  --primary: oklch(0.929 0.013 255.508);
+  --primary-foreground: oklch(0.208 0.042 265.755);
+  --secondary: oklch(0.279 0.041 260.031);
+  --secondary-foreground: oklch(0.984 0.003 247.858);
+  --muted: oklch(0.279 0.041 260.031);
+  --muted-foreground: oklch(0.704 0.04 256.788);
+  --accent: oklch(0.279 0.041 260.031);
+  --accent-foreground: oklch(0.984 0.003 247.858);
+  --destructive: oklch(0.704 0.191 22.216);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.551 0.027 264.364);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.208 0.042 265.755);
+  --sidebar-foreground: oklch(0.984 0.003 247.858);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.984 0.003 247.858);
+  --sidebar-accent: oklch(0.279 0.041 260.031);
+  --sidebar-accent-foreground: oklch(0.984 0.003 247.858);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.551 0.027 264.364);
+}
+
+@theme inline {
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}

package/{studio/src → src}/index.ts

@@ -1,6 +1,6 @@
-import type { Extension, ExtensionUtils } from "src/extensions/extension.types";
-import Reports from "./pages/reports/index.svelte";
-import QueryAiButton from "./dv_fields_buttons/query_ai_button/index.svelte";
+import type { Extension, ExtensionUtils } from "@lobb-js/studio";
+import Reports from "$lib/components/pages/reports/index.svelte";
+import QueryAiButton from "$lib/components/dv_fields_buttons/query_ai_button/index.svelte";
 
 export function extension(utils: ExtensionUtils): Extension {
   return {

package/{studio/src → src/lib/components}/dv_fields_buttons/query_ai_button/index.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { ExtensionProps } from "src/extensions/extension.types";
+	import type { ExtensionProps } from "@lobb-js/studio";
 
 	let { utils, value = $bindable() }: ExtensionProps = $props();
 

package/{studio/src → src/lib/components}/pages/reports/components/chart.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { ExtensionProps } from "src/extensions/extension.types";
+	import type { ExtensionProps } from "@lobb-js/studio";
 	import Table from "./charts/table.svelte";
 	import ChartJs from "./charts/chartJs.svelte";
 

package/{studio/src → src/lib/components}/pages/reports/components/charts/chartJs.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { ExtensionProps } from "src/extensions/extension.types";
+	import type { ExtensionProps } from "@lobb-js/studio";
 
 	import { onMount } from 'svelte';
 	import { Chart } from 'chart.js/auto';

package/{studio/src → src/lib/components}/pages/reports/components/charts/table.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { ExtensionProps } from "src/extensions/extension.types";
+	import type { ExtensionProps } from "@lobb-js/studio";
 
 	interface Props extends ExtensionProps {
 		input: any;

package/{studio/src → src/lib/components}/pages/reports/components/report.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { ExtensionProps } from "src/extensions/extension.types";
+	import type { ExtensionProps } from "@lobb-js/studio";
 	import type { DateRange } from "bits-ui";
 	import Chart from "./chart.svelte";
 

package/{studio/src → src/lib/components}/pages/reports/index.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">
-	import type { ExtensionProps } from "src/extensions/extension.types";
-	import type { SideBarData } from "$lib/components/sidebar/sidebarElements.svelte";
+	import type { ExtensionProps } from "@lobb-js/studio";
 	import type { Location } from "@wjfe/n-savant";
 	import Report from "./components/report.svelte";
 
@@ -27,7 +26,7 @@
 		});
 		const allReports = (await response.json()).data;
 
-		const localSideBarData: SideBarData = [];
+		const localSideBarData: any = [];
 		for (let index = 0; index < allReports.length; index++) {
 			const report = allReports[index];
 			localSideBarData.push({
@@ -70,7 +69,7 @@
 				variant="outline"
 				class="h-7 w-full px-3 text-xs font-normal"
 				Icon={icons.Plus}
-				onSuccessfullSave={async (record) => {
+				onSuccessfullSave={async (record: any) => {
 					await getSideBarData();
 					reportId = record.id;
 				}}
@@ -79,7 +78,7 @@
 			</CreateDetailViewButton>
 		</div>
 	{/snippet}
-	{#snippet elementRightSide(item)}
+	{#snippet elementRightSide(item: any)}
 		{#if item.meta}
 			{@const reportId = item.meta.reportId}
 			<div>
@@ -128,7 +127,7 @@
 					variant="default"
 					class="h-7 px-3 text-xs font-normal"
 					Icon={icons.Plus}
-					onSuccessfullSave={async (record) =>
+					onSuccessfullSave={async (record: any) =>
 						utils.location.navigate(`?report=${record.id}`)}
 				>
 					Create a report

package/src/lib/index.ts

@@ -0,0 +1 @@
+// place files you want to import through the `$lib` alias in this folder.

package/src/lib/utils.ts

@@ -0,0 +1,13 @@
+import { clsx, type ClassValue } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+	return twMerge(clsx(inputs));
+}
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export type WithoutChild<T> = T extends { child?: any } ? Omit<T, "child"> : T;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export type WithoutChildren<T> = T extends { children?: any } ? Omit<T, "children"> : T;
+export type WithoutChildrenOrChild<T> = WithoutChildren<WithoutChild<T>>;
+export type WithElementRef<T, U extends HTMLElement = HTMLElement> = T & { ref?: U | null };

package/{studio/src → src}/main.ts

@@ -1,6 +1,8 @@
+import "./app.css";
+
 import { mount } from "svelte";
-import Studio from "@lobb-js/studio";
-import { extension } from "./index.ts";
+import { Studio } from "@lobb-js/studio";
+import { extension } from "./index";
 
 const app = mount(Studio, {
   target: document.getElementById("app")!,

package/{studio/tsconfig.app.json → tsconfig.app.json}

@@ -16,7 +16,12 @@
      */
     "allowJs": true,
     "checkJs": true,
-    "moduleDetection": "force"
+    "moduleDetection": "force",
+    "baseUrl": ".",
+    "paths": {
+      "$lib": ["./src/lib"],
+      "$lib/*": ["./src/lib/*"]
+    }
   },
   "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte"]
 }

package/vite.config.ts

@@ -0,0 +1,13 @@
+import { defineConfig } from "vite";
+import { svelte } from "@sveltejs/vite-plugin-svelte";
+import { lobbStudioPlugins } from "@lobb-js/studio/vite-plugins";
+import tailwindcss from "@tailwindcss/vite";
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [
+    ...lobbStudioPlugins(),
+    tailwindcss(),
+    svelte(),
+  ],
+});

package/studio/postcss.config.js

@@ -1,6 +0,0 @@
-export default {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {}
-  }
-};

package/studio/tailwind.config.ts

@@ -1,92 +0,0 @@
-import { fontFamily } from "tailwindcss/defaultTheme";
-import type { Config } from "tailwindcss";
-import tailwindcssAnimate from "tailwindcss-animate";
-
-const config: Config = {
-  darkMode: ["class"],
-  content: [
-    "./src/**/*.{html,js,svelte,ts}",
-    "../../../packages/studio/src/**/*.{html,js,svelte,ts}",
-  ],
-  safelist: ["dark"],
-  theme: {
-    container: {
-      center: true,
-      padding: "2rem",
-      screens: {
-        "2xl": "1400px",
-      },
-    },
-    extend: {
-      colors: {
-        border: "hsl(var(--border) / <alpha-value>)",
-        input: "hsl(var(--input) / <alpha-value>)",
-        ring: "hsl(var(--ring) / <alpha-value>)",
-        background: "hsl(var(--background) / <alpha-value>)",
-        foreground: "hsl(var(--foreground) / <alpha-value>)",
-        primary: {
-          DEFAULT: "hsl(var(--primary) / <alpha-value>)",
-          foreground: "hsl(var(--primary-foreground) / <alpha-value>)",
-        },
-        secondary: {
-          DEFAULT: "hsl(var(--secondary) / <alpha-value>)",
-          foreground: "hsl(var(--secondary-foreground) / <alpha-value>)",
-        },
-        destructive: {
-          DEFAULT: "hsl(var(--destructive) / <alpha-value>)",
-          foreground: "hsl(var(--destructive-foreground) / <alpha-value>)",
-        },
-        soft: {
-          DEFAULT: "hsl(var(--soft) / <alpha-value>)",
-        },
-        muted: {
-          DEFAULT: "hsl(var(--muted) / <alpha-value>)",
-          foreground: "hsl(var(--muted-foreground) / <alpha-value>)",
-        },
-        accent: {
-          DEFAULT: "hsl(var(--accent) / <alpha-value>)",
-          foreground: "hsl(var(--accent-foreground) / <alpha-value>)",
-        },
-        popover: {
-          DEFAULT: "hsl(var(--popover) / <alpha-value>)",
-          foreground: "hsl(var(--popover-foreground) / <alpha-value>)",
-        },
-        card: {
-          DEFAULT: "hsl(var(--card) / <alpha-value>)",
-          foreground: "hsl(var(--card-foreground) / <alpha-value>)",
-        },
-      },
-      borderRadius: {
-        xl: "calc(var(--radius) + 4px)",
-        lg: "var(--radius)",
-        md: "calc(var(--radius) - 2px)",
-        sm: "calc(var(--radius) - 4px)",
-      },
-      fontFamily: {
-        sans: [...fontFamily.sans],
-      },
-      keyframes: {
-        "accordion-down": {
-          from: { height: "0" },
-          to: { height: "var(--bits-accordion-content-height)" },
-        },
-        "accordion-up": {
-          from: { height: "var(--bits-accordion-content-height)" },
-          to: { height: "0" },
-        },
-        "caret-blink": {
-          "0%,70%,100%": { opacity: "1" },
-          "20%,50%": { opacity: "0" },
-        },
-      },
-      animation: {
-        "accordion-down": "accordion-down 0.2s ease-out",
-        "accordion-up": "accordion-up 0.2s ease-out",
-        "caret-blink": "caret-blink 1.25s ease-out infinite",
-      },
-    },
-  },
-  plugins: [tailwindcssAnimate],
-};
-
-export default config;

package/studio/vite.config.ts

@@ -1,13 +0,0 @@
-import { defineConfig } from "vite";
-import { svelte } from "@sveltejs/vite-plugin-svelte";
-import path from "path";
-
-// https://vite.dev/config/
-export default defineConfig({
-  plugins: [svelte()],
-  resolve: {
-    alias: {
-      $lib: path.resolve("../../../packages/studio/src/lib"),
-    },
-  },
-});