@jogak/core 0.1.0-alpha.4 → 0.1.0-alpha.6

package/dist/vite/index.mjs

@@ -1,8 +1,8 @@
-import { resolve as h, join as $, dirname as G } from "node:path";
-import { existsSync as S, readFileSync as J } from "node:fs";
-import { stat as C, rm as B, readdir as K, readFile as N } from "node:fs/promises";
-import { c as R } from "../extractor-client-CReBed7x.js";
-const W = [
+import { resolve as y, join as $, dirname as K } from "node:path";
+import { existsSync as b, readFileSync as W } from "node:fs";
+import { stat as M, rm as X, readdir as Y, readFile as L } from "node:fs/promises";
+import { c as N } from "../extractor-client-CReBed7x.js";
+const q = [
   "@jogak/core",
   "@jogak/react",
   "@jogak/web-components",
@@ -10,175 +10,202 @@ const W = [
 ];
 async function P(t) {
   try {
-    const l = await C(t);
-    if (!l.isDirectory())
-      return l.mtimeMs;
+    const n = await M(t);
+    if (!n.isDirectory())
+      return n.mtimeMs;
   } catch {
     return 0;
   }
-  let o = 0, f;
+  let r = 0, s;
   try {
-    f = await K(t);
+    s = await Y(t);
   } catch {
     return 0;
   }
-  for (const l of f) {
-    const m = $(t, l);
+  for (const n of s) {
+    const g = $(t, n);
     try {
-      const c = await C(m);
-      if (c.isDirectory()) {
-        const p = await P(m);
-        p > o && (o = p);
-      } else c.mtimeMs > o && (o = c.mtimeMs);
+      const l = await M(g);
+      if (l.isDirectory()) {
+        const p = await P(g);
+        p > r && (r = p);
+      } else l.mtimeMs > r && (r = l.mtimeMs);
     } catch {
       continue;
     }
   }
-  return o;
+  return r;
 }
-async function X(t) {
-  const o = h(t.root, "node_modules/.vite/deps");
-  if (!S(o))
+async function H(t) {
+  const r = y(t.root, "node_modules/.vite/deps");
+  if (!b(r))
     return { purged: !1 };
-  const f = $(o, "_metadata.json");
-  if (!S(f))
+  const s = $(r, "_metadata.json");
+  if (!b(s))
     return { purged: !1 };
-  let l;
+  let n;
   try {
-    l = (await C(f)).mtimeMs;
-  } catch (c) {
+    n = (await M(s)).mtimeMs;
+  } catch (l) {
     return t.logger.warn(
-      `[jogak] cache validation: failed to stat _metadata.json (${c.message})`
+      `[jogak] cache validation: failed to stat _metadata.json (${l.message})`
     ), { purged: !1 };
   }
-  const m = t.packages ?? W;
-  for (const c of m) {
-    const p = h(t.root, "node_modules", c, "dist");
-    if (!S(p)) continue;
-    let r;
+  const g = t.packages ?? q;
+  for (const l of g) {
+    const p = y(t.root, "node_modules", l, "dist");
+    if (!b(p)) continue;
+    let h;
     try {
-      r = await P(p);
-    } catch (i) {
+      h = await P(p);
+    } catch (a) {
       t.logger.warn(
-        `[jogak] cache validation: failed to walk ${c}/dist (${i.message})`
+        `[jogak] cache validation: failed to walk ${l}/dist (${a.message})`
       );
       continue;
     }
-    if (r > l + 1e3)
+    if (h > n + 1e3)
       try {
-        return await B(o, { recursive: !0, force: !0 }), t.logger.info(
-          `[jogak] vite deps cache invalidated (stale): ${c} dist newer than cache`
-        ), { purged: !0, reason: c };
-      } catch (i) {
+        return await X(r, { recursive: !0, force: !0 }), t.logger.info(
+          `[jogak] vite deps cache invalidated (stale): ${l} dist newer than cache`
+        ), { purged: !0, reason: l };
+      } catch (a) {
         return t.logger.warn(
-          `[jogak] cache validation: failed to purge ${o} (${i.message})`
+          `[jogak] cache validation: failed to purge ${r} (${a.message})`
         ), { purged: !1 };
       }
   }
   return { purged: !1 };
 }
-function Y(t) {
+const z = [
+  "src/index.css",
+  "src/main.css",
+  "src/styles.css",
+  "src/styles/globals.css",
+  "src/styles/index.css",
+  "src/app/globals.css",
+  "src/global.css",
+  "src/app.css"
+];
+function Q(t) {
+  for (const r of z) {
+    const s = y(t, r);
+    if (b(s)) return [s];
+  }
+  return [];
+}
+function Z(t, r) {
+  if (t === void 0 || t === !1) return [];
+  if (t === !0) return Q(r);
+  if (typeof t == "string")
+    return t.length > 0 ? [y(r, t)] : [];
+  const s = [];
+  for (const n of t)
+    typeof n == "string" && n.length > 0 && s.push(y(r, n));
+  return s;
+}
+function tt(t) {
   return t.replace(/\/\*[\s\S]*?\*\//g, "").replace(/^\s*\/\/.*$/gm, "");
 }
-function q(t) {
-  if (S(t))
+function et(t) {
+  if (b(t))
     try {
-      const o = J(t, "utf8");
-      return JSON.parse(Y(o));
+      const r = W(t, "utf8");
+      return JSON.parse(tt(r));
     } catch {
       return;
     }
 }
-function H(t, o, f) {
-  if (!t.endsWith("/*") || !o.endsWith("/*")) return;
-  const l = t.slice(0, -2), m = h(f, o.slice(0, -2));
-  return [l, m];
+function rt(t, r, s) {
+  if (!t.endsWith("/*") || !r.endsWith("/*")) return;
+  const n = t.slice(0, -2), g = y(s, r.slice(0, -2));
+  return [n, g];
 }
-function z(t, o) {
-  var m, c;
-  const f = {}, l = /* @__PURE__ */ new Set([
+function ot(t, r) {
+  var g, l;
+  const s = {}, n = /* @__PURE__ */ new Set([
     t,
-    h(o, "tsconfig.app.json")
+    y(r, "tsconfig.app.json")
   ]);
-  for (const p of l) {
-    const r = q(p);
-    if (r === void 0) continue;
-    const i = (m = r.compilerOptions) == null ? void 0 : m.paths;
-    if (i === void 0) continue;
-    const k = ((c = r.compilerOptions) == null ? void 0 : c.baseUrl) ?? ".", w = h(G(p), k);
-    for (const [_, T] of Object.entries(i)) {
-      const M = T[0];
-      if (M === void 0) continue;
-      const e = H(_, M, w);
-      if (e === void 0) continue;
-      const [d, a] = e;
-      f[d] === void 0 && (f[d] = a);
+  for (const p of n) {
+    const h = et(p);
+    if (h === void 0) continue;
+    const a = (g = h.compilerOptions) == null ? void 0 : g.paths;
+    if (a === void 0) continue;
+    const m = ((l = h.compilerOptions) == null ? void 0 : l.baseUrl) ?? ".", j = y(K(p), m);
+    for (const [_, C] of Object.entries(a)) {
+      const k = C[0];
+      if (k === void 0) continue;
+      const T = rt(_, k, j);
+      if (T === void 0) continue;
+      const [e, u] = T;
+      s[e] === void 0 && (s[e] = u);
     }
   }
-  return f;
+  return s;
 }
-const D = "virtual:jogak", x = "\0" + D, F = "virtual:jogak/entry/", A = "\0" + F;
-function Q(t) {
+const F = "virtual:jogak", x = "\0" + F, G = "virtual:jogak/entry/", I = "\0" + G, U = "virtual:jogak/global-css", R = "\0" + U;
+function st(t) {
   return Buffer.from(t, "utf8").toString("base64url");
 }
-function Z(t) {
+function at(t) {
   return Buffer.from(t, "base64url").toString("utf8");
 }
-function O(t) {
+function D(t) {
   return {
     title: t.title,
     jogakNamesKey: [...t.jogakNames].sort().join("|")
   };
 }
-function tt(t, o) {
-  return t !== void 0 && t.title === o.title && t.jogakNamesKey === o.jogakNamesKey;
+function nt(t, r) {
+  return t !== void 0 && t.title === r.title && t.jogakNamesKey === r.jogakNamesKey;
 }
-function it(t = {}) {
+function ft(t = {}) {
   const {
-    patterns: o = ["src/**/*.jogak.ts", "src/**/*.jogak.tsx"],
-    codeTheme: f = "vsDark"
-  } = t, l = t.cwd, m = t.tsConfigFilePath, c = t.disableCacheValidation === !0, p = t.resolveAlias;
-  let r, i, k;
-  const w = /* @__PURE__ */ new Map(), _ = /* @__PURE__ */ new Map(), T = /* @__PURE__ */ new Map();
-  async function M() {
-    const { glob: e } = await import("glob"), d = k ?? process.cwd(), a = await e(o, { cwd: d, absolute: !0 }), u = [];
-    w.clear(), _.clear();
-    for (const s of a) {
-      let y = "";
+    patterns: r = ["src/**/*.jogak.ts", "src/**/*.jogak.tsx"],
+    codeTheme: s = "vsDark"
+  } = t, n = t.cwd, g = t.tsConfigFilePath, l = t.disableCacheValidation === !0, p = t.resolveAlias, h = t.globalCss;
+  let a, m, j;
+  const _ = /* @__PURE__ */ new Map(), C = /* @__PURE__ */ new Map(), k = /* @__PURE__ */ new Map();
+  async function T() {
+    const { glob: e } = await import("glob"), u = j ?? process.cwd(), o = (await e(r, { cwd: u, absolute: !0 })).sort(), d = [];
+    _.clear(), C.clear();
+    for (const i of o) {
+      let v = "";
       try {
-        y = await N(s, "utf8");
+        v = await L(i, "utf8");
       } catch {
         continue;
       }
-      let v = {}, n = null;
-      if (i !== void 0) {
+      let w = {}, c = null;
+      if (m !== void 0) {
         try {
-          v = await i.extract(s);
+          w = await m.extract(i);
         } catch {
-          v = {};
+          w = {};
         }
         try {
-          n = await i.extractMeta(s);
+          c = await m.extractMeta(i);
         } catch {
-          n = null;
+          c = null;
         }
       }
-      if (n === null) continue;
-      const g = n.title;
-      w.set(g, s), _.set(s, g);
-      const j = {
-        id: g,
-        title: n.title,
-        jogakNames: n.jogakNames,
-        autoArgTypes: v,
-        userArgTypes: n.userArgTypes,
-        source: y,
-        filePath: s,
-        metaExtras: n.metaExtras
+      if (c === null) continue;
+      const f = c.title;
+      _.set(f, i), C.set(i, f);
+      const S = {
+        id: f,
+        title: c.title,
+        jogakNames: c.jogakNames,
+        autoArgTypes: w,
+        userArgTypes: c.userArgTypes,
+        source: v,
+        filePath: i,
+        metaExtras: c.metaExtras
       };
-      T.set(s, O(j)), u.push({ id: g, filePath: s, meta: j });
+      k.set(i, D(S)), d.push({ id: f, filePath: i, meta: S });
     }
-    return u;
+    return d;
   }
   return {
     name: "vite-plugin-jogak",
@@ -193,65 +220,76 @@ function it(t = {}) {
      * 우선순위: `options.resolveAlias` (명시) > tsconfig 자동 추출.
      */
     config() {
-      const e = l ?? process.cwd(), d = m ?? h(e, "tsconfig.json"), a = z(d, e), u = {};
+      const e = n ?? process.cwd(), u = g ?? y(e, "tsconfig.json"), o = ot(u, e), d = {};
       if (p !== void 0)
-        for (const [y, v] of Object.entries(p))
-          u[y] = h(e, v);
-      const s = { ...a, ...u };
-      if (Object.keys(s).length !== 0)
+        for (const [v, w] of Object.entries(p))
+          d[v] = y(e, w);
+      const i = { ...o, ...d };
+      if (Object.keys(i).length !== 0)
         return {
-          resolve: { alias: s }
+          resolve: { alias: i }
         };
     },
     async configResolved(e) {
-      k = l ?? e.root, e.command === "serve" && !c && await X({
+      j = n ?? e.root, e.command === "serve" && !l && await H({
         root: e.root,
         logger: {
-          info: (a) => e.logger.info(a),
-          warn: (a) => e.logger.warn(a)
+          info: (o) => e.logger.info(o),
+          warn: (o) => e.logger.warn(o)
         }
       });
-      const d = m ?? h(k, "tsconfig.json");
-      i = S(d) ? R({ tsConfigFilePath: d }) : R();
+      const u = g ?? y(j, "tsconfig.json");
+      m = b(u) ? N({ tsConfigFilePath: u }) : N();
     },
     configureServer(e) {
-      r = e;
+      a = e;
     },
     buildEnd() {
-      i == null || i.releaseCache();
+      m == null || m.releaseCache();
     },
     resolveId(e) {
-      if (e === D)
+      if (e === F)
         return x;
-      if (e.startsWith(F))
+      if (e === U)
+        return R;
+      if (e.startsWith(G))
         return "\0" + e;
     },
     async load(e) {
+      if (e === R) {
+        const u = j ?? process.cwd(), o = Z(h, u);
+        return o.length === 0 ? `// [jogak] globalCss not configured or no candidates found.
+export {}
+` : `${o.map((i) => `import ${JSON.stringify(i)}`).join(`
+`)}
+export {}
+`;
+      }
       if (e === x) {
-        const a = (await M()).map((u) => u.meta);
+        const o = (await T()).map((d) => d.meta);
         return `import { defaultRegistry } from '@jogak/core'
 
 const _entryLoader = (slug) =>
   import(/* @vite-ignore */ '/@id/__x00__virtual:jogak/entry/' + slug)
 defaultRegistry.setEntryLoader((id) => {
-  const slug = ${et()}
+  const slug = ${it()}
   return _entryLoader(slug(id))
 })
 
-const _metas = ${JSON.stringify(a)}
+const _metas = ${JSON.stringify(o)}
 
 for (const m of _metas) defaultRegistry.registerMeta(m)
 
-export const _jogakCodeTheme = ${JSON.stringify(f)}
+export const _jogakCodeTheme = ${JSON.stringify(s)}
 export const _jogakMetas = _metas
 `;
       }
-      if (e.startsWith(A)) {
-        const d = e.slice(A.length), a = Z(d);
-        let u = w.get(a);
-        return u === void 0 && (await M(), u = w.get(a)), u === void 0 ? `// [jogak] unknown entry id: ${JSON.stringify(a)}
+      if (e.startsWith(I)) {
+        const u = e.slice(I.length), o = at(u);
+        let d = _.get(o);
+        return d === void 0 && (await T(), d = _.get(o)), d === void 0 ? `// [jogak] unknown entry id: ${JSON.stringify(o)}
 export {}
-` : `import * as _user from ${JSON.stringify(u)}
+` : `import * as _user from ${JSON.stringify(d)}
 import { defaultRegistry } from '@jogak/core'
 
 const _meta = _user.default
@@ -260,7 +298,7 @@ delete _named.default
 const _jogaks = Object.values(_named).filter(
   (v) => v !== null && typeof v === 'object' && typeof v.name === 'string'
 )
-defaultRegistry.hydrateEntry(${JSON.stringify(a)}, _jogaks, _meta?.component)
+defaultRegistry.hydrateEntry(${JSON.stringify(o)}, _jogaks, _meta?.component)
 
 if (import.meta.hot) {
   import.meta.hot.accept()
@@ -270,60 +308,60 @@ export {}
 `;
       }
     },
-    async handleHotUpdate({ file: e, modules: d }) {
-      const a = /\.jogak\.(tsx?|jsx?)$/.test(e), u = /\.(tsx?|jsx?)$/.test(e) && !a;
-      if (!a && !u || r === void 0 || !a) return;
-      const s = r.moduleGraph.getModuleById(
+    async handleHotUpdate({ file: e, modules: u }) {
+      const o = /\.jogak\.(tsx?|jsx?)$/.test(e), d = /\.(tsx?|jsx?)$/.test(e) && !o;
+      if (!o && !d || a === void 0 || !o) return;
+      const i = a.moduleGraph.getModuleById(
         x
-      ), y = _.get(e), v = y !== void 0 ? A + Q(y) : void 0, n = v !== void 0 ? r.moduleGraph.getModuleById(v) : void 0;
-      let g = null, j = {}, E = "";
-      if (i !== void 0) {
+      ), v = C.get(e), w = v !== void 0 ? I + st(v) : void 0, c = w !== void 0 ? a.moduleGraph.getModuleById(w) : void 0;
+      let f = null, S = {}, A = "";
+      if (m !== void 0) {
         try {
-          g = await i.extractMeta(e);
+          f = await m.extractMeta(e);
         } catch {
-          g = null;
+          f = null;
         }
         try {
-          j = await i.extract(e);
+          S = await m.extract(e);
         } catch {
-          j = {};
+          S = {};
         }
         try {
-          E = await N(e, "utf8");
+          A = await L(e, "utf8");
         } catch {
-          E = "";
+          A = "";
         }
       }
-      if (g === null) {
-        s !== void 0 && r.moduleGraph.invalidateModule(s), n !== void 0 && r.moduleGraph.invalidateModule(n), r.ws.send({ type: "full-reload" });
+      if (f === null) {
+        i !== void 0 && a.moduleGraph.invalidateModule(i), c !== void 0 && a.moduleGraph.invalidateModule(c), a.ws.send({ type: "full-reload" });
         return;
       }
-      const I = O(g), L = T.get(e), U = tt(L, I);
-      if (T.set(e, I), !U || y === void 0) {
-        s !== void 0 && r.moduleGraph.invalidateModule(s), n !== void 0 && r.moduleGraph.invalidateModule(n), r.ws.send({ type: "full-reload" });
+      const O = D(f), V = k.get(e), B = nt(V, O);
+      if (k.set(e, O), !B || v === void 0) {
+        i !== void 0 && a.moduleGraph.invalidateModule(i), c !== void 0 && a.moduleGraph.invalidateModule(c), a.ws.send({ type: "full-reload" });
         return;
       }
-      const V = {
-        id: y,
-        title: g.title,
-        jogakNames: g.jogakNames,
-        autoArgTypes: j,
-        userArgTypes: g.userArgTypes,
-        source: E,
+      const J = {
+        id: v,
+        title: f.title,
+        jogakNames: f.jogakNames,
+        autoArgTypes: S,
+        userArgTypes: f.userArgTypes,
+        source: A,
         filePath: e,
-        metaExtras: g.metaExtras
+        metaExtras: f.metaExtras
       };
-      n !== void 0 && r.moduleGraph.invalidateModule(n), r.ws.send({
+      c !== void 0 && a.moduleGraph.invalidateModule(c), a.ws.send({
         type: "custom",
         event: "jogak:meta-update",
-        data: { id: y, meta: V }
+        data: { id: v, meta: J }
       });
-      const b = [...d];
-      return n !== void 0 && !b.includes(n) && b.push(n), b;
+      const E = [...u];
+      return c !== void 0 && !E.includes(c) && E.push(c), E;
     }
   };
 }
-function et() {
+function it() {
   return `(rawId) => {
     if (typeof Buffer !== 'undefined') return Buffer.from(rawId, 'utf8').toString('base64url')
     // 브라우저 폴백: btoa는 binary string 기준이라 UTF-8을 한번 인코딩해야 한다.
@@ -334,5 +372,5 @@ function et() {
   }`;
 }
 export {
-  it as jogak
+  ft as jogak
 };

package/dist/vite/virtual-ids.d.ts

@@ -15,5 +15,8 @@ export declare const RESOLVED_VIRTUAL_INDEX_ID: string;
 /** Entry 모듈 prefix — 뒤에 base64url(id)이 붙는다. */
 export declare const VIRTUAL_ENTRY_PREFIX = "virtual:jogak/entry/";
 export declare const RESOLVED_VIRTUAL_ENTRY_PREFIX: string;
+/** Global css 모듈 — 사용자 globalCss를 import한다 (알파.6, opt-in). */
+export declare const VIRTUAL_GLOBAL_CSS_ID = "virtual:jogak/global-css";
+export declare const RESOLVED_VIRTUAL_GLOBAL_CSS_ID: string;
 export declare function idToSlug(id: string): string;
 export declare function slugToId(slug: string): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jogak/core",
-  "version": "0.1.0-alpha.4",
+  "version": "0.1.0-alpha.6",
   "description": "Core types, registry, and Vite plugin for Jogak — a lightweight Storybook alternative.",
   "keywords": [
     "jogak",
@@ -63,6 +63,7 @@
   "devDependencies": {
     "vite": "^6.0.0",
     "vite-plugin-dts": "^4.0.0",
+    "vitest": "^2.0.0",
     "typescript": "^5.5.0",
     "@types/node": "^20.14.0"
   },
@@ -77,6 +78,8 @@
   "scripts": {
     "build": "vite build",
     "dev": "vite build --watch",
-    "typecheck": "tsc --noEmit"
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest"
   }
 }