@devframes/hub-ui 0.9.0-beta.1

package/dist/index.mjs

@@ -0,0 +1,43 @@
+import { existsSync } from "node:fs";
+import { join } from "node:path";
+import { fileURLToPath } from "node:url";
+//#region src/index.ts
+/**
+* The built client assets live next to the built entry (`dist/index.mjs` →
+* `dist/client/`). When this module runs from source instead (tests and
+* playgrounds resolving the workspace alias), fall back to the package's
+* `dist/client/` — the assets are build artifacts either way.
+*/
+function clientDir() {
+	const here = fileURLToPath(new URL(".", import.meta.url));
+	const sibling = join(here, "client");
+	if (existsSync(join(sibling, "embedded.js"))) return sibling;
+	return join(here, "../dist/client");
+}
+/**
+* The reference implementation of the hub's {@link DevframeHubUi} slot —
+* prebuilt from this package's web components (the floating `DockEmbedded`
+* bootstrap and the standalone `DockStandalone` viewer), styled with the
+* shared devframe design system.
+*
+* ```ts
+* import { initHub } from '@devframes/hub/initiate'
+* import { createUi } from '@devframes/hub-ui'
+*
+* const hub = initHub({ devframes: [git, terminals], ui: createUi() })
+* ```
+*
+* The hub stays headless either way — this object is one implementation of
+* the slot; a viewer product (or your own) supplies a different one to the
+* same option and reuses all the infrastructure.
+*/
+function createUi(options = {}) {
+	const client = clientDir();
+	return {
+		...options.viewer !== false ? { viewer: { distDir: join(client, "standalone") } } : {},
+		...options.embedded !== false ? { embedded: { entry: join(client, "embedded.js") } } : {},
+		...options.branding ? { assets: { "branding.json": () => JSON.stringify(options.branding) } } : {}
+	};
+}
+//#endregion
+export { createUi };

package/package.json

@@ -0,0 +1,70 @@
+{
+  "name": "@devframes/hub-ui",
+  "type": "module",
+  "version": "0.9.0-beta.1",
+  "description": "Reference UI for the devframe hub, providing the floating dock and standalone viewer.",
+  "author": "Anthony Fu <anthonyfu117@hotmail.com>",
+  "license": "MIT",
+  "homepage": "https://github.com/devframes/devframe#readme",
+  "repository": {
+    "directory": "packages/hub-ui",
+    "type": "git",
+    "url": "git+https://github.com/devframes/devframe.git"
+  },
+  "bugs": "https://github.com/devframes/devframe/issues",
+  "keywords": [
+    "devtools",
+    "devframe",
+    "hub",
+    "dock",
+    "ui"
+  ],
+  "sideEffects": false,
+  "exports": {
+    ".": "./dist/index.mjs",
+    "./package.json": "./package.json"
+  },
+  "types": "./dist/index.d.mts",
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "@devframes/json-render": "0.9.0-beta.1",
+    "@devframes/hub": "0.9.0-beta.1",
+    "devframe": "0.9.0-beta.1"
+  },
+  "devDependencies": {
+    "@antfu/design": "^0.3.4",
+    "@iconify-json/ph": "^1.2.2",
+    "@storybook/addon-docs": "^10.5.7",
+    "@storybook/vue3-vite": "^10.5.7",
+    "@types/node": "^26.2.0",
+    "@unocss/reset": "^66.7.5",
+    "@vitejs/plugin-vue": "^6.0.8",
+    "@vueuse/core": "^14.4.0",
+    "dompurify": "^3.4.13",
+    "fuse.js": "^7.5.0",
+    "iframe-pane": "^1.1.0",
+    "magic-string": "^1.1.1",
+    "storybook": "^10.5.7",
+    "tinyglobby": "^0.2.17",
+    "tsdown": "^0.22.14",
+    "tsx": "^4.23.12",
+    "unocss": "^66.7.5",
+    "vite": "^8.2.1",
+    "vue": "^3.5.41",
+    "devframe": "0.9.0-beta.1",
+    "@devframes/hub": "0.9.0-beta.1",
+    "@devframes/json-render": "0.9.0-beta.1"
+  },
+  "scripts": {
+    "build": "pnpm run build:css && pnpm run build:node && pnpm run build:embedded && pnpm run build:standalone",
+    "build:css": "tsx scripts/build-css.ts",
+    "build:node": "tsdown",
+    "build:embedded": "vite build --config vite.embedded.config.ts",
+    "build:standalone": "vite build --config src/client/standalone/vite.config.ts",
+    "typecheck": "tsc --noEmit",
+    "storybook": "storybook dev -p 6014",
+    "build-storybook": "storybook build"
+  }
+}