@fiyuu/core 0.1.0 → 0.2.0

package/src/config.js

@@ -1,58 +0,0 @@
-import { existsSync } from "node:fs";
-import { promises as fs } from "node:fs";
-import path from "node:path";
-import { pathToFileURL } from "node:url";
-export async function loadFiyuuConfig(rootDirectory, mode = "dev") {
-    const env = await loadFiyuuEnvironment(rootDirectory, mode);
-    const configPath = path.join(rootDirectory, "fiyuu.config.ts");
-    if (!existsSync(configPath)) {
-        applyEnv(env);
-        return { config: {}, env };
-    }
-    const moduleUrl = pathToFileURL(configPath).href;
-    const loaded = await import(`${moduleUrl}?t=${Date.now()}`);
-    const config = (loaded.default ?? loaded.config ?? {}) ?? {};
-    applyEnv(env);
-    return { config, env };
-}
-async function loadFiyuuEnvironment(rootDirectory, mode) {
-    const directory = path.join(rootDirectory, ".fiyuu");
-    const files = [
-        path.join(directory, "env"),
-        path.join(directory, `${mode}.env`),
-        path.join(directory, "SECRET"),
-    ];
-    const env = {};
-    for (const filePath of files) {
-        if (!existsSync(filePath)) {
-            continue;
-        }
-        const name = path.basename(filePath);
-        if (name === "SECRET") {
-            env.FIYUU_SECRET = (await fs.readFile(filePath, "utf8")).trim();
-            continue;
-        }
-        const content = await fs.readFile(filePath, "utf8");
-        for (const line of content.split(/\r?\n/)) {
-            const trimmed = line.trim();
-            if (!trimmed || trimmed.startsWith("#")) {
-                continue;
-            }
-            const separator = trimmed.indexOf("=");
-            if (separator <= 0) {
-                continue;
-            }
-            const key = trimmed.slice(0, separator).trim();
-            const value = trimmed.slice(separator + 1).trim();
-            env[key] = value;
-        }
-    }
-    return env;
-}
-function applyEnv(env) {
-    for (const [key, value] of Object.entries(env)) {
-        if (process.env[key] === undefined) {
-            process.env[key] = value;
-        }
-    }
-}

package/src/contracts.d.ts

@@ -1,176 +0,0 @@
-import { z } from "zod";
-export type AnyZodSchema = z.ZodTypeAny;
-export interface SchemaContract<TInput extends AnyZodSchema = AnyZodSchema, TOutput extends AnyZodSchema = AnyZodSchema> {
-    input: TInput;
-    output: TOutput;
-    description: string;
-}
-export interface ActionDefinition<TInput extends AnyZodSchema = AnyZodSchema, TOutput extends AnyZodSchema = AnyZodSchema> extends SchemaContract<TInput, TOutput> {
-    kind: "action";
-}
-export interface QueryDefinition<TInput extends AnyZodSchema = AnyZodSchema, TOutput extends AnyZodSchema = AnyZodSchema> extends SchemaContract<TInput, TOutput> {
-    kind: "query";
-}
-export interface QueryCacheConfig {
-    /** Cache TTL in seconds. Set to 0 to disable. */
-    ttl: number;
-    /** Cache key varies by these URL query string parameters. */
-    vary?: string[];
-}
-export interface MetaDefinition {
-    intent: string;
-    title?: string;
-    render?: RenderMode;
-    /**
-     * Mark this page as zero-JS.
-     * `fiyuu doctor` will warn if <script> tags are detected in page.tsx.
-     */
-    noJs?: boolean;
-    /**
-     * Revalidate interval in seconds for `render: "ssg"` pages.
-     * Works like ISR: stale HTML is served immediately and refreshed in background.
-     */
-    revalidate?: number;
-    seo?: {
-        title?: string;
-        description?: string;
-    };
-}
-export interface PageDefinition {
-    kind: "page";
-    intent: string;
-}
-export interface LayoutDefinition {
-    kind: "layout";
-    name?: string;
-}
-export type RenderMode = "ssr" | "csr" | "ssg";
-export interface PageProps<TData = unknown> {
-    data: TData | null;
-    route: string;
-    intent: string;
-    render: RenderMode;
-    /** Dynamic route parameters extracted from the URL, e.g. { id: "42" } for /blog/[id] */
-    params: Record<string, string>;
-}
-export interface LayoutProps {
-    children: string;
-    route: string;
-}
-export declare function defineAction<TInput extends AnyZodSchema, TOutput extends AnyZodSchema>(config: SchemaContract<TInput, TOutput>): ActionDefinition<TInput, TOutput>;
-export declare function defineQuery<TInput extends AnyZodSchema, TOutput extends AnyZodSchema>(config: SchemaContract<TInput, TOutput>): QueryDefinition<TInput, TOutput>;
-export declare function definePage(config: {
-    intent: string;
-}): PageDefinition;
-export declare function defineLayout(config?: {
-    name?: string;
-}): LayoutDefinition;
-export declare function defineMeta(config: MetaDefinition): MetaDefinition;
-/** TypeScript output type inferred from a QueryDefinition's output Zod schema. */
-export type InferQueryOutput<T extends QueryDefinition> = z.infer<T["output"]>;
-/** TypeScript input type inferred from a QueryDefinition's input Zod schema. */
-export type InferQueryInput<T extends QueryDefinition> = z.infer<T["input"]>;
-/** TypeScript input type inferred from an ActionDefinition's input Zod schema. */
-export type InferActionInput<T extends ActionDefinition> = z.infer<T["input"]>;
-/** TypeScript output type inferred from an ActionDefinition's output Zod schema. */
-export type InferActionOutput<T extends ActionDefinition> = z.infer<T["output"]>;
-/**
- * Context passed to query `execute()` functions.
- *
- * @example
- * export async function execute({ request, params }: QueryContext) {
- *   const sessionId = getSessionIdFromRequest(request as any);
- *   ...
- * }
- */
-export interface QueryContext {
-    /** Incoming HTTP request (Node.js IncomingMessage). Cast to `any` if you need raw access. */
-    request: unknown;
-    /** Dynamic URL parameters, e.g. { id: "42" } for route /blog/[id] */
-    params: Record<string, string>;
-}
-/**
- * Context passed to action `execute()` functions.
- * Pass `typeof action` as the generic to get fully typed `input`.
- *
- * @example
- * export const action = defineAction({ input: z.object({ title: z.string() }), ... });
- *
- * export async function execute({ input, request }: ActionContext<typeof action>) {
- *   // input.title is typed as string — no manual type annotation needed
- * }
- */
-export interface ActionContext<T extends ActionDefinition = ActionDefinition> {
-    /** Action input, typed from the action's Zod input schema. */
-    input: z.infer<T["input"]>;
-    /** Incoming HTTP request (Node.js IncomingMessage). Cast to `any` if you need raw access. */
-    request: unknown;
-    /** Dynamic URL parameters, e.g. { id: "42" } for route /blog/[id] */
-    params: Record<string, string>;
-}
-/**
- * Context object passed to every middleware handler.
- *
- * @example
- * export const middleware = defineMiddleware(async ({ url, request }, next) => {
- *   if (url.pathname === "/secret") { ... }
- *   await next();
- * });
- */
-export interface FiyuuMiddlewareContext {
-    /** Incoming HTTP request — Node.js `IncomingMessage`. */
-    request: unknown;
-    /** Parsed request URL. */
-    url: URL;
-    /** Mutable response headers that will be sent with the final response. */
-    responseHeaders: Record<string, string>;
-    /** Unique ID for this request (useful for logging). */
-    requestId: string;
-    /** Non-fatal warnings accumulated during request handling. */
-    warnings: string[];
-}
-/**
- * Return this from a middleware to short-circuit the request.
- *
- * @example
- * // Redirect to login
- * return {
- *   headers: { Location: "/auth" },
- *   response: { status: 302, body: "" },
- * };
- */
-export interface FiyuuMiddlewareResult {
-    /** Extra response headers to send (e.g. `Location` for redirects). */
-    headers?: Record<string, string>;
-    response?: {
-        /** HTTP status code. */
-        status?: number;
-        /** JSON body — serialised automatically. */
-        json?: unknown;
-        /** Raw string body. */
-        body?: string;
-    };
-}
-/** Call this to continue to the next middleware or the route handler. */
-export type FiyuuMiddlewareNext = () => Promise<void>;
-/**
- * A single middleware function.
- * Return `FiyuuMiddlewareResult` to short-circuit, or call `next()` to continue.
- */
-export type FiyuuMiddlewareHandler = (context: FiyuuMiddlewareContext, next: FiyuuMiddlewareNext) => Promise<FiyuuMiddlewareResult | void> | FiyuuMiddlewareResult | void;
-/**
- * Wraps your middleware function and gives it full type inference.
- * Import from `@fiyuu/core` — no need to touch `@fiyuu/runtime`.
- *
- * @example  app/middleware.ts
- * import { defineMiddleware } from "@fiyuu/core";
- *
- * export const middleware = defineMiddleware(async ({ url, request }, next) => {
- *   if (url.pathname.startsWith("/dashboard")) {
- *     const user = await getSessionUser(request);
- *     if (!user) return { headers: { Location: "/auth" }, response: { status: 302, body: "" } };
- *   }
- *   await next();
- * });
- */
-export declare function defineMiddleware(handler: FiyuuMiddlewareHandler): FiyuuMiddlewareHandler;

package/src/contracts.js

@@ -1,45 +0,0 @@
-export function defineAction(config) {
-    return {
-        kind: "action",
-        ...config,
-    };
-}
-export function defineQuery(config) {
-    return {
-        kind: "query",
-        ...config,
-    };
-}
-export function definePage(config) {
-    return {
-        kind: "page",
-        ...config,
-    };
-}
-export function defineLayout(config = {}) {
-    return {
-        kind: "layout",
-        ...config,
-    };
-}
-export function defineMeta(config) {
-    return config;
-}
-/**
- * Wraps your middleware function and gives it full type inference.
- * Import from `@fiyuu/core` — no need to touch `@fiyuu/runtime`.
- *
- * @example  app/middleware.ts
- * import { defineMiddleware } from "@fiyuu/core";
- *
- * export const middleware = defineMiddleware(async ({ url, request }, next) => {
- *   if (url.pathname.startsWith("/dashboard")) {
- *     const user = await getSessionUser(request);
- *     if (!user) return { headers: { Location: "/auth" }, response: { status: 302, body: "" } };
- *   }
- *   await next();
- * });
- */
-export function defineMiddleware(handler) {
-    return handler;
-}

package/src/generator.d.ts

@@ -1,2 +0,0 @@
-export declare function generatePageFeature(appDirectory: string, featureName: string): Promise<string[]>;
-export declare function generateActionFeature(appDirectory: string, featureName: string): Promise<string[]>;

package/src/index.js

@@ -1,11 +0,0 @@
-export * from "./contracts.js";
-export * from "./artifacts.js";
-export * from "./config.js";
-export * from "./generator.js";
-export * from "./media.js";
-export * from "./responsive.js";
-export * from "./responsive-wrapper.js";
-export * from "./scanner.js";
-export * from "./state.js";
-export * from "./virtual.js";
-export * from "./reactive.js";

package/src/media.d.ts

@@ -1,44 +0,0 @@
-export interface OptimizedImageSource {
-    srcSet: string;
-    media?: string;
-    type?: string;
-    sizes?: string;
-}
-export interface OptimizedImageProps {
-    src: string;
-    alt: string;
-    width?: number;
-    height?: number;
-    sizes?: string;
-    srcSet?: string;
-    sources?: OptimizedImageSource[];
-    loading?: "lazy" | "eager";
-    decoding?: "async" | "sync" | "auto";
-    fetchPriority?: "high" | "low" | "auto";
-    class?: string;
-    style?: string;
-    id?: string;
-}
-export interface OptimizedVideoSource {
-    src: string;
-    type?: string;
-    media?: string;
-}
-export interface OptimizedVideoProps {
-    src?: string;
-    sources?: OptimizedVideoSource[];
-    poster?: string;
-    preload?: "none" | "metadata" | "auto";
-    controls?: boolean;
-    muted?: boolean;
-    loop?: boolean;
-    autoPlay?: boolean;
-    playsInline?: boolean;
-    width?: number;
-    height?: number;
-    class?: string;
-    style?: string;
-    id?: string;
-}
-export declare function optimizedImage(props: OptimizedImageProps): string;
-export declare function optimizedVideo(props: OptimizedVideoProps): string;

package/src/media.js

@@ -1,87 +0,0 @@
-import { escapeHtml } from "./template.js";
-export function optimizedImage(props) {
-    const loading = props.loading ?? "lazy";
-    const decoding = props.decoding ?? "async";
-    const fetchPriority = props.fetchPriority ?? "auto";
-    const imageAttributes = [
-        createAttribute("src", props.src),
-        createAttribute("alt", props.alt),
-        createAttribute("loading", loading),
-        createAttribute("decoding", decoding),
-        createAttribute("fetchpriority", fetchPriority),
-        createAttribute("sizes", props.sizes),
-        createAttribute("srcset", props.srcSet),
-        createAttribute("width", props.width),
-        createAttribute("height", props.height),
-        createAttribute("class", props.class),
-        createAttribute("style", props.style),
-        createAttribute("id", props.id),
-    ]
-        .filter(Boolean)
-        .join(" ");
-    const sourceTags = (props.sources ?? [])
-        .map((source) => {
-        const attributes = [
-            createAttribute("srcset", source.srcSet),
-            createAttribute("media", source.media),
-            createAttribute("type", source.type),
-            createAttribute("sizes", source.sizes),
-        ]
-            .filter(Boolean)
-            .join(" ");
-        return `<source ${attributes}>`;
-    })
-        .join("");
-    if (sourceTags.length > 0) {
-        return `<picture>${sourceTags}<img ${imageAttributes}></picture>`;
-    }
-    return `<img ${imageAttributes}>`;
-}
-export function optimizedVideo(props) {
-    const preload = props.preload ?? "metadata";
-    const controls = props.controls ?? true;
-    const playsInline = props.playsInline ?? true;
-    const sources = props.sources && props.sources.length > 0
-        ? props.sources
-        : props.src
-            ? [{ src: props.src }]
-            : [];
-    if (sources.length === 0) {
-        throw new Error("optimizedVideo requires either `src` or `sources`.");
-    }
-    const videoAttributes = [
-        createAttribute("poster", props.poster),
-        createAttribute("preload", preload),
-        createAttribute("width", props.width),
-        createAttribute("height", props.height),
-        createAttribute("class", props.class),
-        createAttribute("style", props.style),
-        createAttribute("id", props.id),
-        controls ? "controls" : "",
-        props.muted ? "muted" : "",
-        props.loop ? "loop" : "",
-        props.autoPlay ? "autoplay" : "",
-        playsInline ? "playsinline" : "",
-    ]
-        .filter(Boolean)
-        .join(" ");
-    const sourceTags = sources
-        .map((source) => {
-        const attributes = [
-            createAttribute("src", source.src),
-            createAttribute("type", source.type),
-            createAttribute("media", source.media),
-        ]
-            .filter(Boolean)
-            .join(" ");
-        return `<source ${attributes}>`;
-    })
-        .join("");
-    return `<video ${videoAttributes}>${sourceTags}</video>`;
-}
-function createAttribute(name, value) {
-    if (value === undefined || value === null || value === "") {
-        return "";
-    }
-    return `${name}="${escapeHtml(value)}"`;
-}

package/src/reactive.d.ts

@@ -1,53 +0,0 @@
-import { type RawHtml } from "./template.js";
-export type Signal<T> = {
-    get(): T;
-    set(next: T): void;
-    subscribe(fn: () => void): () => void;
-};
-type RenderBlock = string | (() => string);
-export declare function createSignal<T>(initial: T): Signal<T>;
-export declare function when(condition: unknown, content: string | (() => string)): string;
-export type ElseBranch = {
-    kind: "Else";
-    render: () => string;
-};
-export declare function Else(content: RenderBlock): ElseBranch;
-export declare function If(input: {
-    condition: unknown;
-    then: RenderBlock;
-    else?: RenderBlock | ElseBranch;
-}): string;
-export declare function each<T>(items: T[] | readonly T[], renderItem: (item: T, index: number) => string): string;
-export declare function For<T>(input: {
-    each: readonly T[] | T[];
-    render: (item: T, index: number) => string;
-    empty?: RenderBlock;
-}): string;
-export declare function onEvent(handler: (event: Event) => void): string;
-export declare function getEventHandler(id: string): ((event: Event) => void) | undefined;
-export declare function clearEventRegistry(): void;
-export declare function mount(root: HTMLElement, render: () => string, signals?: Signal<unknown>[]): () => void;
-export declare function createFiyuuStore<T>(initialValue: T): {
-    get: () => T;
-    set: (next: T) => void;
-    subscribe: (fn: () => void) => () => void;
-};
-export declare function createFlatStore<T>(initialValue: T): {
-    get: () => T;
-    set: (next: T) => void;
-    subscribe: (fn: () => void) => () => void;
-};
-export declare function scopedStyles(name: string, css: string): {
-    scopeClass: string;
-    style: RawHtml;
-};
-export declare function island(options: {
-    id: string;
-    placeholder: string;
-    bootCode: string;
-    trigger?: "click" | "hover" | "visible";
-}): string;
-export declare function debugTag(name: string, content: string): string;
-export declare function humanDebugOverlay(): RawHtml;
-export type FiyuuStore<T> = ReturnType<typeof createFiyuuStore<T>>;
-export {};

package/src/reactive.js

@@ -1,160 +0,0 @@
-import { html, raw } from "./template.js";
-export function createSignal(initial) {
-    let value = initial;
-    const listeners = new Set();
-    return {
-        get() {
-            return value;
-        },
-        set(next) {
-            if (value === next)
-                return;
-            value = next;
-            for (const fn of listeners)
-                fn();
-        },
-        subscribe(fn) {
-            listeners.add(fn);
-            return () => listeners.delete(fn);
-        },
-    };
-}
-export function when(condition, content) {
-    if (!condition)
-        return "";
-    return typeof content === "function" ? content() : content;
-}
-export function Else(content) {
-    return {
-        kind: "Else",
-        render: () => renderBlock(content),
-    };
-}
-export function If(input) {
-    if (input.condition) {
-        return renderBlock(input.then);
-    }
-    if (!input.else) {
-        return "";
-    }
-    if (isElseBranch(input.else)) {
-        return input.else.render();
-    }
-    return renderBlock(input.else);
-}
-function isElseBranch(value) {
-    return Boolean(value &&
-        typeof value === "object" &&
-        "kind" in value &&
-        "render" in value &&
-        value.kind === "Else" &&
-        typeof value.render === "function");
-}
-function renderBlock(block) {
-    if (block == null) {
-        return "";
-    }
-    if (typeof block === "function") {
-        return block();
-    }
-    return block;
-}
-export function each(items, renderItem) {
-    if (!items || items.length === 0)
-        return "";
-    return items.map(renderItem).join("");
-}
-export function For(input) {
-    if (!input.each || input.each.length === 0) {
-        return renderBlock(input.empty);
-    }
-    return input.each.map((item, index) => input.render(item, index)).join("");
-}
-let _eventId = 0;
-const _eventRegistry = new Map();
-export function onEvent(handler) {
-    const id = `fiyuu_evt_${_eventId++}`;
-    _eventRegistry.set(id, handler);
-    return id;
-}
-export function getEventHandler(id) {
-    return _eventRegistry.get(id);
-}
-export function clearEventRegistry() {
-    _eventRegistry.clear();
-    _eventId = 0;
-}
-export function mount(root, render, signals = []) {
-    function update() {
-        root.innerHTML = render();
-        attachDeclarativeEvents(root);
-    }
-    update();
-    const unsubscribers = signals.map((s) => s.subscribe(update));
-    return () => {
-        unsubscribers.forEach((u) => u());
-        root.innerHTML = "";
-    };
-}
-function attachDeclarativeEvents(root) {
-    const elements = root.querySelectorAll("[data-fiyuu-on]");
-    for (const el of elements) {
-        const parts = el.getAttribute("data-fiyuu-on").split(":");
-        if (parts.length !== 2)
-            continue;
-        const [eventName, handlerId] = parts;
-        const handler = _eventRegistry.get(handlerId);
-        if (handler) {
-            el.addEventListener(eventName, handler);
-        }
-    }
-}
-export function createFiyuuStore(initialValue) {
-    const signal = createSignal(initialValue);
-    return {
-        get: signal.get,
-        set: signal.set,
-        subscribe: signal.subscribe,
-    };
-}
-export function createFlatStore(initialValue) {
-    return createFiyuuStore(initialValue);
-}
-let scopedStyleCounter = 0;
-function toScopeSlug(value) {
-    return value
-        .toLowerCase()
-        .replace(/[^a-z0-9]+/g, "-")
-        .replace(/^-+|-+$/g, "")
-        .slice(0, 24) || "scope";
-}
-export function scopedStyles(name, css) {
-    scopedStyleCounter += 1;
-    const scopeClass = `fx-${toScopeSlug(name)}-${scopedStyleCounter}`;
-    const scopedCss = css.replaceAll(":scope", `.${scopeClass}`);
-    return {
-        scopeClass,
-        style: raw(`<style>${scopedCss}</style>`),
-    };
-}
-function escapeSingleQuotes(value) {
-    return value.replaceAll("\\", "\\\\").replaceAll("'", "\\'");
-}
-export function island(options) {
-    const trigger = options.trigger ?? "click";
-    const safeId = escapeSingleQuotes(options.id);
-    const script = `(function(){\n  var root = document.querySelector('[data-fiyuu-island="${safeId}"]');\n  if (!root) return;\n\n  var started = false;\n\n  function start() {\n    if (started) return;\n    started = true;\n    ${options.bootCode}\n  }\n\n  if ("${trigger}" === "click") {\n    root.addEventListener("click", start, { once: true });\n    return;\n  }\n\n  if ("${trigger}" === "hover") {\n    root.addEventListener("mouseenter", start, { once: true });\n    root.addEventListener("focusin", start, { once: true });\n    return;\n  }\n\n  if (typeof window.IntersectionObserver !== "function") {\n    start();\n    return;\n  }\n\n  var observer = new IntersectionObserver(function(entries) {\n    for (var i = 0; i < entries.length; i += 1) {\n      if (!entries[i].isIntersecting) continue;\n      observer.disconnect();\n      start();\n      break;\n    }\n  }, { rootMargin: "220px" });\n\n  observer.observe(root);\n})();`;
-    return html `
-    <section data-fiyuu-island="${options.id}">
-      ${raw(options.placeholder)}
-    </section>
-    <script>${raw(script)}</script>
-  `;
-}
-export function debugTag(name, content) {
-    return html `<section data-fiyuu-debug-tag="${name}">${raw(content)}</section>`;
-}
-export function humanDebugOverlay() {
-    const script = `(function() {\n  var lastTag = "unknown";\n\n  function findTag(target) {\n    if (!target || !target.closest) return null;\n    var tagged = target.closest("[data-fiyuu-debug-tag]");\n    if (!tagged) return null;\n    return tagged.getAttribute("data-fiyuu-debug-tag");\n  }\n\n  document.addEventListener("pointerdown", function(event) {\n    var tag = findTag(event.target);\n    if (tag) lastTag = tag;\n  }, true);\n\n  document.addEventListener("focusin", function(event) {\n    var tag = findTag(event.target);\n    if (tag) lastTag = tag;\n  }, true);\n\n  function inferHint(message) {\n    var text = String(message || "").toLowerCase();\n    if (text.includes("undefined") || text.includes("null")) {\n      return "Eksik null/undefined kontrolu var. Verinin geldigi yeri kontrol et.";\n    }\n    if (text.includes("is not a function")) {\n      return "Fonksiyon yerine farkli bir tip geciyor. Cagrilan methodu dogrula.";\n    }\n    if (text.includes("json")) {\n      return "Beklenen veri formati ile gelen cevap uyusmuyor. Query/action ciktisini kontrol et.";\n    }\n    return "Kosul bloklarinda beklenmeyen bir durum olabilir. Son degisen bolumu kontrol et.";\n  }\n\n  function getPanel() {\n    var panel = document.getElementById("fiyuu-human-debug");\n    if (panel) return panel;\n\n    panel = document.createElement("aside");\n    panel.id = "fiyuu-human-debug";\n    panel.style.position = "fixed";\n    panel.style.right = "16px";\n    panel.style.bottom = "16px";\n    panel.style.maxWidth = "min(92vw, 480px)";\n    panel.style.padding = "12px 14px";\n    panel.style.borderRadius = "10px";\n    panel.style.border = "1px solid #fecaca";\n    panel.style.background = "#fff1f2";\n    panel.style.color = "#7f1d1d";\n    panel.style.fontFamily = "ui-monospace, SFMono-Regular, Menlo, monospace";\n    panel.style.fontSize = "12px";\n    panel.style.lineHeight = "1.45";\n    panel.style.whiteSpace = "pre-line";\n    panel.style.zIndex = "99999";\n    panel.style.boxShadow = "0 10px 28px rgba(0,0,0,0.12)";\n    document.body.appendChild(panel);\n    return panel;\n  }\n\n  if (!window.fiyuu || typeof window.fiyuu.onError !== "function") {\n    return;\n  }\n\n  window.fiyuu.onError(function(detail) {\n    var source = detail && detail.source ? detail.source : "unknown file";\n    var line = detail && detail.line ? ":" + detail.line : "";\n    var message = detail && detail.message ? detail.message : "Unknown runtime error";\n    var hint = inferHint(message);\n    var tag = lastTag;\n    var activeElement = document.activeElement;\n\n    if (tag === "unknown" && activeElement && activeElement.tagName) {\n      tag = activeElement.tagName.toLowerCase();\n    }\n\n    var panel = getPanel();\n    panel.textContent = [\n      "Insancil Hata Analizi",\n      "Mesaj: " + message,\n      "Dosya: " + source + line,\n      "Etiket/Bolum: " + tag,\n      "Ihtimal: " + hint,\n    ].join("\\n");\n  });\n})();`;
-    return raw(`<script>${script}</script>`);
-}

package/src/responsive-wrapper.d.ts

@@ -1,18 +0,0 @@
-export type BreakpointPreset = "mobile-first" | "desktop-first" | "full-width" | "article" | "card" | "dashboard" | "narrow";
-export type PreviewDevice = "phone" | "tablet" | "watch" | "desktop";
-export type PreviewMode = "mobile" | "desktop" | "both";
-export interface ResponsiveWrapperOptions {
-    content: string;
-    class?: string;
-    style?: string;
-    maxWidth?: number;
-    padding?: "none" | "sm" | "md" | "lg" | "xl" | string;
-    previewEnabled?: boolean;
-    previewLabel?: string;
-    id?: string;
-    preset?: BreakpointPreset;
-    /** Default preview mode */
-    defaultPreviewMode?: PreviewMode;
-}
-export declare function responsiveWrapper(options: ResponsiveWrapperOptions): string;
-export declare function responsiveWrapperScript(): string;

package/src/responsive.d.ts

@@ -1,15 +0,0 @@
-export declare const BREAKPOINTS: {
-    readonly xs: 480;
-    readonly sm: 640;
-    readonly md: 768;
-    readonly lg: 1024;
-    readonly xl: 1280;
-    readonly "2xl": 1536;
-};
-export type BreakpointName = keyof typeof BREAKPOINTS;
-export declare function mediaUp(name: BreakpointName, css: string): string;
-export declare function mediaDown(name: BreakpointName, css: string): string;
-export declare function mediaBetween(min: BreakpointName, max: BreakpointName, css: string): string;
-export declare function fluid(minSizePx: number, maxSizePx: number, minViewportPx?: number, maxViewportPx?: number): string;
-export declare function responsiveSizes(config: Partial<Record<BreakpointName, string>>, fallback?: string): string;
-export declare function responsiveStyle(selector: string, baseCss: string, overrides: Partial<Record<BreakpointName, string>>): string;