@intrig/plugin-react 0.0.1

package/src/lib/templates/logger.template.ts

@@ -0,0 +1,67 @@
+import {typescript} from "@intrig/plugin-sdk";
+import * as path from 'path'
+
+export function reactLoggerTemplate() {
+  const ts = typescript(path.resolve('src', 'logger.ts'))
+
+  return ts`
+// logger.ts
+
+import log, { LogLevelDesc } from 'loglevel';
+
+// Extend the global interfaces
+declare global {
+  interface Window {
+    setLogLevel?: (level: LogLevelDesc) => void;
+  }
+}
+
+// 1) Build-time default via Vite (if available)
+//    Cast import.meta to any to avoid TS errors if env isn't typed
+const buildDefault =
+  typeof import.meta !== 'undefined'
+    ? ((import.meta as any).env?.VITE_LOG_LEVEL as string | undefined)
+    : undefined;
+
+// 2) Stored default in localStorage
+const storedLevel =
+  typeof localStorage !== 'undefined'
+    ? (localStorage.getItem('LOG_LEVEL') as string | null)
+    : null;
+
+// Determine initial log level: build-time → stored → 'error'
+const defaultLevel: LogLevelDesc =
+  (buildDefault as LogLevelDesc) ?? (storedLevel as LogLevelDesc) ?? 'error';
+
+// Apply initial level
+log.setLevel(defaultLevel);
+
+// Expose a console setter to change level at runtime
+if (typeof window !== 'undefined') {
+  window.setLogLevel = (level: LogLevelDesc): void => {
+    log.setLevel(level);
+    try {
+      localStorage.setItem('LOG_LEVEL', String(level));
+    } catch {
+      // ignore if storage is unavailable
+    }
+    console.log(\`✏️  loglevel set to '\${level}'\`);
+  };
+}
+
+// Consistent wrapper API
+export const logger = {
+  info: (msg: unknown, meta?: unknown): void =>
+    meta ? log.info(msg, meta) : log.info(msg),
+  warn: (msg: unknown, meta?: unknown): void =>
+    meta ? log.warn(msg, meta) : log.warn(msg),
+  error: (msg: unknown, meta?: unknown): void =>
+    meta ? log.error(msg, meta) : log.error(msg),
+  debug: (msg: unknown, meta?: unknown): void =>
+    meta ? log.debug(msg, meta) : log.debug(msg),
+};
+
+export default logger;
+
+`
+}

package/src/lib/templates/media-type-utils.template.ts

@@ -0,0 +1,191 @@
+import {typescript} from "@intrig/plugin-sdk";
+import * as path from "path";
+
+export function reactMediaTypeUtilsTemplate() {
+  const ts = typescript(path.resolve("src", "media-type-utils.ts"))
+
+  return ts`
+import { ZodSchema } from 'zod';
+import { XMLParser } from 'fast-xml-parser';
+type EncodersSync = {
+  [k: string]: <T>(request: T,
+                   mediaType: string,
+                   schema: ZodSchema) => any;
+};
+
+const encoders: EncodersSync = {};
+
+export function encode<T>(request: T, mediaType: string, schema: ZodSchema) {
+  if (encoders[mediaType]) {
+    return encoders[mediaType](request, mediaType, schema);
+  }
+  return request;
+}
+
+encoders['application/json'] = (request, mediaType, schema) => {
+  return request;
+}
+
+function appendFormData(
+  formData: FormData,
+  data: any,
+  parentKey: string
+): void {
+  if (data instanceof Blob || typeof data === 'string') {
+    formData.append(parentKey, data);
+  } else if (data !== null && typeof data === 'object') {
+    if (Array.isArray(data)) {
+      data.forEach((item: any, index: number) => {
+        const key = ${"`${parentKey}`"};
+        appendFormData(formData, item, key);
+      });
+    } else {
+      Object.keys(data).forEach((key: string) => {
+        const newKey = parentKey ? ${"`${parentKey}[${key}]`"} : key;
+        appendFormData(formData, data[key], newKey);
+      });
+    }
+  } else {
+    formData.append(parentKey, data == null ? '' : String(data));
+  }
+}
+
+encoders['multipart/form-data'] = (request, mediaType, schema) => {
+  const _request = request as Record<string, any>;
+  const formData = new FormData();
+  Object.keys(_request).forEach((key: string) => {
+    appendFormData(formData, _request[key], key);
+  });
+  return formData;
+}
+
+encoders['application/octet-stream'] = (request, mediaType, schema) => {
+  return request;
+}
+
+encoders['application/x-www-form-urlencoded'] = (request, mediaType, schema) => {
+  const formData = new FormData();
+  for (const key in request) {
+    const value = request[key];
+    formData.append(key, value instanceof Blob || typeof value === 'string' ? value : String(value));
+  }
+  return formData;
+}
+
+type Transformers = {
+  [k: string]: <T>(
+    request: Request,
+    mediaType: string,
+    schema: ZodSchema
+  ) => Promise<T>;
+};
+
+const transformers: Transformers = {};
+
+export function transform<T>(
+  request: Request,
+  mediaType: string,
+  schema: ZodSchema
+): Promise<T> {
+  if (transformers[mediaType]) {
+    return transformers[mediaType](request, mediaType, schema);
+  }
+  throw new Error(\`Unsupported media type: \` + mediaType);
+}
+
+transformers['application/json'] = async (request, mediaType, schema) => {
+  return schema.parse(await request.json());
+};
+
+transformers['multipart/form-data'] = async (request, mediaType, schema) => {
+  const formData = await request.formData();
+  const content: Record<string, any> = {};
+  formData.forEach((value, key) => {
+    if (content[key]) {
+      if (!(content[key] instanceof Array)) {
+        content[key] = [content[key]];
+      }
+      content[key].push(value);
+    } else {
+      content[key] = value
+    }
+  });
+  return schema.parse(content);
+};
+
+transformers['application/octet-stream'] = async (
+  request,
+  mediaType,
+  schema
+) => {
+  return schema.parse(
+    new Blob([await request.arrayBuffer()], {
+      type: 'application/octet-stream',
+    })
+  );
+};
+
+transformers['application/x-www-form-urlencoded'] = async (
+  request,
+  mediaType,
+  schema
+) => {
+  const formData = await request.formData();
+  const content: Record<string, any> = {};
+  formData.forEach((value, key) => (content[key] = value));
+  return schema.parse(content);
+};
+
+transformers['application/xml'] = async (request, mediaType, schema) => {
+  const xmlParser = new XMLParser();
+  const content = await xmlParser.parse(await request.text());
+  return schema.parse(await content);
+};
+
+transformers['text/plain'] = async (request, mediaType, schema) => {
+  return schema.parse(await request.text());
+};
+
+transformers['text/html'] = async (request, mediaType, schema) => {
+  return schema.parse(await request.text());
+};
+
+transformers['text/css'] = async (request, mediaType, schema) => {
+  return schema.parse(await request.text());
+};
+
+transformers['text/javascript'] = async (request, mediaType, schema) => {
+  return schema.parse(await request.text());
+};
+
+type ResponseTransformers = {
+  [k: string]: <T>(
+    data: any,
+    mediaType: string,
+    schema: ZodSchema
+  ) => Promise<T>;
+};
+
+const responseTransformers: ResponseTransformers = {};
+
+responseTransformers['application/json'] = async (data, mediaType, schema) => {
+  return schema.parse(data);
+};
+
+responseTransformers['application/xml'] = async (data, mediaType, schema) => {
+  const parsed = new XMLParser().parse(data);
+  return schema.parse(parsed);
+}
+
+export async function transformResponse<T>(
+  data: any,
+  mediaType: string,
+  schema: ZodSchema
+): Promise<T> {
+  if (responseTransformers[mediaType]) {
+    return await responseTransformers[mediaType](data, mediaType, schema);
+  }
+  return data
+}
+  `
+}