dslinter 0.1.2 → 0.1.4

package/src/playground/playgroundJoin.ts

@@ -10,15 +10,44 @@ export type PlaygroundJoinSkip = {
   reason: PlaygroundJoinSkipReason;
 };
 
+const DEFAULT_CONSUMER_STRIP_PREFIXES = ["src/", "resources/js/"] as const;
+
+/**
+ * Build `globKeyFromRelPath` for a registry file one level below a source root
+ * (e.g. `src/playground/` or `resources/js/playground/`).
+ */
+export function createConsumerGlobKeyFromRelPath(
+  options: {
+    /** Path prefixes removed from report `rel_path` before prepending `relativePrefix`. */
+    stripPrefixes?: readonly string[];
+    /** Prepended to the stripped path (default `../`). */
+    relativePrefix?: string;
+  } = {},
+): (relPath: string) => string {
+  const stripPrefixes = options.stripPrefixes ?? DEFAULT_CONSUMER_STRIP_PREFIXES;
+  const relativePrefix = options.relativePrefix ?? "../";
+  return (relPath: string) => {
+    let trimmed = relPath.replace(/^\/+/, "");
+    for (const prefix of stripPrefixes) {
+      if (trimmed.startsWith(prefix)) {
+        trimmed = trimmed.slice(prefix.length);
+        break;
+      }
+    }
+    return `${relativePrefix}${trimmed}`;
+  };
+}
+
 /**
  * Maps report `rel_path` to a Vite `import.meta.glob` key when the registry lives in
- * `src/playground/` and components live under `src/components/`.
+ * `src/playground/` or `resources/js/playground/` next to your components.
  *
- * Example: `src/components/ui/button.tsx` → `../components/ui/button.tsx`
+ * Examples:
+ * - `src/components/ui/button.tsx` → `../components/ui/button.tsx`
+ * - `resources/js/Components/Icons/Activity.tsx` → `../Components/Icons/Activity.tsx`
  */
 export function defaultConsumerGlobKeyFromRelPath(relPath: string): string {
-  const trimmed = relPath.replace(/^\/+/, "").replace(/^src\//, "");
-  return `../${trimmed}`;
+  return createConsumerGlobKeyFromRelPath()(relPath);
 }
 
 export function defaultEmbedGlobKeyFromRelPath(relPath: string): string {

package/src/shell/DashboardLayout.tsx

@@ -10,7 +10,7 @@ import {
 import type { PlaygroundEntry } from "../types/playground";
 import type { TokenCatalog } from "../types/tokenCatalog";
 import type { DslinterReportState } from "../dashboard/useWorkspaceReport";
-import { Button } from "@/components/ui/button";
+import { Button } from "../components/ui/button";
 import { cn } from "../lib/utils";
 import { ComponentInspectPane } from "../components/ComponentInspectPane";
 import { ComponentPlaygroundPane } from "../components/ComponentPlaygroundPane";

package/templates/playground/buildRegistry.laravel.ts

@@ -0,0 +1,26 @@
+import type { PlaygroundEntry, WorkspaceReport } from "dslinter";
+import { createPlaygroundRegistry } from "dslinter";
+
+/**
+ * Registry lives in `resources/js/playground/`.
+ * Glob is relative to this file — covers Inertia/React components under `resources/js/`.
+ */
+const modules = import.meta.glob("../**/*.{tsx,jsx}", {
+  eager: true,
+}) as Record<string, Record<string, unknown>>;
+
+const buildWithSkips = createPlaygroundRegistry(modules, {
+  stripPrefixes: ["resources/js/", "src/"],
+});
+
+export function buildPlaygroundEntries(
+  report: WorkspaceReport | null | undefined,
+): PlaygroundEntry[] {
+  return buildWithSkips(report).entries;
+}
+
+export function getPlaygroundJoinSkips(
+  report: WorkspaceReport | null | undefined,
+) {
+  return buildWithSkips(report).skipped;
+}

package/templates/vite.dslint-scan-alias.snippet.ts

@@ -0,0 +1,14 @@
+// Add to vite.config.ts when using @dslint-scan embed-style glob in App:
+//
+//   import path from "node:path";
+//   const scanRoot = path.resolve(process.env.DSLINT_SCAN_ROOT ?? ".");
+//
+//   resolve: { alias: { "@dslint-scan": scanRoot } },
+//   server: { fs: { allow: [scanRoot] } },
+//
+// App — glob every .tsx/.jsx under @dslint-scan (use ** recursive glob in import.meta.glob).
+//   buildPlaygroundEntriesFromReport(report, modules);
+//
+// Prefer: npx dslinter init --laravel (relative glob) for Inertia resources/js layouts.
+
+export {};

package/templates/vite.dslinter.snippet.ts

@@ -1,9 +1,11 @@
 /**
- * Add to your existing `vite.config.ts` when using `npx dslinter` dev mode.
- * Adjust paths if your app layout differs from `src/` + `public/dslint-report.json`.
+ * Merge into your existing `vite.config.ts` when using `npx dslinter` dev mode.
+ *
+ * Published dslinter source uses relative imports only — your app's `@/*` alias
+ * (e.g. Laravel `@/*` → `resources/js/*`) does not need remapping for package UI.
+ *
+ * Adjust proxy paths if your report is not served from the Vite dev server root.
  */
-import path from "node:path";
-
 const DSLINT_SERVE_PORT = Number(process.env.DSLINT_SERVE_PORT ?? "7878");
 
 // Inside defineConfig(({ mode }) => ({ ... })):
@@ -11,6 +13,10 @@ export const dslinterViteSnippet = {
   resolve: {
     dedupe: ["react", "react-dom"],
   },
+  optimizeDeps: {
+    /** Source-first package: transpile from node_modules instead of pre-bundling. */
+    exclude: ["dslinter"],
+  },
   server: {
     proxy:
       // mode === "serve" when started via `npx dslinter` (not plain `vite`)