@jant/core 0.2.0 → 0.2.2

package/dist/client.d.ts

@@ -1,6 +1,7 @@
 /**
  * Client-side JavaScript entry point
- * Includes all interactive components from basecoat-css
+ *
+ * Pure JS/TS exports only. CSS is handled via preset.css.
  */
 import "basecoat-css/all";
 //# sourceMappingURL=client.d.ts.map

package/dist/client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../src/client.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,kBAAkB,CAAC"}
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../src/client.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,kBAAkB,CAAC"}

package/dist/client.js

@@ -1,4 +1,6 @@
 /**
  * Client-side JavaScript entry point
- * Includes all interactive components from basecoat-css
- */ import "basecoat-css/all";
+ *
+ * Pure JS/TS exports only. CSS is handled via preset.css.
+ */ // BaseCoat interactive components (dialogs, dropdowns, etc.)
+import "basecoat-css/all";

package/dist/lib/assets.d.ts

@@ -1,10 +1,11 @@
 /**
  * Asset paths for SSR
  *
- * Development: Uses source paths served by Vite dev server
- * Production: Uses paths that get patched at build time with actual hashes
+ * Development: Paths injected via vite.config.ts `define`
+ * Production: Paths replaced at build time with hashed filenames from manifest
  */
 interface Assets {
+    /** CSS path (prevents FOUC in dev, hashed in prod) */
     styles: string;
     client: string;
     datastar: string;

package/dist/lib/assets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"assets.d.ts","sourceRoot":"","sources":["../../src/lib/assets.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,UAAU,MAAM;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;CACxB;AAmBD;;GAEG;AACH,wBAAgB,SAAS,IAAI,MAAM,CASlC;AAGD,eAAO,MAAM,MAAM,QAAc,CAAC"}
+{"version":3,"file":"assets.d.ts","sourceRoot":"","sources":["../../src/lib/assets.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,UAAU,MAAM;IACd,sDAAsD;IACtD,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;CACxB;AAgBD;;GAEG;AACH,wBAAgB,SAAS,IAAI,MAAM,CAelC;AAGD,eAAO,MAAM,MAAM,QAAc,CAAC"}

package/dist/lib/assets.js

@@ -1,17 +1,9 @@
 /**
  * Asset paths for SSR
  *
- * Development: Uses source paths served by Vite dev server
- * Production: Uses paths that get patched at build time with actual hashes
- */ // Development paths - use source files for HMR
-const DEV_ASSETS = {
-    styles: "/node_modules/@jant/core/src/theme/styles/main.css",
-    client: "/node_modules/@jant/core/src/client.ts",
-    datastar: "/node_modules/@jant/core/static/assets/datastar.min.js",
-    imageProcessor: "/node_modules/@jant/core/static/assets/image-processor.js"
-};
-// Production paths - these unique placeholders get replaced at build time
-// Format: __JANT_ASSET_<NAME>__ to avoid accidental matches
+ * Development: Paths injected via vite.config.ts `define`
+ * Production: Paths replaced at build time with hashed filenames from manifest
+ */ // Production paths - replaced at build time
 const PROD_ASSETS = {
     styles: "__JANT_ASSET_STYLES__",
     client: "__JANT_ASSET_CLIENT__",
@@ -22,8 +14,14 @@ const PROD_ASSETS = {
  * Get assets based on environment
  */ export function getAssets() {
     try {
-        // import.meta.env is injected by Vite
-        if (import.meta.env?.DEV) return DEV_ASSETS;
+        if (import.meta.env?.DEV) {
+            return {
+                styles: __JANT_DEV_STYLES__,
+                client: __JANT_DEV_CLIENT__,
+                datastar: __JANT_DEV_DATASTAR__,
+                imageProcessor: __JANT_DEV_IMAGE_PROCESSOR__
+            };
+        }
     } catch  {
     // import.meta.env may not exist in all environments
     }

package/dist/theme/layouts/BaseLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseLayout.d.ts","sourceRoot":"","sources":["../../../src/theme/layouts/BaseLayout.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AACtD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAIpC,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,CAAC,CAAC,EAAE,OAAO,CAAC;CACb;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,iBAAiB,CAAC,eAAe,CAAC,CA6B7D,CAAC"}
+{"version":3,"file":"BaseLayout.d.ts","sourceRoot":"","sources":["../../../src/theme/layouts/BaseLayout.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AACtD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAIpC,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,CAAC,CAAC,EAAE,OAAO,CAAC;CACb;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,iBAAiB,CAAC,eAAe,CAAC,CA8B7D,CAAC"}

package/dist/theme/layouts/BaseLayout.js

@@ -33,7 +33,7 @@ export const BaseLayout = ({ title, description, lang = "en", c, children })=>{
                         name: "description",
                         content: description
                     }),
-                    /*#__PURE__*/ _jsx("link", {
+                    assets.styles && /*#__PURE__*/ _jsx("link", {
                         rel: "stylesheet",
                         href: assets.styles
                     }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jant/core",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "A modern, open-source microblogging platform built on Cloudflare Workers",
   "type": "module",
   "bin": {
@@ -15,26 +15,24 @@
       "types": "./dist/theme/index.d.ts",
       "default": "./dist/theme/index.js"
     },
-    "./theme/*": {
-      "types": "./dist/theme/*.d.ts",
-      "default": "./dist/theme/*.js"
-    },
-    "./dist/*": "./dist/*",
-    "./static/*": "./static/*",
-    "./migrations/*": "./migrations/*"
+    "./preset.css": "./src/preset.css",
+    "./client": "./src/client.ts",
+    "./*": "./*"
   },
   "files": [
     "bin",
     "dist",
     "static",
-    "migrations"
+    "migrations",
+    "src/preset.css",
+    "src/styles",
+    "src/client.ts"
   ],
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
     "@lingui/core": "^5.9.0",
-    "basecoat-css": "^0.3.10",
     "better-auth": "^1.4.18",
     "drizzle-orm": "^0.45.1",
     "hono": "^4.11.7",
@@ -43,7 +41,12 @@
     "uuidv7": "^1.1.0",
     "zod": "^4.3.6"
   },
+  "peerDependencies": {
+    "basecoat-css": "^0.3.0",
+    "tailwindcss": "^4.0.0"
+  },
   "devDependencies": {
+    "basecoat-css": "^0.3.10",
     "@cloudflare/vite-plugin": "^1.22.1",
     "@cloudflare/workers-types": "^4.20260131.0",
     "@eslint/js": "^9.39.2",
@@ -52,7 +55,6 @@
     "@lingui/swc-plugin": "^5.10.1",
     "@swc/cli": "^0.6.0",
     "@swc/core": "^1.15.11",
-    "@tailwindcss/cli": "^4.1.18",
     "@tailwindcss/postcss": "^4.1.18",
     "@types/node": "^25.1.0",
     "@typescript-eslint/eslint-plugin": "^8.54.0",
@@ -100,9 +102,8 @@
     "dev": "pnpm db:migrate:local && vite dev",
     "dev:debug": "pnpm db:migrate:local && vite dev --port 19019",
     "build": "vite build",
-    "build:lib": "swc src -d dist --strip-leading-paths && pnpm build:types && pnpm build:css",
+    "build:lib": "swc src -d dist --strip-leading-paths && pnpm build:types",
     "build:types": "tsc -p tsconfig.build.json",
-    "build:css": "tailwindcss -i src/theme/styles/main.css -o dist/theme/styles/main.css --minify",
     "deploy": "pnpm build && wrangler deploy",
     "preview": "vite preview",
     "typecheck": "tsc --noEmit",

package/src/client.ts

@@ -0,0 +1,8 @@
+/**
+ * Client-side JavaScript entry point
+ *
+ * Pure JS/TS exports only. CSS is handled via preset.css.
+ */
+
+// BaseCoat interactive components (dialogs, dropdowns, etc.)
+import "basecoat-css/all";

package/src/preset.css

@@ -0,0 +1,22 @@
+/**
+ * Jant Core Preset
+ *
+ * Encapsulates internal dependencies, component styles, and source paths.
+ * Users import this AFTER initializing Tailwind in their CSS entry.
+ */
+
+/* 1. Internal dependencies */
+@import "basecoat-css";
+
+/* 2. Component styles (badges, utilities) */
+@import "./styles/components.css";
+
+/* 3. Source paths for Tailwind class scanning
+   Paths are relative to this file (src/).
+   Scans all TSX components for Tailwind classes. */
+@source "./**/*.{ts,tsx}";
+
+/* 4. Default theme variables */
+@theme {
+  --radius-default: 0.5rem;
+}

package/src/styles/components.css

@@ -0,0 +1,47 @@
+/**
+ * @jant/core component styles
+ *
+ * These use Tailwind's @layer and @apply, so they must be imported
+ * AFTER Tailwind is initialized in the user's CSS entry.
+ */
+
+/* Custom utilities */
+@layer utilities {
+  .container {
+    @apply mx-auto max-w-2xl px-4;
+  }
+}
+
+/* Badge components */
+@layer components {
+  .badge {
+    @apply inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium;
+    background-color: var(--color-secondary);
+    color: var(--color-secondary-foreground);
+  }
+
+  .badge-primary {
+    @apply inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium;
+    background-color: var(--color-primary);
+    color: var(--color-primary-foreground);
+  }
+
+  .badge-secondary {
+    @apply inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium;
+    background-color: var(--color-secondary);
+    color: var(--color-secondary-foreground);
+  }
+
+  .badge-outline {
+    @apply inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium;
+    @apply border bg-transparent;
+    border-color: var(--color-border);
+    color: var(--color-foreground);
+  }
+
+  .badge-destructive {
+    @apply inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium;
+    background-color: var(--color-destructive);
+    color: white;
+  }
+}