@exdst-sitecore-content-sdk/astro 0.0.5 → 0.0.7

package/src/components/Link.astro

@@ -1,105 +1,105 @@
----
-import {
-  FieldMetadata,
-  isFieldValueEmpty,
-} from '@sitecore-content-sdk/core/layout';
-import { EditableFieldProps } from './sharedTypes';
-import WithFieldMetadata from '../enhancers/WithFieldMetadata.astro';
-import WithEmptyFieldEditingComponent from '../enhancers/WithEmptyFieldEditingComponent.astro';
-import DefaultEmptyFieldEditingComponentText from './DefaultEmptyFieldEditingComponentText.astro';
-
-export interface LinkFieldValue {
-  [attributeName: string]: unknown;
-  href?: string;
-  class?: string;
-  title?: string;
-  target?: string;
-  text?: string;
-  anchor?: string;
-  querystring?: string;
-  linktype?: string;
-}
-
-export interface LinkField {
-  value: LinkFieldValue;
-}
-
-export interface LinkProps extends EditableFieldProps {
-  [htmlAttributes: string]: unknown;
-  /** The link field data. */
-  field: (LinkField | LinkFieldValue) & FieldMetadata;
-  /**
-   * Displays a link text ('description' in Sitecore) even when children exist
-   */
-  showLinkTextWithChildrenPresent?: boolean;
-}
-
-const {
-  field,
-  editable = true,
-  showLinkTextWithChildrenPresent,
-  emptyFieldEditingComponent,
-  ...otherProps
-} = Astro.props as LinkProps;
-
-const children = await Astro.slots.render('default');
-const dynamicField: LinkField | LinkFieldValue = field;
-
-const isEmptyField = isFieldValueEmpty(dynamicField);
-
-let link,
-  finalChildren,
-  anchorAttrs: { [attr: string]: unknown } = {};
-
-if (!isEmptyField) {
-  // handle link directly on field for forgetful devs
-  link = (dynamicField as LinkFieldValue).href
-    ? (field as LinkFieldValue)
-    : (dynamicField as LinkField).value;
-
-  if (link) {
-    const anchor =
-      link.linktype !== 'anchor' && link.anchor ? `#${link.anchor}` : '';
-    const querystring = link.querystring ? `?${link.querystring}` : '';
-
-    anchorAttrs = {
-      href: `${link.href}${querystring}${anchor}`,
-      class: link.class,
-      title: link.title,
-      target: link.target,
-    };
-
-    if (anchorAttrs.target === '_blank' && !anchorAttrs.rel) {
-      // information disclosure attack prevention keeps target blank site from getting ref to window.opener
-      anchorAttrs.rel = 'noopener noreferrer';
-    }
-
-    const linkText =
-      showLinkTextWithChildrenPresent || !children
-        ? link.text || link.href
-        : null;
-
-    finalChildren = children ? [linkText, ...children] : linkText;
-  }
-}
-
-const attrs = { ...anchorAttrs, ...otherProps };
----
-
-{
-  (
-    <WithFieldMetadata field={field} editable={editable}>
-      <WithEmptyFieldEditingComponent
-        field={field}
-        editable={editable}
-        defaultEmptyFieldEditingComponent={
-          DefaultEmptyFieldEditingComponentText
-        }
-        emptyFieldEditingComponent={emptyFieldEditingComponent}
-        {...otherProps}
-      >
-        {!isEmptyField && link && <a {...attrs} set:html={finalChildren} />}
-      </WithEmptyFieldEditingComponent>
-    </WithFieldMetadata>
-  )
-}
+---
+import {
+  FieldMetadata,
+  isFieldValueEmpty,
+} from '@sitecore-content-sdk/core/layout';
+import { EditableFieldProps } from './sharedTypes';
+import WithFieldMetadata from '../enhancers/WithFieldMetadata.astro';
+import WithEmptyFieldEditingComponent from '../enhancers/WithEmptyFieldEditingComponent.astro';
+import DefaultEmptyFieldEditingComponentText from './DefaultEmptyFieldEditingComponentText.astro';
+
+export interface LinkFieldValue {
+  [attributeName: string]: unknown;
+  href?: string;
+  class?: string;
+  title?: string;
+  target?: string;
+  text?: string;
+  anchor?: string;
+  querystring?: string;
+  linktype?: string;
+}
+
+export interface LinkField {
+  value: LinkFieldValue;
+}
+
+export interface LinkProps extends EditableFieldProps {
+  [htmlAttributes: string]: unknown;
+  /** The link field data. */
+  field: (LinkField | LinkFieldValue) & FieldMetadata;
+  /**
+   * Displays a link text ('description' in Sitecore) even when children exist
+   */
+  showLinkTextWithChildrenPresent?: boolean;
+}
+
+const {
+  field,
+  editable = true,
+  showLinkTextWithChildrenPresent,
+  emptyFieldEditingComponent,
+  ...otherProps
+} = Astro.props as LinkProps;
+
+const children = await Astro.slots.render('default');
+const dynamicField: LinkField | LinkFieldValue = field;
+
+const isEmptyField = isFieldValueEmpty(dynamicField);
+
+let link,
+  finalChildren,
+  anchorAttrs: { [attr: string]: unknown } = {};
+
+if (!isEmptyField) {
+  // handle link directly on field for forgetful devs
+  link = (dynamicField as LinkFieldValue).href
+    ? (field as LinkFieldValue)
+    : (dynamicField as LinkField).value;
+
+  if (link) {
+    const anchor =
+      link.linktype !== 'anchor' && link.anchor ? `#${link.anchor}` : '';
+    const querystring = link.querystring ? `?${link.querystring}` : '';
+
+    anchorAttrs = {
+      href: `${link.href}${querystring}${anchor}`,
+      class: link.class,
+      title: link.title,
+      target: link.target,
+    };
+
+    if (anchorAttrs.target === '_blank' && !anchorAttrs.rel) {
+      // information disclosure attack prevention keeps target blank site from getting ref to window.opener
+      anchorAttrs.rel = 'noopener noreferrer';
+    }
+
+    const linkText =
+      showLinkTextWithChildrenPresent || !children
+        ? link.text || link.href
+        : null;
+
+    finalChildren = children ? [linkText, ...children] : linkText;
+  }
+}
+
+const attrs = { ...anchorAttrs, ...otherProps };
+---
+
+{
+  (
+    <WithFieldMetadata field={field} editable={editable}>
+      <WithEmptyFieldEditingComponent
+        field={field}
+        editable={editable}
+        defaultEmptyFieldEditingComponent={
+          DefaultEmptyFieldEditingComponentText
+        }
+        emptyFieldEditingComponent={emptyFieldEditingComponent}
+        {...otherProps}
+      >
+        {!isEmptyField && link && <a {...attrs} set:html={finalChildren} />}
+      </WithEmptyFieldEditingComponent>
+    </WithFieldMetadata>
+  )
+}

package/src/components/MissingComponent.astro

@@ -1,39 +1,39 @@
----
-interface MissingComponentProps {
-  rendering?: {
-    componentName?: string;
-  };
-  errorOverride?: string;
-}
-
-const props = Astro.props as MissingComponentProps;
-
-const componentName =
-  props.rendering && props.rendering.componentName
-    ? props.rendering.componentName
-    : 'Unnamed Component';
-
-// error override would mean component is not unimplemented
-!props.errorOverride &&
-  console.log(
-    `Component props for unimplemented '${componentName}' component`,
-    props
-  );
-
-const errorMessage =
-  props.errorOverride ||
-  'Content SDK component is missing Astro implementation. See the developer console for more information.';
----
-
-<div
-  style={{
-    background: 'darkorange',
-    outline: '5px solid orange',
-    padding: '10px',
-    color: 'white',
-    maxWidth: '500px',
-  }}
->
-  <h2>{componentName}</h2>
-  <p>{errorMessage}</p>
-</div>
+---
+interface MissingComponentProps {
+  rendering?: {
+    componentName?: string;
+  };
+  errorOverride?: string;
+}
+
+const props = Astro.props as MissingComponentProps;
+
+const componentName =
+  props.rendering && props.rendering.componentName
+    ? props.rendering.componentName
+    : 'Unnamed Component';
+
+// error override would mean component is not unimplemented
+!props.errorOverride &&
+  console.log(
+    `Component props for unimplemented '${componentName}' component`,
+    props
+  );
+
+const errorMessage =
+  props.errorOverride ||
+  'Content SDK component is missing Astro implementation. See the developer console for more information.';
+---
+
+<div
+  style={{
+    background: 'darkorange',
+    outline: '5px solid orange',
+    padding: '10px',
+    color: 'white',
+    maxWidth: '500px',
+  }}
+>
+  <h2>{componentName}</h2>
+  <p>{errorMessage}</p>
+</div>

package/src/components/Placeholder/EmptyPlaceholder.astro

@@ -1,9 +1,9 @@
----
-/**
- * Renders the empty placeholder. The required CSS styles are applied to the placeholder in edit mode.
- */
----
-
-<div class="sc-jss-empty-placeholder">
-  <slot />
-</div>
+---
+/**
+ * Renders the empty placeholder. The required CSS styles are applied to the placeholder in edit mode.
+ */
+---
+
+<div class="sc-jss-empty-placeholder">
+  <slot />
+</div>

package/src/components/Placeholder/Placeholder.astro

@@ -1,100 +1,100 @@
----
-import { ComponentRendering } from '@sitecore-content-sdk/core/layout';
-import ErrorBoundary from '../ErrorBoundary.astro';
-import PlaceholderMetadata from './PlaceholderMetadata.astro';
-import { useSitecore } from '../../context';
-import RenderWrapper from '../RenderWrapper.astro';
-import EmptyPlaceholder from './EmptyPlaceholder.astro';
-import { PlaceholderProps } from './models';
-import { getPlaceholderRenderings } from './placeholder-utils';
-import { getComponentsForRenderingData } from './PlaceholderUtils.astro';
-
-const props = Astro.props as PlaceholderProps;
-
-const { page } = useSitecore();
-const childProps: PlaceholderProps = { ...props, page };
-
-delete childProps.componentMap;
-
-const renderingData = childProps.rendering;
-
-const placeholderData = getPlaceholderRenderings(
-  renderingData,
-  childProps.name,
-  childProps.page.mode.isEditing
-);
-
-const isEmpty = !placeholderData.length;
-
-const components = getComponentsForRenderingData(placeholderData, childProps);
----
-
-{
-  (
-    <RenderWrapper
-      wrapper={
-        isEmpty
-          ? childProps.page.mode.isEditing && EmptyPlaceholder
-          : childProps.render
-      }
-    >
-      <ErrorBoundary>
-        <RenderWrapper wrapper={isEmpty && childProps.renderEmpty}>
-          {
-            // Conditional rendering based on editing mode
-            childProps.page.mode.isEditing ? (
-              <PlaceholderMetadata
-                placeholderName={childProps.name}
-                rendering={childProps.rendering as ComponentRendering}
-              >
-                {components.map((component) => {
-                  const Component = component.component.component;
-
-                  return (
-                    <RenderWrapper wrapper={childProps.renderEach}>
-                      <PlaceholderMetadata
-                        rendering={component.rendering as ComponentRendering}
-                      >
-                        {!component.component.isEmpty && (
-                          <ErrorBoundary
-                            errorComponent={childProps.errorComponent}
-                            {...component.props}
-                          >
-                            <Component {...component.props} />
-                          </ErrorBoundary>
-                        )}
-                        {component.component.isEmpty && (
-                          <Component {...component.props} />
-                        )}
-                      </PlaceholderMetadata>
-                    </RenderWrapper>
-                  );
-                })}
-              </PlaceholderMetadata>
-            ) : (
-              <>
-                {components.map((component) => {
-                  const Component = component.component.component;
-                  return (
-                    <RenderWrapper
-                      wrapper={
-                        isEmpty ? childProps.renderEmpty : childProps.renderEach
-                      }
-                    >
-                      <ErrorBoundary
-                        errorComponent={childProps.errorComponent}
-                        {...component.props}
-                      >
-                        <Component {...component.props} />
-                      </ErrorBoundary>
-                    </RenderWrapper>
-                  );
-                })}
-              </>
-            )
-          }
-        </RenderWrapper>
-      </ErrorBoundary>
-    </RenderWrapper>
-  )
-}
+---
+import { ComponentRendering } from '@sitecore-content-sdk/core/layout';
+import ErrorBoundary from '../ErrorBoundary.astro';
+import PlaceholderMetadata from './PlaceholderMetadata.astro';
+import { useSitecore } from '../../context';
+import RenderWrapper from '../RenderWrapper.astro';
+import EmptyPlaceholder from './EmptyPlaceholder.astro';
+import { PlaceholderProps } from './models';
+import { getPlaceholderRenderings } from './placeholder-utils';
+import { getComponentsForRenderingData } from './PlaceholderUtils.astro';
+
+const props = Astro.props as PlaceholderProps;
+
+const { page } = useSitecore();
+const childProps: PlaceholderProps = { ...props, page };
+
+delete childProps.componentMap;
+
+const renderingData = childProps.rendering;
+
+const placeholderData = getPlaceholderRenderings(
+  renderingData,
+  childProps.name,
+  childProps.page.mode.isEditing
+);
+
+const isEmpty = !placeholderData.length;
+
+const components = getComponentsForRenderingData(placeholderData, childProps);
+---
+
+{
+  (
+    <RenderWrapper
+      wrapper={
+        isEmpty
+          ? childProps.page.mode.isEditing && EmptyPlaceholder
+          : childProps.render
+      }
+    >
+      <ErrorBoundary>
+        <RenderWrapper wrapper={isEmpty && childProps.renderEmpty}>
+          {
+            // Conditional rendering based on editing mode
+            childProps.page.mode.isEditing ? (
+              <PlaceholderMetadata
+                placeholderName={childProps.name}
+                rendering={childProps.rendering as ComponentRendering}
+              >
+                {components.map((component) => {
+                  const Component = component.component.component;
+
+                  return (
+                    <RenderWrapper wrapper={childProps.renderEach}>
+                      <PlaceholderMetadata
+                        rendering={component.rendering as ComponentRendering}
+                      >
+                        {!component.component.isEmpty && (
+                          <ErrorBoundary
+                            errorComponent={childProps.errorComponent}
+                            {...component.props}
+                          >
+                            <Component {...component.props} />
+                          </ErrorBoundary>
+                        )}
+                        {component.component.isEmpty && (
+                          <Component {...component.props} />
+                        )}
+                      </PlaceholderMetadata>
+                    </RenderWrapper>
+                  );
+                })}
+              </PlaceholderMetadata>
+            ) : (
+              <>
+                {components.map((component) => {
+                  const Component = component.component.component;
+                  return (
+                    <RenderWrapper
+                      wrapper={
+                        isEmpty ? childProps.renderEmpty : childProps.renderEach
+                      }
+                    >
+                      <ErrorBoundary
+                        errorComponent={childProps.errorComponent}
+                        {...component.props}
+                      >
+                        <Component {...component.props} />
+                      </ErrorBoundary>
+                    </RenderWrapper>
+                  );
+                })}
+              </>
+            )
+          }
+        </RenderWrapper>
+      </ErrorBoundary>
+    </RenderWrapper>
+  )
+}