Research
/Security News
Miasma Mini Shai-Hulud Hits ImmobiliareLabs npm Packages
Miasma Mini Shai-Hulud hits @immobiliarelabs Backstage plugins, targeting GitLab and LDAP auth packages on npm.
By Socket Research Team - Jun 26, 2026
🚀 Socket Launch Week Day 5:Introducing Repository Access Permissions and Custom Roles.Learn more →
@01.works/console
Advanced tools
@01.works/console
Usable shared branding utilities for 01.works.
Installation
pnpm add github:01-office/console
After the package is published to npm, install it with
pnpm add @01.works/console.
Usage
import { showBranding } from "@01.works/console";
showBranding();
The package does not run automatically. Call showBranding() explicitly where
you want the styled developer-console message to appear. Repeated calls from
the same module instance produce only one message.
showBranding() is SSR-safe: it does not access window and has no import-time
side effects.
API
showBranding(options?: BrandingOptions): void
Logs the 01.works branding with console.info: one log per brand — the caption,
an ASCII-art wordmark for 01.works / 01.software, then the URL right-aligned
on the line below the art. Rendered in monospace (via %c, no color) so the
right-aligned URL stays flush; the bare URL is auto-linked by the browser
console. No console groups are used.
Pass a console-compatible target when the message should use a specific logger:
showBranding({ console: customConsole });
type BrandingOptions = {
console?: Pick<Console, "group" | "groupEnd" | "info">;
};
Console styling
The package is a lightweight wrapper for styled browser-console output. The 01.works branding above is the default preset built on these primitives.
import { badge, log, segment } from "@01.works/console";
log(badge("API", { background: "#0af", color: "#fff" }), " request sent");
log(segment("hello", "color: hotpink; font-weight: 600"));
segment(text, style?)— styled text.styleis a CSS object (camelCase keys) or a raw CSS string.badge(label, style?)— a styled label with default padding/rounding.log(...parts)— emit styled parts (and plain strings) to the global console.
Level logger
import { createLogger } from "@01.works/console/logger";
const logger = createLogger();
logger.info("loaded");
logger.success("saved");
logger.error("failed", err); // extra args keep interactive inspection
createLogger(options?) accepts { console, levels } to inject a console
target and override per-level styles. Levels: info, warn, error,
success, debug.
Custom branding
import { createBranding } from "@01.works/console";
const show = createBranding({
groups: [{ label: "Website by", link: "https://acme.com" }],
});
show();
createBranding(config) returns a once-guarded, SSR-safe show() function.
showBranding() is the default 01.works instance.
React
A React entry point is available at @01.works/console/react for apps that
prefer to drop branding in declaratively. React is an optional peer dependency —
the core entry above has no React dependency.
// app/layout.tsx (Next.js App Router)
import { Branding } from "@01.works/console/react";
export default function RootLayout({ children }) {
return (
<html>
<body>
{children}
<Branding />
</body>
</html>
);
}
Branding is a renderless component (it returns null) that shows the branding
once, after mount. It ships a "use client" directive, so it works inside
Server Components without extra wrapping. SSR-safe: nothing is logged during
server rendering.
Pass groups to show custom branding instead of the 01.works default (any
console target can still be injected with console):
<Branding groups={[{ label: "Website by", link: "https://acme.com" }]} />
Both Branding and useBranding accept BrandingProps — the branding
groups plus an optional console target. With no groups, the default
01.works branding is shown once for the whole app; with groups, each mounted
component shows its configured branding once.
Prefer a hook? useBranding() does the same thing from inside your own client
component:
"use client";
import { useBranding } from "@01.works/console/react";
export function Providers({ children }) {
useBranding();
return children;
}
Both accept the same BrandingProps (branding groups plus an optional
console target).
Development
pnpm test
pnpm run typecheck
pnpm pack --dry-run
FAQs
Shared console utilities for 01.works
The npm package @01.works/console receives a total of 121 weekly downloads. As such, @01.works/console popularity was classified as not popular.
We found that @01.works/console demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Package last updated on 15 Jun 2026
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Related posts
Security News
Rolldown Pulls Rust React Compiler Integration After Binary Size Increase
Rolldown paused Rust React Compiler integration after a 5MB binary size increase raised concerns about shipping React-specific code to all Vite users.
By Sarah Gooding - Jun 26, 2026
Security News
/Research
Miasma Mini Shai-Hulud Hits LeoPlatform npm Packages and GitHub Actions, Expands to the Go Ecosystem
Mini Shai-Hulud expands into the Go ecosystem after hitting LeoPlatform npm packages and targeting GitHub Actions workflows.
By Socket Research Team - Jun 25, 2026