@tern-secure/nextjs 3.0.7 → 3.0.9

package/dist/utils/create-styles.js

@@ -0,0 +1,125 @@
+"use client";
+
+// src/utils/create-styles.ts
+var PREFIX = "tern";
+var styleInjection = {
+  isInjected: false,
+  styleElement: null
+};
+var defaultClassNames = {
+  container: `${PREFIX}-container`,
+  header: `${PREFIX}-header`,
+  title: `${PREFIX}-title`,
+  formWrapper: `${PREFIX}-formWrapper`,
+  formContainer: `${PREFIX}-formContainer`,
+  form: `${PREFIX}-form`,
+  label: `${PREFIX}-label`,
+  input: `${PREFIX}-input`,
+  button: `${PREFIX}-button`,
+  error: `${PREFIX}-error`
+};
+function createStyleSheet(styles2) {
+  if (typeof window === "undefined") return defaultClassNames;
+  if (styleInjection.isInjected) {
+    return defaultClassNames;
+  }
+  let styleElement = document.querySelector("[data-tern-secure]");
+  if (!styleElement) {
+    styleElement = document.createElement("style");
+    styleElement.setAttribute("data-tern-secure", "");
+    document.head.appendChild(styleElement);
+    styleInjection.styleElement = styleElement;
+  }
+  const cssRules = Object.entries(styles2).map(([key, rules]) => {
+    const className = defaultClassNames[key];
+    const cssProperties = Object.entries(rules).map(([prop, value]) => {
+      const cssProperty = prop.replace(/([A-Z])/g, "-$1").toLowerCase();
+      return `${cssProperty}: ${value};`;
+    }).join(" ");
+    return `.${className} { ${cssProperties} }`;
+  }).join("\n");
+  styleElement.textContent = cssRules;
+  styleInjection.isInjected = true;
+  return defaultClassNames;
+}
+var styleConfig = {
+  container: {
+    display: "flex",
+    minHeight: "100%",
+    flex: "1",
+    flexDirection: "column",
+    justifyContent: "center",
+    padding: "3rem 1.5rem"
+  },
+  header: {
+    margin: "0 auto",
+    width: "100%",
+    maxWidth: "28rem"
+  },
+  title: {
+    marginTop: "1.5rem",
+    textAlign: "center",
+    fontSize: "1.875rem",
+    fontWeight: "700",
+    lineHeight: "2.25rem",
+    letterSpacing: "-0.025em",
+    color: "var(--tern-text-primary, #111827)"
+  },
+  formWrapper: {
+    marginTop: "2.5rem",
+    margin: "0 auto",
+    width: "100%",
+    maxWidth: "30rem"
+  },
+  formContainer: {
+    padding: "3rem 1.5rem",
+    boxShadow: "0 1px 3px 0 rgb(0 0 0 / 0.1)",
+    borderRadius: "0.5rem",
+    backgroundColor: "var(--tern-background, white)"
+  },
+  form: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "1rem"
+  },
+  label: {
+    display: "block",
+    fontSize: "0.875rem",
+    fontWeight: "500",
+    color: "var(--tern-text-secondary, #374151)"
+  },
+  input: {
+    marginTop: "0.25rem",
+    display: "block",
+    width: "100%",
+    padding: "0.5rem 0.75rem",
+    borderRadius: "0.375rem",
+    border: "1px solid var(--tern-border, #D1D5DB)",
+    backgroundColor: "var(--tern-input-background, white)",
+    color: "var(--tern-text-primary, #111827)"
+  },
+  button: {
+    display: "flex",
+    width: "100%",
+    justifyContent: "center",
+    padding: "0.5rem 1rem",
+    fontSize: "0.875rem",
+    fontWeight: "500",
+    color: "white",
+    backgroundColor: "var(--tern-primary, #2563EB)",
+    border: "none",
+    borderRadius: "0.375rem",
+    cursor: "pointer"
+  },
+  error: {
+    color: "var(--tern-error, #DC2626)",
+    fontSize: "0.875rem"
+  }
+};
+var styles = createStyleSheet(styleConfig);
+export {
+  defaultClassNames,
+  styleConfig,
+  styles
+};
+//# sourceMappingURL=create-styles.js.map

package/dist/utils/create-styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/utils/create-styles.ts"],
+  "sourcesContent": ["'use client'\r\n\r\nconst PREFIX = 'tern'\r\n\r\n// Singleton to track style injection\r\nconst styleInjection = {\r\n  isInjected: false,\r\n  styleElement: null as HTMLStyleElement | null\r\n}\r\n\r\nexport const defaultClassNames = {\r\n  container: `${PREFIX}-container`,\r\n  header: `${PREFIX}-header`,\r\n  title: `${PREFIX}-title`,\r\n  formWrapper: `${PREFIX}-formWrapper`,\r\n  formContainer: `${PREFIX}-formContainer`,\r\n  form: `${PREFIX}-form`,\r\n  label: `${PREFIX}-label`,\r\n  input: `${PREFIX}-input`,\r\n  button: `${PREFIX}-button`,\r\n  error: `${PREFIX}-error`\r\n} as const\r\n\r\n// Create styles once and cache them\r\nfunction createStyleSheet(styles: Record<string, React.CSSProperties>) {\r\n  if (typeof window === 'undefined') return defaultClassNames\r\n\r\n  // Return early if styles are already injected\r\n  if (styleInjection.isInjected) {\r\n    return defaultClassNames\r\n  }\r\n\r\n  // Find existing style element or create new one\r\n  let styleElement = document.querySelector<HTMLStyleElement>('[data-tern-secure]')\r\n  \r\n  if (!styleElement) {\r\n    styleElement = document.createElement('style')\r\n    styleElement.setAttribute('data-tern-secure', '')\r\n    document.head.appendChild(styleElement)\r\n    styleInjection.styleElement = styleElement\r\n  }\r\n\r\n  // Create CSS rules\r\n  const cssRules = Object.entries(styles).map(([key, rules]) => {\r\n    const className = defaultClassNames[key as keyof typeof defaultClassNames]\r\n    const cssProperties = Object.entries(rules).map(([prop, value]) => {\r\n      const cssProperty = prop.replace(/([A-Z])/g, '-$1').toLowerCase()\r\n      return `${cssProperty}: ${value};`\r\n    }).join(' ')\r\n\r\n    return `.${className} { ${cssProperties} }`\r\n  }).join('\\n')\r\n\r\n  // Insert styles only once\r\n  styleElement.textContent = cssRules\r\n  styleInjection.isInjected = true\r\n\r\n  return defaultClassNames\r\n}\r\n\r\n// Style configuration\r\nexport const styleConfig = {\r\n  container: {\r\n    display: 'flex',\r\n    minHeight: '100%',\r\n    flex: '1',\r\n    flexDirection: 'column',\r\n    justifyContent: 'center',\r\n    padding: '3rem 1.5rem'\r\n  },\r\n  header: {\r\n    margin: '0 auto',\r\n    width: '100%',\r\n    maxWidth: '28rem'\r\n  },\r\n  title: {\r\n    marginTop: '1.5rem',\r\n    textAlign: 'center',\r\n    fontSize: '1.875rem',\r\n    fontWeight: '700',\r\n    lineHeight: '2.25rem',\r\n    letterSpacing: '-0.025em',\r\n    color: 'var(--tern-text-primary, #111827)'\r\n  },\r\n  formWrapper: {\r\n    marginTop: '2.5rem',\r\n    margin: '0 auto',\r\n    width: '100%',\r\n    maxWidth: '30rem'\r\n  },\r\n  formContainer: {\r\n    padding: '3rem 1.5rem',\r\n    boxShadow: '0 1px 3px 0 rgb(0 0 0 / 0.1)',\r\n    borderRadius: '0.5rem',\r\n    backgroundColor: 'var(--tern-background, white)'\r\n  },\r\n  form: {\r\n    display: 'flex',\r\n    flexDirection: 'column',\r\n    gap: '1rem'\r\n  },\r\n  label: {\r\n    display: 'block',\r\n    fontSize: '0.875rem',\r\n    fontWeight: '500',\r\n    color: 'var(--tern-text-secondary, #374151)'\r\n  },\r\n  input: {\r\n    marginTop: '0.25rem',\r\n    display: 'block',\r\n    width: '100%',\r\n    padding: '0.5rem 0.75rem',\r\n    borderRadius: '0.375rem',\r\n    border: '1px solid var(--tern-border, #D1D5DB)',\r\n    backgroundColor: 'var(--tern-input-background, white)',\r\n    color: 'var(--tern-text-primary, #111827)'\r\n  },\r\n  button: {\r\n    display: 'flex',\r\n    width: '100%',\r\n    justifyContent: 'center',\r\n    padding: '0.5rem 1rem',\r\n    fontSize: '0.875rem',\r\n    fontWeight: '500',\r\n    color: 'white',\r\n    backgroundColor: 'var(--tern-primary, #2563EB)',\r\n    border: 'none',\r\n    borderRadius: '0.375rem',\r\n    cursor: 'pointer'\r\n  },\r\n  error: {\r\n    color: 'var(--tern-error, #DC2626)',\r\n    fontSize: '0.875rem'\r\n  }\r\n} as const\r\n\r\n// Export pre-created styles\r\nexport const styles = createStyleSheet(styleConfig)\r\n\r\n"],
+  "mappings": "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",
+  "names": ["styles"]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tern-secure/nextjs",
-  "version": "3.0.7",
+  "version": "3.0.9",
   "type": "module",
   "publishConfig": {
     "access": "public",
@@ -16,8 +16,8 @@
   "homepage": "https://github.com/tern-secure/nextjs#readme",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",
- "scripts": {
-    "build": "npm run build:types && npm run build:js",
+"scripts": {
+    "build": "rimraf dist && npm run build:types && npm run build:js",
     "build:types": "tsc --emitDeclarationOnly",
     "build:js": "node build.config.cjs",
     "clean": "rimraf dist",
@@ -99,9 +99,19 @@
       "require": "./dist/index.cjs.js"
     },
     "./server": {
-      "types": "./dist/server/index.d.ts",
-      "import": "./dist/server/index.js",
-      "require": "./dist/server/index.cjs.js"
+      "types": "./dist/app-router/server/index.d.ts",
+      "import": "./dist/app-router/server/index.js",
+      "require": "./dist/app-router/server/index.js"
+    },
+    "./client": {
+      "types": "./dist/app-router/client/index.d.ts",
+      "import": "./dist/app-router/client/index.js",
+      "require": "./dist/app-router/client/index.js"
+    },
+    "./components": {
+      "types": "./dist/components/index.d.ts",
+      "import": "./dist/components/index.js",
+      "require": "./dist/components/index.js"
     }
   }
 }

package/dist/utils/index.d.ts

@@ -1 +0,0 @@
-export {};