@sitecore-content-sdk/nextjs 0.1.0-beta.22 → 0.1.0-beta.24

package/dist/cjs/config/define-cli-config.js

@@ -1,42 +1,9 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.defineCliConfig = void 0;
 const config_1 = require("@sitecore-content-sdk/core/config");
-const byocTemplate = __importStar(require("../tools/templating/byoc-component"));
-const defaultTemplate = __importStar(require("../tools/templating/default-component"));
+const byoc_component_1 = require("../tools/templating/byoc-component");
+const default_component_1 = require("../tools/templating/default-component");
 /**
  * Accepts a `SitecoreCliConfigInput` object and returns the Sitecore Content SDK CLI configuration from the specified file,
  * updated with the required default values.
@@ -59,13 +26,5 @@ function addDefaultScaffoldTemplates(cliConfig) {
     if (!cliConfig.scaffold.templates) {
         cliConfig.scaffold.templates = [];
     }
-    cliConfig.scaffold.templates.unshift({
-        name: config_1.ComponentTemplateType.DEFAULT,
-        generateTemplate: defaultTemplate.generateTemplate,
-        getNextSteps: defaultTemplate.getNextSteps,
-    }, {
-        name: config_1.ComponentTemplateType.BYOC,
-        generateTemplate: byocTemplate.generateTemplate,
-        getNextSteps: byocTemplate.getNextSteps,
-    });
+    cliConfig.scaffold.templates.unshift(default_component_1.defaultTemplate, byoc_component_1.byocTemplate);
 }

package/dist/cjs/tools/templating/byoc-component.js

@@ -3,8 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getNextSteps = exports.generateTemplate = void 0;
+exports.byocTemplate = void 0;
 const chalk_1 = __importDefault(require("chalk"));
+const config_1 = require("@sitecore-content-sdk/core/config");
+const utils_1 = require("./utils");
 /**
  * Next.js BYOC component boilerplate
  * @param {string} componentName - the component name
@@ -52,7 +54,6 @@ FEAAS.External.registerComponent(${componentName}, {
 });
 `;
 };
-exports.generateTemplate = generateTemplate;
 /**
  * Generates a list of next steps when scaffolding a component.
  * @param {string} componentOutputPath - The file path where the component file is generated.
@@ -66,4 +67,9 @@ const getNextSteps = (componentOutputPath) => {
     }
     return nextSteps;
 };
-exports.getNextSteps = getNextSteps;
+exports.byocTemplate = {
+    name: config_1.ComponentTemplateType.BYOC,
+    fileExtension: utils_1.COMPONENT_FILE_EXTENSION,
+    generateTemplate,
+    getNextSteps,
+};

package/dist/cjs/tools/templating/default-component.js

@@ -3,8 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getNextSteps = exports.generateTemplate = void 0;
+exports.defaultTemplate = void 0;
 const chalk_1 = __importDefault(require("chalk"));
+const config_1 = require("@sitecore-content-sdk/core/config");
+const utils_1 = require("./utils");
 /**
  * Next.js component boilerplate
  * @param {string} componentName - the component name
@@ -32,7 +34,6 @@ export const Default = (props: ${componentName}Props): JSX.Element => {
 };
 `;
 };
-exports.generateTemplate = generateTemplate;
 /**
  * Generates a list of next steps when scaffolding a component.
  * @param {string} componentOutputPath - The file path where the component file is generated.
@@ -45,4 +46,9 @@ const getNextSteps = (componentOutputPath) => {
     }
     return nextSteps;
 };
-exports.getNextSteps = getNextSteps;
+exports.defaultTemplate = {
+    name: config_1.ComponentTemplateType.DEFAULT,
+    fileExtension: utils_1.COMPONENT_FILE_EXTENSION,
+    generateTemplate,
+    getNextSteps,
+};

package/dist/cjs/tools/templating/utils.js

@@ -3,8 +3,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.COMPONENT_FILE_EXTENSION = void 0;
 exports.watchItems = watchItems;
 const chokidar_1 = __importDefault(require("chokidar"));
+/**
+ * The file extension for nextjs components
+ */
+exports.COMPONENT_FILE_EXTENSION = 'tsx';
 /**
  * Run watch mode, watching on @var paths
  * @param {string[]} paths paths to watch by chokidar

package/dist/esm/config/define-cli-config.js

@@ -1,6 +1,6 @@
-import { defineCliConfig as defineCliConfigCore, ComponentTemplateType, } from '@sitecore-content-sdk/core/config';
-import * as byocTemplate from '../tools/templating/byoc-component';
-import * as defaultTemplate from '../tools/templating/default-component';
+import { defineCliConfig as defineCliConfigCore, } from '@sitecore-content-sdk/core/config';
+import { byocTemplate } from '../tools/templating/byoc-component';
+import { defaultTemplate } from '../tools/templating/default-component';
 /**
  * Accepts a `SitecoreCliConfigInput` object and returns the Sitecore Content SDK CLI configuration from the specified file,
  * updated with the required default values.
@@ -22,13 +22,5 @@ function addDefaultScaffoldTemplates(cliConfig) {
     if (!cliConfig.scaffold.templates) {
         cliConfig.scaffold.templates = [];
     }
-    cliConfig.scaffold.templates.unshift({
-        name: ComponentTemplateType.DEFAULT,
-        generateTemplate: defaultTemplate.generateTemplate,
-        getNextSteps: defaultTemplate.getNextSteps,
-    }, {
-        name: ComponentTemplateType.BYOC,
-        generateTemplate: byocTemplate.generateTemplate,
-        getNextSteps: byocTemplate.getNextSteps,
-    });
+    cliConfig.scaffold.templates.unshift(defaultTemplate, byocTemplate);
 }

package/dist/esm/tools/templating/byoc-component.js

@@ -1,10 +1,12 @@
 import chalk from 'chalk';
+import { ComponentTemplateType } from '@sitecore-content-sdk/core/config';
+import { COMPONENT_FILE_EXTENSION } from './utils';
 /**
  * Next.js BYOC component boilerplate
  * @param {string} componentName - the component name
  * @returns component generated template
  */
-export const generateTemplate = (componentName) => {
+const generateTemplate = (componentName) => {
     return `import React from 'react';
 import * as FEAAS from '@sitecore-feaas/clientside/react';
 
@@ -51,7 +53,7 @@ FEAAS.External.registerComponent(${componentName}, {
  * @param {string} componentOutputPath - The file path where the component file is generated.
  * @returns {string[]} An array of strings, each representing a next step.
  */
-export const getNextSteps = (componentOutputPath) => {
+const getNextSteps = (componentOutputPath) => {
     const nextSteps = [];
     nextSteps.push('* Modify component registration through FEAAS.External.registerComponent if needed');
     if (componentOutputPath) {
@@ -59,3 +61,9 @@ export const getNextSteps = (componentOutputPath) => {
     }
     return nextSteps;
 };
+export const byocTemplate = {
+    name: ComponentTemplateType.BYOC,
+    fileExtension: COMPONENT_FILE_EXTENSION,
+    generateTemplate,
+    getNextSteps,
+};

package/dist/esm/tools/templating/default-component.js

@@ -1,10 +1,12 @@
 import chalk from 'chalk';
+import { ComponentTemplateType } from '@sitecore-content-sdk/core/config';
+import { COMPONENT_FILE_EXTENSION } from './utils';
 /**
  * Next.js component boilerplate
  * @param {string} componentName - the component name
  * @returns component generated template
  */
-export const generateTemplate = (componentName) => {
+const generateTemplate = (componentName) => {
     return `import React from 'react';
 import { ComponentParams, ComponentRendering } from '@sitecore-content-sdk/nextjs';
 
@@ -31,10 +33,16 @@ export const Default = (props: ${componentName}Props): JSX.Element => {
  * @param {string} componentOutputPath - The file path where the component file is generated.
  * @returns {string[]} An array of strings, each representing a next step.
  */
-export const getNextSteps = (componentOutputPath) => {
+const getNextSteps = (componentOutputPath) => {
     const nextSteps = [];
     if (componentOutputPath) {
         nextSteps.push(`* Implement the React component in ${chalk.green(componentOutputPath)}`);
     }
     return nextSteps;
 };
+export const defaultTemplate = {
+    name: ComponentTemplateType.DEFAULT,
+    fileExtension: COMPONENT_FILE_EXTENSION,
+    generateTemplate,
+    getNextSteps,
+};

package/dist/esm/tools/templating/utils.js

@@ -1,4 +1,8 @@
 import chokidar from 'chokidar';
+/**
+ * The file extension for nextjs components
+ */
+export const COMPONENT_FILE_EXTENSION = 'tsx';
 /**
  * Run watch mode, watching on @var paths
  * @param {string[]} paths paths to watch by chokidar

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sitecore-content-sdk/nextjs",
-  "version": "0.1.0-beta.22",
+  "version": "0.1.0-beta.24",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "sideEffects": false,
@@ -74,8 +74,8 @@
   },
   "dependencies": {
     "@babel/parser": "^7.26.10",
-    "@sitecore-content-sdk/core": "0.1.0-beta.22",
-    "@sitecore-content-sdk/react": "0.1.0-beta.22",
+    "@sitecore-content-sdk/core": "0.1.0-beta.24",
+    "@sitecore-content-sdk/react": "0.1.0-beta.24",
     "@vercel/kv": "^3.0.0",
     "prop-types": "^15.8.1",
     "recast": "^0.23.11",
@@ -84,7 +84,7 @@
   },
   "description": "",
   "types": "types/index.d.ts",
-  "gitHead": "5d08aecb15836849a90a2f93f15c6d8ec915f667",
+  "gitHead": "68d52610f8306266df0e0ddba6dc6c4d0f284ba5",
   "files": [
     "dist",
     "types",

package/types/tools/templating/byoc-component.d.ts

@@ -1,12 +1,2 @@
-/**
- * Next.js BYOC component boilerplate
- * @param {string} componentName - the component name
- * @returns component generated template
- */
-export declare const generateTemplate: (componentName: string) => string;
-/**
- * Generates a list of next steps when scaffolding a component.
- * @param {string} componentOutputPath - The file path where the component file is generated.
- * @returns {string[]} An array of strings, each representing a next step.
- */
-export declare const getNextSteps: (componentOutputPath: string) => string[];
+import { ScaffoldTemplate } from '@sitecore-content-sdk/core/config';
+export declare const byocTemplate: ScaffoldTemplate;

package/types/tools/templating/default-component.d.ts

@@ -1,12 +1,2 @@
-/**
- * Next.js component boilerplate
- * @param {string} componentName - the component name
- * @returns component generated template
- */
-export declare const generateTemplate: (componentName: string) => string;
-/**
- * Generates a list of next steps when scaffolding a component.
- * @param {string} componentOutputPath - The file path where the component file is generated.
- * @returns {string[]} An array of strings, each representing a next step.
- */
-export declare const getNextSteps: (componentOutputPath: string) => string[];
+import { ScaffoldTemplate } from '@sitecore-content-sdk/core/config';
+export declare const defaultTemplate: ScaffoldTemplate;

package/types/tools/templating/utils.d.ts

@@ -1,3 +1,7 @@
+/**
+ * The file extension for nextjs components
+ */
+export declare const COMPONENT_FILE_EXTENSION = "tsx";
 /**
  * Run watch mode, watching on @var paths
  * @param {string[]} paths paths to watch by chokidar