gatsby-attainlabs-cms 1.0.6 → 1.0.8

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { SliceComponentProps } from "gatsby";
+interface SliceWrapperProps extends SliceComponentProps {
+    sliceContext: {
+        componentPath: string;
+    };
+}
+declare function SliceWrapper({ sliceContext }: SliceWrapperProps): React.DetailedReactHTMLElement<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+export { SliceWrapper };

package/dist/index.js

@@ -0,0 +1,8 @@
+import React from "react";
+function SliceWrapper({ sliceContext }) {
+    const { componentPath, ...props } = sliceContext;
+    // Dynamically import your component
+    const Component = require(componentPath).default;
+    return React.createElement(Component, props);
+}
+export { SliceWrapper };

package/{gatsby-node.js → gatsby-node.ts}

@@ -48,12 +48,12 @@ export const onPreInit = async (_, pluginOptions) => {
   const targets = [
     {
       repoPath: `/apps/cms/src/cms/components/editor/visual-block-editor/components/brands/${brands[brand]}`,
-      localBasePath: path.resolve("./src/cms/components/brand"),
+      localBasePath: path.resolve("./src/cms/components/"),
     },
     {
       repoPath:
         "/apps/cms/src/cms/components/editor/visual-block-editor/components/global/blocks",
-      localBasePath: path.resolve("./src/cms/components/global"),
+      localBasePath: path.resolve("./src/cms/components/"),
     },
     {
       repoPath: `/apps/cms/src/gatsby-plugin-theme-ui/${brands[brand]}`,

package/package.json

@@ -1,19 +1,25 @@
 {
   "name": "gatsby-attainlabs-cms",
-  "version": "1.0.6",
-  "main": "gatsby-node.js",
+  "version": "1.0.8",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
   "type": "module",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "tsc"
   },
   "author": "Anthony Barrera",
   "license": "ISC",
-  "description": "A Gatsby plugin that downloads and syncs `index.tsx` components from the **Attain Labs CMS** hosted in Azure Repos into your Gatsby project at build time.",
+  "description": "A Gatsby plugin that downloads and syncs components from the **Attain Labs CMS** hosted in Azure Repos into your Gatsby project at build time.",
   "peerDependencies": {
     "gatsby": "^5.0.0 || ^4.0.0"
   },
   "dependencies": {
     "dotenv": "^17.2.1",
     "react-slick": "^0.31.0"
+  },
+  "devDependencies": {
+    "typescript": "^5.9.2"
   }
 }

package/src/index.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import type { SliceComponentProps } from "gatsby";
+
+interface SliceWrapperProps extends SliceComponentProps {
+  sliceContext: {
+    componentPath: string;
+  };
+}
+
+function SliceWrapper({ sliceContext }: SliceWrapperProps) {
+  const { componentPath, ...props } = sliceContext;
+
+  // Dynamically import your component
+  const Component = require(componentPath).default;
+  return React.createElement(Component, props);
+}
+
+export { SliceWrapper };

package/tsconfig.json

@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "module": "ESNext",
+    "declaration": true,
+    "outDir": "./dist",
+    "strict": true,
+    "esModuleInterop": true,
+    "moduleResolution": "node",
+    "forceConsistentCasingInFileNames": true,
+    "skipLibCheck": true
+  },
+  "include": ["src"],
+  "exclude": ["dist"]
+}