@crab-dev/wake 0.1.15 → 0.1.17

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # Changelog
 
+## 0.1.17
+
+- Added AST-driven CSS parsing shared by compilation, CSS-in-JS nesting, editor diagnostics, and semantic highlighting, removing the legacy TextMate injection grammar.
+- Added Node library bundle APIs and CLI support with incremental rebuild coverage and updated documentation.
+- Added complete CI release coverage for all seven public npm packages and GitHub-only multi-platform VSIX releases.
+
+## 0.1.16
+
+- Added Node 20 CommonJS single-file bundles with atomic exact-outfile writes, host externals, declaration-ordered Node conditional exports, usable source-map results, and matching Rust/npm CLI support.
+- Automatically loaded Crab UI component CSS from package identity across `node_modules`, workspaces, and Yarn PnP virtual, unplugged, and zip layouts without runtime CSS imports.
+- Added issuer-scoped Yarn PnP dependency fallbacks for Components workbenches while preserving aliases, package-owned dependency versions, exports errors, and ambiguous virtual-locator rejection.
+- Preserved configured Demo accent colors independently from the neutral workbench theme.
+- Added a Yarn 4.16 Plug'n'Play release gate that packs all six local npm packages and verifies the Components runtime, hashed CSS link, and direct and transitive component styles.
+- Preserved ESM default and re-exported bindings in minified code-split builds while retaining correct CommonJS default and namespace interop.
+- Made dev-server startup wait for file-watcher registration and canonicalized project paths, eliminating missed immediate edits across Windows short/long path aliases while surfacing watcher initialization failures to API callers.
+
 ## 0.1.15
 
 - Preserved explicitly unset component Props, non-default Args, selected demos, and viewport state across copied URLs, refreshes, and browser navigation.

package/README.md

@@ -9,7 +9,7 @@ npx wake build
 ```
 
 ```js
-import { build, startDevServer } from '@crab-dev/wake'
+import { build, bundle, startDevServer } from '@crab-dev/wake'
 
 await build({ cwd: process.cwd() })
 
@@ -27,6 +27,25 @@ The stable API also includes in-memory `bundle()`, incremental
 and server operations accept `AbortSignal`; long-lived contexts and servers
 support explicit close methods and JavaScript disposal protocols.
 
+Node-hosted tools can request an exact CommonJS artifact without Web output:
+
+```js
+await bundle({
+  entry: 'src/extension.ts',
+  outfile: 'dist/extension.js',
+  platform: 'node',
+  format: 'cjs',
+  target: 'node20',
+  external: ['vscode'],
+})
+```
+
+`platform: 'node'` defaults to CommonJS and `node20`, so `format` and `target`
+can be omitted. `bundle()` returns a dedicated result whose `code` is always a
+string. With `sourceMap: true`, `sourceMap` is returned in memory; when
+`outfile` is present Wake also writes `<outfile>.map`, exposes
+`sourceMapFile`, and appends the matching `sourceMappingURL`.
+
 Full documentation:
 
 - [Node.js API](https://github.com/hotlif/wake/blob/canary/docs/reference/node-api.mdx)

package/bin/wake.mjs

@@ -4,9 +4,11 @@ import { readFile } from 'node:fs/promises'
 import {
   build,
   buildDocs,
+  bundle,
   startDevServer,
   startDocsDevServer,
   version,
+  WakeError,
 } from '../index.mjs'
 import { parse, tokenize } from '../experimental.mjs'
 import {
@@ -32,6 +34,9 @@ const HELP = `Wake ${version()}
 Usage:
   wake [--ui auto|tui|plain] [--no-color] <command>
   wake build [entry] [--outdir DIR] [--cache] [--sourcemap]
+  wake bundle <entry> --outfile FILE [--platform browser|node] [--format iife|cjs]
+              [--target node20] [--external PACKAGE] [--minify] [--sourcemap]
+              [--cache] [--config FILE]
   wake dev [root] [--entry FILE] [--host HOST] [--port PORT] [--open]
   wake docs build [root] [--mode site|components] [--outdir DIR] [--base PATH]
   wake docs dev [root] [--mode site|components] [--host HOST] [--port PORT] [--open]
@@ -45,15 +50,24 @@ Options:
   --format    Human or JSON output for parse/tokenize (default: auto)
 `
 
-function takeOption(args, name) {
+function takeOption(args, name, usage = false) {
   const index = args.indexOf(name)
   if (index === -1) return undefined
-  if (index + 1 >= args.length) throw new Error(`${name} requires a value`)
+  if (index + 1 >= args.length) {
+    const message = `${name} requires a value`
+    throw usage ? usageError(message) : new Error(message)
+  }
   const [value] = args.splice(index + 1, 1)
   args.splice(index, 1)
   return value
 }
 
+function usageError(message) {
+  const error = new WakeError('WAKE_CONFIG', message)
+  error.exitCode = 2
+  return error
+}
+
 function takeFlag(args, name) {
   const index = args.indexOf(name)
   if (index === -1) return false
@@ -61,6 +75,15 @@ function takeFlag(args, name) {
   return true
 }
 
+function takeOptions(args, name, usage = false) {
+  const values = []
+  for (;;) {
+    const value = takeOption(args, name, usage)
+    if (value === undefined) return values
+    values.push(value)
+  }
+}
+
 function commonOptions(args) {
   return {
     configPath: takeOption(args, '--config'),
@@ -78,6 +101,13 @@ function validateChoice(value, name, choices) {
   return value
 }
 
+function validateBundleChoice(value, name, choices) {
+  if (!choices.includes(value)) {
+    throw usageError(`${name} must be one of: ${choices.join(', ')}`)
+  }
+  return value
+}
+
 function ensureStaticMode(uiMode) {
   if (uiMode === 'tui') {
     throw new Error('--ui tui is only available for dev and docs dev')
@@ -245,6 +275,33 @@ export async function runCli(argv = process.argv.slice(2)) {
     return 0
   }
 
+  if (command === 'bundle') {
+    ensureStaticMode(uiMode)
+    const options = { configPath: takeOption(args, '--config', true) }
+    options.outfile = takeOption(args, '--outfile', true)
+    const platform = takeOption(args, '--platform', true)
+    if (platform !== undefined) {
+      options.platform = validateBundleChoice(platform, '--platform', ['browser', 'node'])
+    }
+    const format = takeOption(args, '--format', true)
+    if (format !== undefined) {
+      options.format = validateBundleChoice(format, '--format', ['iife', 'cjs'])
+    }
+    options.target = takeOption(args, '--target', true)
+    options.external = takeOptions(args, '--external', true)
+    options.minify = takeFlag(args, '--minify')
+    options.sourceMap = takeFlag(args, '--sourcemap')
+    options.cache = takeFlag(args, '--cache')
+    options.entry = args.shift()
+    if (!options.entry || !options.outfile) {
+      throw usageError('bundle requires one entry and --outfile FILE')
+    }
+    if (args.length) throw usageError(`unknown bundle arguments: ${args.join(' ')}`)
+    printLines(formatBanner(ui, 'bundle', version()))
+    printResult(ui, await bundle(options), 'Bundled')
+    return 0
+  }
+
   if (command === 'dev') {
     const options = commonOptions(args)
     options.entry = takeOption(args, '--entry')
@@ -342,5 +399,5 @@ try {
   const noColor = process.argv.includes('--no-color')
   const ui = createUi(!noColor && supportsColor())
   printLines(formatError(ui, error))
-  process.exitCode = 1
+  process.exitCode = error.exitCode || 1
 }

package/index.d.ts

@@ -39,9 +39,25 @@ export interface BuildOptions extends ProjectOptions {
   sourceMap?: boolean
 }
 
+export type BundlePlatform = 'browser' | 'node'
+export type BundleFormat = 'iife' | 'cjs'
+export type NodeTarget = `node${number}` | `node${number}.${number}`
+
+export interface BundleOptions extends ProjectOptions {
+  entry?: string
+  outfile?: string
+  platform?: BundlePlatform
+  format?: BundleFormat
+  target?: NodeTarget
+  external?: string[]
+  minify?: boolean
+  sourceMap?: boolean
+  cache?: boolean
+}
+
 export interface OutputFile {
   path: string
-  kind: 'chunk' | 'css' | 'asset' | 'html'
+  kind: 'chunk' | 'css' | 'asset' | 'html' | 'map'
   bytes: number
 }
 
@@ -57,26 +73,38 @@ export interface BuildResult {
   diagnostics: Diagnostic[]
 }
 
-export interface BundleResult extends BuildResult {
+export interface BundleResult {
+  success: true
+  moduleCount: number
+  updatedModuleCount: number
+  cachedModuleCount: number
+  durationMs: number
+  outputFile?: string
   code: string
-  outputDir?: undefined
+  sourceMap?: string
+  sourceMapFile?: string
+  files: OutputFile[]
+  diagnostics: Diagnostic[]
 }
 
 export type DocsMode = 'site' | 'components'
 
-export interface DocsRoute {
-  id: string
-  file: string
-  title: string
-  description: string
-  group: string
-  groupOrder: number
-  order: number
-  slug: string
-  status: string
-  draft: boolean
-  headings: Array<{ depth: number; title: string; id: string }>
-}
+  export interface DocsRoute {
+    id: string
+    file: string
+    title: string
+    description: string
+    kind: 'overview' | 'tutorial' | 'guide' | 'reference' | 'component'
+    group: string
+    groupId: string
+    section: string
+    sectionId: string
+    slug: string
+    status: string
+    draft: boolean
+    hidden: boolean
+    headings: Array<{ depth: number; title: string; id: string }>
+  }
 export interface DocsDemo {
   id: string
   title: string
@@ -146,7 +174,7 @@ export class DevServer extends EventEmitter {
 }
 
 export function version(): string
-export function bundle(options: BuildOptions): Promise<BundleResult>
+export function bundle(options: BundleOptions): Promise<BundleResult>
 export function build(options?: BuildOptions): Promise<BuildResult>
 export function createBuildContext(options?: BuildOptions): Promise<BuildContext>
 export function startDevServer(options?: DevServerOptions): Promise<DevServer>

package/internal/components-runtime.d.ts

@@ -0,0 +1,52 @@
+import type { ComponentType, Key, ReactNode } from 'react'
+
+export { default as Alert } from '@crab-dev/rc-alert'
+export { default as Button } from '@crab-dev/rc-button'
+export { default as Dialog } from '@crab-dev/rc-dialog'
+export { default as Drawer } from '@crab-dev/rc-drawer'
+export { default as Empty } from '@crab-dev/rc-empty'
+export { default as LineEdit } from '@crab-dev/rc-line-edit'
+export { default as NumberEdit } from '@crab-dev/rc-number-edit'
+export { default as Segmented } from '@crab-dev/rc-segmented'
+export { default as Select } from '@crab-dev/rc-select'
+export { default as Switch } from '@crab-dev/rc-switch'
+export { default as Tag } from '@crab-dev/rc-tag'
+export { default as TextEdit } from '@crab-dev/rc-text-edit'
+export { default as Tooltip } from '@crab-dev/rc-tooltip'
+
+export declare enum NodeType {
+  FOLDER = 0,
+  FILE = 1,
+}
+
+export declare enum LoadStateType {
+  UNLOADED = 0,
+  LOADING = 1,
+  LOADING_COMPLETED = 2,
+}
+
+export interface TreeNode {
+  parent: TreeNode | null
+  loadState: LoadStateType
+  type: NodeType
+  title: ReactNode
+  id: Key
+  disabled?: boolean
+  icon?: ReactNode
+  height?: number
+  priority?: number
+}
+
+export declare const Tree: ComponentType<any>
+
+export {
+  Check,
+  Code2,
+  Copy,
+  Menu,
+  Monitor,
+  Moon,
+  RotateCcw,
+  SlidersHorizontal,
+  Sun,
+} from 'lucide-react'

package/internal/components-runtime.mjs

@@ -0,0 +1,53 @@
+import Alert from '@crab-dev/rc-alert'
+import Button from '@crab-dev/rc-button'
+import Dialog from '@crab-dev/rc-dialog'
+import Drawer from '@crab-dev/rc-drawer'
+import Empty from '@crab-dev/rc-empty'
+import LineEdit from '@crab-dev/rc-line-edit'
+import NumberEdit from '@crab-dev/rc-number-edit'
+import Segmented from '@crab-dev/rc-segmented'
+import Select from '@crab-dev/rc-select'
+import Switch from '@crab-dev/rc-switch'
+import Tag from '@crab-dev/rc-tag'
+import TextEdit from '@crab-dev/rc-text-edit'
+import Tooltip from '@crab-dev/rc-tooltip'
+import Tree, { LoadStateType, NodeType } from '@crab-dev/rc-tree'
+import {
+  Check,
+  Code2,
+  Copy,
+  Menu,
+  Monitor,
+  Moon,
+  RotateCcw,
+  SlidersHorizontal,
+  Sun,
+} from 'lucide-react'
+
+export {
+  Alert,
+  Button,
+  Check,
+  Code2,
+  Copy,
+  Dialog,
+  Drawer,
+  Empty,
+  LineEdit,
+  LoadStateType,
+  Menu,
+  Monitor,
+  Moon,
+  NodeType,
+  NumberEdit,
+  RotateCcw,
+  Segmented,
+  Select,
+  SlidersHorizontal,
+  Sun,
+  Switch,
+  Tag,
+  TextEdit,
+  Tooltip,
+  Tree,
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crab-dev/wake",
-  "version": "0.1.15",
+  "version": "0.1.17",
   "description": "Wake native web build tools for Node.js",
   "license": "MIT OR Apache-2.0",
   "repository": {
@@ -22,6 +22,10 @@
       "import": "./experimental.mjs",
       "require": "./experimental.cjs"
     },
+    "./internal/components-runtime": {
+      "types": "./internal/components-runtime.d.ts",
+      "import": "./internal/components-runtime.mjs"
+    },
     "./package.json": "./package.json"
   },
   "bin": {
@@ -32,6 +36,7 @@
   },
   "files": [
     "bin",
+    "internal",
     "*.cjs",
     "*.mjs",
     "index.d.ts",
@@ -59,7 +64,7 @@
     "@crab-dev/rc-text-edit": "^0.0.1",
     "@crab-dev/rc-tooltip": "^0.0.2",
     "@crab-dev/rc-tree": "^0.1.2",
-    "@linaria/core": "^8.1.1",
+    "@crab-dev/css": "0.1.17",
     "lucide-react": "^1.23.0"
   },
   "peerDependencies": {
@@ -67,11 +72,11 @@
     "react-dom": "^19.2.8"
   },
   "optionalDependencies": {
-    "@crab-dev/wake-darwin-arm64": "0.1.15",
-    "@crab-dev/wake-darwin-x64": "0.1.15",
-    "@crab-dev/wake-linux-arm64-gnu": "0.1.15",
-    "@crab-dev/wake-linux-x64-gnu": "0.1.15",
-    "@crab-dev/wake-win32-x64-msvc": "0.1.15"
+    "@crab-dev/wake-darwin-arm64": "0.1.17",
+    "@crab-dev/wake-darwin-x64": "0.1.17",
+    "@crab-dev/wake-linux-arm64-gnu": "0.1.17",
+    "@crab-dev/wake-linux-x64-gnu": "0.1.17",
+    "@crab-dev/wake-win32-x64-msvc": "0.1.17"
   },
   "publishConfig": {
     "access": "public",