@nodeblocks/frontend-footer-block 0.0.2

package/dist/blocks.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export type DefaultBlocks = {
+    FooterLogo: React.FC<{
+        src: string;
+        alt?: string;
+    }>;
+    FooterText: React.FC<{
+        children: React.ReactNode;
+    }>;
+    FooterCopyright: React.FC<{
+        children: React.ReactNode;
+    }>;
+};
+export type DefaultOptions = {
+    hideTitle?: boolean;
+};
+export declare const defaultOptions: DefaultOptions;
+export declare const defaultBlocks: DefaultBlocks;
+//# sourceMappingURL=blocks.d.ts.map

package/dist/blocks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blocks.d.ts","sourceRoot":"","sources":["../src/blocks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,aAAa,GAAG;IAC1B,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACpD,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,CAAC;IACpD,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,CAAC;CAC1D,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,cAE5B,CAAC;AAgBF,eAAO,MAAM,aAAa,EAAE,aAQ3B,CAAC"}

package/dist/footer.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+import { DefaultBlocks } from "./blocks";
+import "./footer.css";
+export type FooterChildren = (props: {
+    defaultBlocks: DefaultBlocks;
+    settings?: {
+        [key: string]: any;
+    };
+}) => {
+    blocks: Partial<DefaultBlocks>;
+    settings?: {
+        [key: string]: any;
+    };
+};
+declare const Footer: ({ logoSrc, items, className, children, copyright }: {
+    className: string;
+    logoSrc: string;
+    copyright: React.ReactNode | string;
+    items: Array<React.ReactNode>;
+    children?: FooterChildren;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Footer;
+//# sourceMappingURL=footer.d.ts.map

package/dist/footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../src/footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAiB,aAAa,EAAE,MAAM,UAAU,CAAC;AACxD,OAAO,cAAc,CAAC;AAEtB,MAAM,MAAM,cAAc,GAAG,CAAC,KAAK,EAAE;IACnC,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAA;CAClC,KACI;IACH,MAAM,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;CACnC,CAAC;AAEF,QAAA,MAAM,MAAM,GAAI,oDAKd;IACA,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACpC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAC9B,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B,4CAaA,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/index.cjs.js

@@ -0,0 +1,70 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+function setBlocks(defaultBlocks, defaultOptions, children) {
+    const results = children
+        ? children({ defaultBlocks, ...defaultOptions })
+        : { blocks: {}, ...defaultOptions };
+    const { blocks: customBlocks = {} } = results;
+    return {
+        ...results,
+        blocks: Object.fromEntries(Object.entries(defaultBlocks).map(([key, defaultComponent]) => [
+            key,
+            customBlocks[key] || defaultComponent,
+        ])),
+    };
+}
+/**
+ * Utility function to join class names together, ignoring undefined or nil values.
+ * @param classes - The class names to join.
+ * @returns The joined class names.
+ */
+function classNames(...classes) {
+    return classes.flat().filter(Boolean).join(' ');
+}
+
+const defaultBlocks = {
+    FooterLogo: ({ src, alt }) => (jsxRuntime.jsx("img", { className: "nbb-footer-logo", src: src, alt: alt || 'Footer logo' })),
+    FooterText: ({ children }) => jsxRuntime.jsx("p", { className: "nbb-footer-text", children: children }),
+    FooterCopyright: ({ children }) => (jsxRuntime.jsx("p", { className: "nbb-footer-copyright", children: children })),
+};
+
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z = "/* footer.css */\n.nbb-footer {\n    --color-object-accent-primary: #006EAD;\n    --color-text-on-primary: #fff;\n    \n    background-color: var(--color-object-accent-primary);\n    color: var(--color-text-on-primary);\n    padding: 16px; \n    text-align: left;\n  }\n  \n  .nbb-footer-title {\n    font-size: 24px;\n    font-weight: bold;\n    margin-bottom: 16px;\n  }\n  \n  .nbb-footer-text {\n    font-size: 16px;\n    margin-bottom: 8px;\n  }\n  .nbb-footer-text a {\n   color: inherit\n  }\n  .nbb-footer-text a:hover {\n    text-decoration: underline;\n   }\n   \n  \n  .nbb-footer-copyright {\n    font-size: 14px;\n    margin-top: 16px;\n  }\n  ";
+styleInject(css_248z);
+
+const Footer = ({ logoSrc, items = [], className, children, copyright }) => {
+    const { blocks } = setBlocks(defaultBlocks, {}, children);
+    const { FooterLogo, FooterText, FooterCopyright } = blocks;
+    return (jsxRuntime.jsxs("footer", { className: classNames("nbb-footer", className), children: [jsxRuntime.jsx(FooterLogo, { src: logoSrc }), items.map((item, index) => (jsxRuntime.jsx(FooterText, { children: item }, index))), jsxRuntime.jsx(FooterCopyright, { children: copyright })] }));
+};
+
+exports.Footer = Footer;
+//# sourceMappingURL=index.cjs.js.map

package/dist/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../src/lib.ts","../src/blocks.tsx","../node_modules/style-inject/dist/style-inject.es.js","../src/footer.tsx"],"sourcesContent":["import { DefaultBlocks, DefaultOptions } from './blocks';\n\n/**\n * Sets the blocks by merging default blocks with custom blocks provided by the children function.\n *\n * @param defaultBlocks - The default blocks to be used.\n * @param children - An optional function that returns custom blocks and arguments.\n * @param args - Additional unknown arguments.\n * @returns An object containing the merged blocks and additional arguments.\n */\n\n\ntype ChildrenProps = {\n  defaultBlocks: DefaultBlocks;\n};\n\nexport function setBlocks(\n  defaultBlocks: DefaultBlocks,\n  defaultOptions: DefaultOptions,\n  children?: (props: ChildrenProps) => DefaultOptions & {\n    blocks: { [x: string]: any };\n  },\n) {\n  const results = children\n    ? children({ defaultBlocks, ...defaultOptions })\n    : { blocks: {}, ...defaultOptions };\n  const {\n    blocks: customBlocks = {}\n  } = results;\n  return {\n    ...results,\n    blocks: Object.fromEntries(\n      Object.entries(defaultBlocks).map(([key, defaultComponent]) => [\n        key,\n        customBlocks[key] || defaultComponent,\n      ])\n    ),\n  };\n}\n\ntype ClassName = string | ClassName[] | undefined | null;\n\n/**\n * Utility function to join class names together, ignoring undefined or nil values.\n * @param classes - The class names to join.\n * @returns The joined class names.\n */\nexport function classNames(...classes: ClassName[]): string {\n  return classes.flat().filter(Boolean).join(' ');\n}\n","import React from 'react';\n\nexport type DefaultBlocks = {\n  FooterLogo: React.FC<{ src: string; alt?: string }>;\n  FooterText: React.FC<{ children: React.ReactNode }>;\n  FooterCopyright: React.FC<{ children: React.ReactNode }>;\n};\n\nexport type DefaultOptions = {\n    hideTitle?: boolean;\n};\n\nexport const defaultOptions: DefaultOptions = {\n    hideTitle: false,\n};\n\nfunction FooterTitle({ children }: { children: React.ReactNode }) {\n    return <h2 className=\"nbb-footer-title\">{children}</h2>;\n}\n\nfunction FooterText({ children }: { children: React.ReactNode }) {\n    return <p className=\"nbb-footer-text\">{children}</p>;\n}\n\nfunction FooterCopyright({ children }: { children: React.ReactNode }) {\n    return <p className=\"nbb-footer-copyright\">{children}</p>;\n}\n\n\n\nexport const defaultBlocks: DefaultBlocks = {\n  FooterLogo: ({ src, alt }) => (\n    <img className=\"nbb-footer-logo\" src={src} alt={alt || 'Footer logo'} />\n  ),\n  FooterText: ({ children }) => <p className=\"nbb-footer-text\">{children}</p>,\n  FooterCopyright: ({ children }) => (\n    <p className=\"nbb-footer-copyright\">{children}</p>\n  ),\n};","function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import React from \"react\";\nimport { setBlocks, classNames } from \"./lib\";\nimport { defaultBlocks, DefaultBlocks } from \"./blocks\";\nimport \"./footer.css\";\n\nexport type FooterChildren = (props: {\n  defaultBlocks: DefaultBlocks,\n  settings?: { [key: string]: any }\n}\n) => {\n  blocks: Partial<DefaultBlocks>;\n  settings?: { [key: string]: any };\n};\n\nconst Footer = ({\n  logoSrc,\n  items = [],\n  className,\n  children, copyright }:\n  {\n  className: string;\n  logoSrc: string;\n  copyright: React.ReactNode | string;\n  items: Array<React.ReactNode>;\n  children?: FooterChildren;\n}) => {\n  const { blocks } = setBlocks(defaultBlocks, {}, children);\n  const { FooterLogo, FooterText, FooterCopyright } = blocks;\n\n  return (\n    <footer className={classNames(\"nbb-footer\", className)}>\n      <FooterLogo src={logoSrc} />\n      {items.map((item, index) => (\n        <FooterText key={index}>{item}</FooterText>\n      ))}\n      <FooterCopyright>{copyright}</FooterCopyright>\n    </footer>\n  );\n};\n\nexport default Footer;\n"],"names":["_jsx","_jsxs"],"mappings":"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","x_google_ignoreList":[2]}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Footer } from './footer';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC"}

package/dist/index.esm.js

@@ -0,0 +1,68 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function setBlocks(defaultBlocks, defaultOptions, children) {
+    const results = children
+        ? children({ defaultBlocks, ...defaultOptions })
+        : { blocks: {}, ...defaultOptions };
+    const { blocks: customBlocks = {} } = results;
+    return {
+        ...results,
+        blocks: Object.fromEntries(Object.entries(defaultBlocks).map(([key, defaultComponent]) => [
+            key,
+            customBlocks[key] || defaultComponent,
+        ])),
+    };
+}
+/**
+ * Utility function to join class names together, ignoring undefined or nil values.
+ * @param classes - The class names to join.
+ * @returns The joined class names.
+ */
+function classNames(...classes) {
+    return classes.flat().filter(Boolean).join(' ');
+}
+
+const defaultBlocks = {
+    FooterLogo: ({ src, alt }) => (jsx("img", { className: "nbb-footer-logo", src: src, alt: alt || 'Footer logo' })),
+    FooterText: ({ children }) => jsx("p", { className: "nbb-footer-text", children: children }),
+    FooterCopyright: ({ children }) => (jsx("p", { className: "nbb-footer-copyright", children: children })),
+};
+
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z = "/* footer.css */\n.nbb-footer {\n    --color-object-accent-primary: #006EAD;\n    --color-text-on-primary: #fff;\n    \n    background-color: var(--color-object-accent-primary);\n    color: var(--color-text-on-primary);\n    padding: 16px; \n    text-align: left;\n  }\n  \n  .nbb-footer-title {\n    font-size: 24px;\n    font-weight: bold;\n    margin-bottom: 16px;\n  }\n  \n  .nbb-footer-text {\n    font-size: 16px;\n    margin-bottom: 8px;\n  }\n  .nbb-footer-text a {\n   color: inherit\n  }\n  .nbb-footer-text a:hover {\n    text-decoration: underline;\n   }\n   \n  \n  .nbb-footer-copyright {\n    font-size: 14px;\n    margin-top: 16px;\n  }\n  ";
+styleInject(css_248z);
+
+const Footer = ({ logoSrc, items = [], className, children, copyright }) => {
+    const { blocks } = setBlocks(defaultBlocks, {}, children);
+    const { FooterLogo, FooterText, FooterCopyright } = blocks;
+    return (jsxs("footer", { className: classNames("nbb-footer", className), children: [jsx(FooterLogo, { src: logoSrc }), items.map((item, index) => (jsx(FooterText, { children: item }, index))), jsx(FooterCopyright, { children: copyright })] }));
+};
+
+export { Footer };
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../src/lib.ts","../src/blocks.tsx","../node_modules/style-inject/dist/style-inject.es.js","../src/footer.tsx"],"sourcesContent":["import { DefaultBlocks, DefaultOptions } from './blocks';\n\n/**\n * Sets the blocks by merging default blocks with custom blocks provided by the children function.\n *\n * @param defaultBlocks - The default blocks to be used.\n * @param children - An optional function that returns custom blocks and arguments.\n * @param args - Additional unknown arguments.\n * @returns An object containing the merged blocks and additional arguments.\n */\n\n\ntype ChildrenProps = {\n  defaultBlocks: DefaultBlocks;\n};\n\nexport function setBlocks(\n  defaultBlocks: DefaultBlocks,\n  defaultOptions: DefaultOptions,\n  children?: (props: ChildrenProps) => DefaultOptions & {\n    blocks: { [x: string]: any };\n  },\n) {\n  const results = children\n    ? children({ defaultBlocks, ...defaultOptions })\n    : { blocks: {}, ...defaultOptions };\n  const {\n    blocks: customBlocks = {}\n  } = results;\n  return {\n    ...results,\n    blocks: Object.fromEntries(\n      Object.entries(defaultBlocks).map(([key, defaultComponent]) => [\n        key,\n        customBlocks[key] || defaultComponent,\n      ])\n    ),\n  };\n}\n\ntype ClassName = string | ClassName[] | undefined | null;\n\n/**\n * Utility function to join class names together, ignoring undefined or nil values.\n * @param classes - The class names to join.\n * @returns The joined class names.\n */\nexport function classNames(...classes: ClassName[]): string {\n  return classes.flat().filter(Boolean).join(' ');\n}\n","import React from 'react';\n\nexport type DefaultBlocks = {\n  FooterLogo: React.FC<{ src: string; alt?: string }>;\n  FooterText: React.FC<{ children: React.ReactNode }>;\n  FooterCopyright: React.FC<{ children: React.ReactNode }>;\n};\n\nexport type DefaultOptions = {\n    hideTitle?: boolean;\n};\n\nexport const defaultOptions: DefaultOptions = {\n    hideTitle: false,\n};\n\nfunction FooterTitle({ children }: { children: React.ReactNode }) {\n    return <h2 className=\"nbb-footer-title\">{children}</h2>;\n}\n\nfunction FooterText({ children }: { children: React.ReactNode }) {\n    return <p className=\"nbb-footer-text\">{children}</p>;\n}\n\nfunction FooterCopyright({ children }: { children: React.ReactNode }) {\n    return <p className=\"nbb-footer-copyright\">{children}</p>;\n}\n\n\n\nexport const defaultBlocks: DefaultBlocks = {\n  FooterLogo: ({ src, alt }) => (\n    <img className=\"nbb-footer-logo\" src={src} alt={alt || 'Footer logo'} />\n  ),\n  FooterText: ({ children }) => <p className=\"nbb-footer-text\">{children}</p>,\n  FooterCopyright: ({ children }) => (\n    <p className=\"nbb-footer-copyright\">{children}</p>\n  ),\n};","function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import React from \"react\";\nimport { setBlocks, classNames } from \"./lib\";\nimport { defaultBlocks, DefaultBlocks } from \"./blocks\";\nimport \"./footer.css\";\n\nexport type FooterChildren = (props: {\n  defaultBlocks: DefaultBlocks,\n  settings?: { [key: string]: any }\n}\n) => {\n  blocks: Partial<DefaultBlocks>;\n  settings?: { [key: string]: any };\n};\n\nconst Footer = ({\n  logoSrc,\n  items = [],\n  className,\n  children, copyright }:\n  {\n  className: string;\n  logoSrc: string;\n  copyright: React.ReactNode | string;\n  items: Array<React.ReactNode>;\n  children?: FooterChildren;\n}) => {\n  const { blocks } = setBlocks(defaultBlocks, {}, children);\n  const { FooterLogo, FooterText, FooterCopyright } = blocks;\n\n  return (\n    <footer className={classNames(\"nbb-footer\", className)}>\n      <FooterLogo src={logoSrc} />\n      {items.map((item, index) => (\n        <FooterText key={index}>{item}</FooterText>\n      ))}\n      <FooterCopyright>{copyright}</FooterCopyright>\n    </footer>\n  );\n};\n\nexport default Footer;\n"],"names":["_jsx","_jsxs"],"mappings":"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","x_google_ignoreList":[2]}

package/dist/lib.d.ts

@@ -0,0 +1,31 @@
+import { DefaultBlocks, DefaultOptions } from './blocks';
+/**
+ * Sets the blocks by merging default blocks with custom blocks provided by the children function.
+ *
+ * @param defaultBlocks - The default blocks to be used.
+ * @param children - An optional function that returns custom blocks and arguments.
+ * @param args - Additional unknown arguments.
+ * @returns An object containing the merged blocks and additional arguments.
+ */
+type ChildrenProps = {
+    defaultBlocks: DefaultBlocks;
+};
+export declare function setBlocks(defaultBlocks: DefaultBlocks, defaultOptions: DefaultOptions, children?: (props: ChildrenProps) => DefaultOptions & {
+    blocks: {
+        [x: string]: any;
+    };
+}): {
+    blocks: {
+        [k: string]: any;
+    };
+    hideTitle?: boolean;
+};
+type ClassName = string | ClassName[] | undefined | null;
+/**
+ * Utility function to join class names together, ignoring undefined or nil values.
+ * @param classes - The class names to join.
+ * @returns The joined class names.
+ */
+export declare function classNames(...classes: ClassName[]): string;
+export {};
+//# sourceMappingURL=lib.d.ts.map

package/dist/lib.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lib.d.ts","sourceRoot":"","sources":["../src/lib.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAEzD;;;;;;;GAOG;AAGH,KAAK,aAAa,GAAG;IACnB,aAAa,EAAE,aAAa,CAAC;CAC9B,CAAC;AAEF,wBAAgB,SAAS,CACvB,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,EAC9B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,cAAc,GAAG;IACpD,MAAM,EAAE;QAAE,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;CAC9B;;;;;EAiBF;AAED,KAAK,SAAS,GAAG,MAAM,GAAG,SAAS,EAAE,GAAG,SAAS,GAAG,IAAI,CAAC;AAEzD;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,GAAG,OAAO,EAAE,SAAS,EAAE,GAAG,MAAM,CAE1D"}

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "@nodeblocks/frontend-footer-block",
+  "version": "0.0.2",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.esm.js",
+  "browser": "dist/index.iife.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist/",
+    "dist/index.css"
+  ],
+  "scripts": {
+    "build": "rollup -c",
+    "watch": "rollup -c --watch"
+  },
+  "peerDependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.0.0"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^28.0.1",
+    "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-node-resolve": "^15.3.0",
+    "@rollup/plugin-typescript": "^12.1.1",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "rollup": "^4.28.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-serve": "^1.1.1",
+    "tslib": "^2.8.1",
+    "typescript": "^5.7.2"
+  }
+}

package/readme.md

@@ -0,0 +1,57 @@
+## 🚀 Nodeblocks Frontend Starter Kit
+
+Welcome to the Nodeblocks Frontend Starter Kit! 🎉 This kit is designed to make building frontend libraries in React super easy, helping you streamline your development workflow with minimal fuss. Let's dive in! 🤿
+
+### ✨ Features
+- **🚀 Bundling with Rollup:** Get a clean, minimalistic approach to bundling your JavaScript files for smoother frontend development.
+- **💙 TypeScript Support:** We've included a pre-configured `tsconfig.json` to ensure your TypeScript setup is strict, efficient, and ready to go.
+- **⚙️ Peer Dependencies:** Keep bundle sizes lean with React and React DOM set as peer dependencies.
+- **🎨 CSS Support:** Easily import and process CSS files, giving you more control over your styles.
+
+### 🛠️ How to Use
+1. **Clone this repository** 🌀:
+   ```bash
+   git clone <repository-url>
+   cd <repository-directory>
+   ```
+
+2. **Install dependencies** 📦:
+   ```bash
+   npm install
+   ```
+
+3. **Start development** 🛠️:
+   ```bash
+   npm run watch
+   ```
+
+4. **Build for production** 🏗️:
+   ```bash
+   npm run build
+   ```
+
+### 🧪 How to Test
+
+The `test` folder contains examples that demonstrate how to use the libraries you create with this starter kit. These examples show compatibility with various bundlers, such as:
+
+- **Create React App** (Webpack)
+- **Vite** ⚡
+- **Rollup** (itself) (Coming soon) 🔄
+- **Parcel** (Coming soon) 📦
+
+This ensures Nodeblocks libraries integrate seamlessly with different workflows. 🛠️✨
+
+**Before running each project make sure you run `npm link`:**
+
+1. In the root of this project:
+   ```bash
+   npm link
+   ```
+2. In the test project you want to run:
+   ```bash
+   npm i
+   npm link @basaldev/frontend-starter-kit
+   ```
+(Note that in real life your library would not be called frontend-starter-kit.)
+
+3. Then you can follow your usual workflow either with **Create React App** (`npm start`) or with Vite (`npm run dev`). This will give you a development environment where whenever you change your library it will be available in your test project.