@atlfluidart/rulecms-widgets 0.1.0

package/README.md

@@ -0,0 +1,60 @@
+# @atlfluidart/rulecms-widgets
+
+ATL Fluid Art's RuleCMS component library — the first customer library
+("customer zero") built on the `@rulecms/widget-react` v15 multi-tenant
+component library contract, and the reference implementation for library
+authors.
+
+## What this is
+
+A separately versioned React component library that RuleCMS widgets can
+reference per component via `libraryId: "atlfluidart"`. It conforms to
+widget-react's `ComponentLibraryModule` contract **structurally** — no
+dependency on `@rulecms/widget-react` (a devDependency-only type test
+guarantees the shape).
+
+## Components
+
+| Type | Description |
+|---|---|
+| `coming-soon-message` | Centered, padded announcement text (CMS-editable via `content-text-3-resolutions`; defaults to "New Experiences coming soon") |
+
+## Usage (consumer app)
+
+```tsx
+import * as atlfluidartWidgets from '@atlfluidart/rulecms-widgets';
+
+<RuleCMSWidgetProvider
+  token={token}
+  libraries={{
+    default: sourceComponents,          // @rulecms/source-components-react
+    atlfluidart: atlfluidartWidgets,    // eager (SSR) — or a thunk to code-split
+  }}
+>
+```
+
+A widget config references a component from this library as:
+
+```jsonc
+{ "id": "col-1", "type": "coming-soon-message", "libraryId": "atlfluidart" }
+```
+
+## Library-author conventions demonstrated here
+
+- `manifest` / `components` / `editor` top-level exports (module namespace IS
+  the `ComponentLibraryModule`).
+- React/react-dom externalized (peer dependencies) — never bundled.
+- Kebab-case component type ids; CMS attributes use the
+  `-3-resolutions` convention (`content-text-3-resolutions`, standard
+  dimension and `hide-widget` attributes).
+- Render surface (`components`) carries no editor-only configuration; the
+  optional `editor` surface provides palette previews and attribute metadata
+  for the RuleCMS composer.
+
+## Scripts
+
+- `npm test` — contract conformance + Node SSR render tests (including an
+  end-to-end render through `@rulecms/widget-react` with the namespaced
+  `libraryId`).
+- `npm run build` — rollup → `dist/` (ESM + CJS + d.ts).
+- `npm run release` — test + typecheck + build + publish (user-run).

package/dist/index.cjs

@@ -0,0 +1,2 @@
+"use strict";var e=require("react/jsx-runtime");function t({widgetAttributes:t}){const i=t?.["content-text-3-resolutions"],n=("string"==typeof i&&i.length?i:void 0)??"New Experiences coming soon";return e.jsx("div",{style:{padding:"4rem 1.5rem",textAlign:"center"},children:e.jsx("p",{style:{margin:0,fontSize:"1.5rem",lineHeight:1.4,fontWeight:600},children:n})})}const i={comingSoonMessage:"coming-soon-message"},n={id:i.comingSoonMessage,card:({widgetAttributes:i})=>e.jsx(t,{widgetAttributes:i}),defaultAttributeValues:[{name:"min-width-percentage-3-resolutions",defaultValues:{}},{name:"max-width-percentage-3-resolutions",defaultValues:{}},{name:"min-height-percentage-3-resolutions",defaultValues:{}},{name:"content-text-3-resolutions",defaultValues:{}},{name:"hide-widget-3-resolutions",defaultValues:{}}]},o={id:i.comingSoonMessage,card:()=>e.jsx("div",{style:{color:"#CCCCCC",padding:"4px 8px",textAlign:"center"},children:"New Experiences coming soon"})};const s={id:"atlfluidart",version:"0.1.0",reactPeerRange:">=16.8.0"},a={[n.id]:n},r={previewComponents:{[o.id]:o},previewCardGroups:[{title:"ATL Fluid Art",showInitially:!0,cards:[{title:"Announcements",entries:[o]}]}],componentMetadata:{attributeListForComponentTypes:{},componentNameToModifyAttribute:{},componentMetadata:{[i.comingSoonMessage]:{defaultAttributeValues:n.defaultAttributeValues,attributeEditModeConfigs:[{name:"content-text-3-resolutions",attributeTabName:"text",heading:"Message Text",subHeading:"Set the announcement text for 3 different device resolutions",defaultValues:{}},{name:"min-width-percentage-3-resolutions",attributeTabName:"min-width",heading:"Min Width Percentage",subHeading:"Set the minimum width for 3 different device resolutions",defaultValues:{}},{name:"max-width-percentage-3-resolutions",attributeTabName:"max-width",heading:"Max Width Percentage",subHeading:"Set the maximum width for 3 different device resolutions",defaultValues:{}},{name:"hide-widget-3-resolutions",attributeTabName:"hide-widget",heading:"Hide Widget",subHeading:"Set Show/Hide widget settings for 3 different device resolutions",defaultValues:{}}]}}}};exports.ComingSoonMessage=t,exports.ComponentIdentifiers=i,exports.components=a,exports.editor=r,exports.manifest=s;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../src/components/coming-soon-message/ComingSoonMessage.tsx","../../src/components/coming-soon-message/default-attribute-values.ts","../../src/component-identifiers.ts","../../src/components/coming-soon-message/display-card-entry.tsx","../../src/components/coming-soon-message/editor-preview-entry.tsx","../../src/component-library-module.ts","../../src/components/coming-soon-message/attribute-edit-mode-configs.ts"],"sourcesContent":["const DEFAULT_MESSAGE = 'New Experiences coming soon';\n\n/**\n * Centered announcement message with comfortable padding. The text is\n * CMS-editable via the standard `content-text-3-resolutions` attribute\n * (same convention as the default library's text component); it falls back\n * to the default message when unset.\n */\nexport function ComingSoonMessage({\n  widgetAttributes,\n}: Readonly<{\n  widgetAttributes?: { [key: string]: any };\n}>) {\n  const userAssignedText = widgetAttributes?.['content-text-3-resolutions'];\n  const message =\n    (typeof userAssignedText === 'string' && userAssignedText.length\n      ? userAssignedText\n      : undefined) ?? DEFAULT_MESSAGE;\n\n  return (\n    <div\n      style={{\n        padding: '4rem 1.5rem',\n        textAlign: 'center',\n      }}\n    >\n      <p\n        style={{\n          margin: 0,\n          fontSize: '1.5rem',\n          lineHeight: 1.4,\n          fontWeight: 600,\n        }}\n      >\n        {message}\n      </p>\n    </div>\n  );\n}\n","import { DefaultAttributeValue } from '@atlfluidart-rulecms-widgets/types';\n\nexport const defaultAttributeValues: DefaultAttributeValue[] = [\n  {\n    name: 'min-width-percentage-3-resolutions',\n    defaultValues: {},\n  },\n  {\n    name: 'max-width-percentage-3-resolutions',\n    defaultValues: {},\n  },\n  {\n    name: 'min-height-percentage-3-resolutions',\n    defaultValues: {},\n  },\n  {\n    name: 'content-text-3-resolutions',\n    defaultValues: {},\n  },\n  {\n    name: 'hide-widget-3-resolutions',\n    defaultValues: {},\n  },\n];\n","type ComponentIdentifier = 'coming-soon-message';\n\nexport const ComponentIdentifiers: Record<string, ComponentIdentifier> = {\n  comingSoonMessage: 'coming-soon-message',\n} as const;\n","import { ComingSoonMessage } from './ComingSoonMessage';\nimport { defaultAttributeValues } from './default-attribute-values';\nimport type { LibraryComponentEntry } from '@atlfluidart-rulecms-widgets/types';\nimport { ComponentIdentifiers } from '@atlfluidart-rulecms-widgets/component-identifiers';\n\nexport const displayCardEntry: LibraryComponentEntry = {\n  id: ComponentIdentifiers.comingSoonMessage,\n  card: ({\n    widgetAttributes,\n  }: {\n    widgetAttributes?: { [key: string]: any };\n  }) => <ComingSoonMessage widgetAttributes={widgetAttributes} />,\n  defaultAttributeValues,\n};\n","import type { EditorPreviewEntry } from '@atlfluidart-rulecms-widgets/types';\nimport { ComponentIdentifiers } from '@atlfluidart-rulecms-widgets/component-identifiers';\n\n/** Compact palette/drag preview for the composer. */\nexport const editorPreviewEntry: EditorPreviewEntry = {\n  id: ComponentIdentifiers.comingSoonMessage,\n  card: () => (\n    <div style={{ color: '#CCCCCC', padding: '4px 8px', textAlign: 'center' }}>\n      New Experiences coming soon\n    </div>\n  ),\n};\n","import { displayCardEntry } from './components/coming-soon-message/display-card-entry';\nimport { editorPreviewEntry } from './components/coming-soon-message/editor-preview-entry';\nimport { attributeEditModeConfigs } from './components/coming-soon-message/attribute-edit-mode-configs';\nimport { ComponentIdentifiers } from './component-identifiers';\nimport type {\n  LibraryComponentEntry,\n  EditorPreviewEntry,\n  LibraryCardGroup,\n  ComponentMetadataForEditing,\n} from './types';\nimport packageJson from '../package.json';\n\n/**\n * ComponentLibraryModule conformance (the @rulecms/widget-react contract).\n *\n * ATL Fluid Art's component library — \"customer zero\" of the multi-tenant\n * component library architecture. Registered by the consumer app under the\n * libraryId \"atlfluidart\"; config components reference it as\n * `{ \"type\": \"coming-soon-message\", \"libraryId\": \"atlfluidart\" }` and the\n * render pipeline resolves them via the namespaced key\n * `atlfluidart/coming-soon-message`.\n */\n\nexport const manifest = {\n  id: 'atlfluidart',\n  version: packageJson.version,\n  reactPeerRange: '>=16.8.0',\n};\n\n/** The render surface: component type → renderable entry. */\nexport const components: Record<string, LibraryComponentEntry> = {\n  [displayCardEntry.id]: displayCardEntry,\n};\n\n/** The editor surface: palette + attribute metadata for the RuleCMS composer. */\nexport const editor = {\n  previewComponents: {\n    [editorPreviewEntry.id]: editorPreviewEntry,\n  } as Record<string, EditorPreviewEntry>,\n  previewCardGroups: [\n    {\n      title: 'ATL Fluid Art',\n      showInitially: true,\n      cards: [{ title: 'Announcements', entries: [editorPreviewEntry] }],\n    },\n  ] as LibraryCardGroup[],\n  componentMetadata: {\n    attributeListForComponentTypes: {},\n    componentNameToModifyAttribute: {},\n    componentMetadata: {\n      [ComponentIdentifiers.comingSoonMessage]: {\n        defaultAttributeValues: displayCardEntry.defaultAttributeValues,\n        attributeEditModeConfigs,\n      },\n    },\n  } as ComponentMetadataForEditing,\n};\n","import { AttributeEditModeConfig } from '@atlfluidart-rulecms-widgets/types';\n\nexport const attributeEditModeConfigs: AttributeEditModeConfig[] = [\n  {\n    name: 'content-text-3-resolutions',\n    attributeTabName: 'text',\n    heading: 'Message Text',\n    subHeading: 'Set the announcement text for 3 different device resolutions',\n    defaultValues: {},\n  },\n  {\n    name: 'min-width-percentage-3-resolutions',\n    attributeTabName: 'min-width',\n    heading: 'Min Width Percentage',\n    subHeading: 'Set the minimum width for 3 different device resolutions',\n    defaultValues: {},\n  },\n  {\n    name: 'max-width-percentage-3-resolutions',\n    attributeTabName: 'max-width',\n    heading: 'Max Width Percentage',\n    subHeading: 'Set the maximum width for 3 different device resolutions',\n    defaultValues: {},\n  },\n  {\n    name: 'hide-widget-3-resolutions',\n    attributeTabName: 'hide-widget',\n    heading: 'Hide Widget',\n    subHeading: 'Set Show/Hide widget settings for 3 different device resolutions',\n    defaultValues: {},\n  },\n];\n"],"names":["ComingSoonMessage","widgetAttributes","userAssignedText","message","length","undefined","_jsx","style","padding","textAlign","children","margin","fontSize","lineHeight","fontWeight","ComponentIdentifiers","comingSoonMessage","displayCardEntry","id","card","defaultAttributeValues","name","defaultValues","editorPreviewEntry","color","manifest","version","reactPeerRange","components","editor","previewComponents","previewCardGroups","title","showInitially","cards","entries","componentMetadata","attributeListForComponentTypes","componentNameToModifyAttribute","attributeEditModeConfigs","attributeTabName","heading","subHeading"],"mappings":"gDAQM,SAAUA,GAAkBC,iBAChCA,IAIA,MAAMC,EAAmBD,IAAmB,8BACtCE,GACyB,iBAArBD,GAAiCA,EAAiBE,OACtDF,OACAG,IAjBgB,8BAmBtB,OACEC,EAAAA,IAAA,MAAA,CACEC,MAAO,CACLC,QAAS,cACTC,UAAW,UACZC,SAEDJ,EAAAA,IAAA,IAAA,CACEC,MAAO,CACLI,OAAQ,EACRC,SAAU,SACVC,WAAY,IACZC,WAAY,KACbJ,SAEAP,KAIT,CCpCO,MCAMY,EAA4D,CACvEC,kBAAmB,uBCERC,EAA0C,CACrDC,GAAIH,EAAqBC,kBACzBG,KAAM,EACJlB,sBAGIK,EAAAA,IAACN,EAAiB,CAACC,iBAAkBA,IAC3CmB,uBFV6D,CAC7D,CACEC,KAAM,qCACNC,cAAe,CAAA,GAEjB,CACED,KAAM,qCACNC,cAAe,CAAA,GAEjB,CACED,KAAM,sCACNC,cAAe,CAAA,GAEjB,CACED,KAAM,6BACNC,cAAe,CAAA,GAEjB,CACED,KAAM,4BACNC,cAAe,CAAA,KGjBNC,EAAyC,CACpDL,GAAIH,EAAqBC,kBACzBG,KAAM,IACJb,EAAAA,IAAA,MAAA,CAAKC,MAAO,CAAEiB,MAAO,UAAWhB,QAAS,UAAWC,UAAW,UAAUC,SAAA,iCCgBtE,MAAMe,EAAW,CACtBP,GAAI,cACJQ,gBACAC,eAAgB,YAILC,EAAoD,CAC/D,CAACX,EAAiBC,IAAKD,GAIZY,EAAS,CACpBC,kBAAmB,CACjB,CAACP,EAAmBL,IAAKK,GAE3BQ,kBAAmB,CACjB,CACEC,MAAO,gBACPC,eAAe,EACfC,MAAO,CAAC,CAAEF,MAAO,gBAAiBG,QAAS,CAACZ,OAGhDa,kBAAmB,CACjBC,+BAAgC,CAAA,EAChCC,+BAAgC,CAAA,EAChCF,kBAAmB,CACjB,CAACrB,EAAqBC,mBAAoB,CACxCI,uBAAwBH,EAAiBG,uBACzCmB,yBClD2D,CACjE,CACElB,KAAM,6BACNmB,iBAAkB,OAClBC,QAAS,eACTC,WAAY,+DACZpB,cAAe,CAAA,GAEjB,CACED,KAAM,qCACNmB,iBAAkB,YAClBC,QAAS,uBACTC,WAAY,2DACZpB,cAAe,CAAA,GAEjB,CACED,KAAM,qCACNmB,iBAAkB,YAClBC,QAAS,uBACTC,WAAY,2DACZpB,cAAe,CAAA,GAEjB,CACED,KAAM,4BACNmB,iBAAkB,cAClBC,QAAS,cACTC,WAAY,mEACZpB,cAAe,CAAA"}

package/dist/index.d.ts

@@ -0,0 +1,107 @@
+import * as react from 'react';
+
+/**
+ * Local structural copies of the @rulecms/widget-react component-library
+ * contract shapes. The contract is satisfied STRUCTURALLY — this package has
+ * no runtime dependency on @rulecms/widget-react. The devDependency-only
+ * type-conformance test (__tests__/contract-conformance.test.ts) guarantees
+ * these stay assignable to the real contract.
+ */
+type DeviceTypeBasedAttributeValues = {
+    phone?: any;
+    tablet?: any;
+    desktop?: any;
+    all?: any;
+};
+type DefaultAttributeValue = {
+    name: string;
+    defaultValues: DeviceTypeBasedAttributeValues;
+};
+type RenderedOrFunctionalWidgetEntry = JSX.Element | ((props: {
+    widgetAttributes?: {
+        [key: string]: any;
+    };
+    pageViewType: 'Preview' | 'Compose' | 'RenderedPage';
+    styleProps: {
+        [key: string]: any;
+    } | undefined;
+}) => JSX.Element);
+type LibraryComponentEntry = {
+    id: string;
+    card: RenderedOrFunctionalWidgetEntry;
+    defaultAttributeValues: DefaultAttributeValue[];
+};
+type AttributeEditModeConfig = {
+    name: string;
+    attributeTabName: string;
+    heading?: string;
+    subHeading?: string;
+    defaultValues?: DeviceTypeBasedAttributeValues;
+};
+type EditorPreviewEntry = {
+    id: string;
+    card: RenderedOrFunctionalWidgetEntry;
+};
+type LibraryCard = {
+    title: string;
+    entries: EditorPreviewEntry[];
+};
+type LibraryCardGroup = {
+    title: string;
+    cards: LibraryCard[];
+    showInitially?: boolean;
+};
+type ComponentMetadata = {
+    defaultAttributeValues: DefaultAttributeValue[];
+    attributeEditModeConfigs: AttributeEditModeConfig[];
+};
+type ComponentMetadataForEditing = {
+    attributeListForComponentTypes: {
+        [key: string]: string[];
+    };
+    componentNameToModifyAttribute: {
+        [key: string]: string;
+    };
+    componentMetadata: Record<string, ComponentMetadata>;
+};
+
+/**
+ * ComponentLibraryModule conformance (the @rulecms/widget-react contract).
+ *
+ * ATL Fluid Art's component library — "customer zero" of the multi-tenant
+ * component library architecture. Registered by the consumer app under the
+ * libraryId "atlfluidart"; config components reference it as
+ * `{ "type": "coming-soon-message", "libraryId": "atlfluidart" }` and the
+ * render pipeline resolves them via the namespaced key
+ * `atlfluidart/coming-soon-message`.
+ */
+declare const manifest: {
+    id: string;
+    version: string;
+    reactPeerRange: string;
+};
+/** The render surface: component type → renderable entry. */
+declare const components: Record<string, LibraryComponentEntry>;
+/** The editor surface: palette + attribute metadata for the RuleCMS composer. */
+declare const editor: {
+    previewComponents: Record<string, EditorPreviewEntry>;
+    previewCardGroups: LibraryCardGroup[];
+    componentMetadata: ComponentMetadataForEditing;
+};
+
+type ComponentIdentifier = 'coming-soon-message';
+declare const ComponentIdentifiers: Record<string, ComponentIdentifier>;
+
+/**
+ * Centered announcement message with comfortable padding. The text is
+ * CMS-editable via the standard `content-text-3-resolutions` attribute
+ * (same convention as the default library's text component); it falls back
+ * to the default message when unset.
+ */
+declare function ComingSoonMessage({ widgetAttributes, }: Readonly<{
+    widgetAttributes?: {
+        [key: string]: any;
+    };
+}>): react.JSX.Element;
+
+export { ComingSoonMessage, ComponentIdentifiers, components, editor, manifest };

package/dist/index.esm.js

@@ -0,0 +1,2 @@
+import{jsx as e}from"react/jsx-runtime";function t({widgetAttributes:t}){const i=t?.["content-text-3-resolutions"],n=("string"==typeof i&&i.length?i:void 0)??"New Experiences coming soon";return e("div",{style:{padding:"4rem 1.5rem",textAlign:"center"},children:e("p",{style:{margin:0,fontSize:"1.5rem",lineHeight:1.4,fontWeight:600},children:n})})}const i={comingSoonMessage:"coming-soon-message"},n={id:i.comingSoonMessage,card:({widgetAttributes:i})=>e(t,{widgetAttributes:i}),defaultAttributeValues:[{name:"min-width-percentage-3-resolutions",defaultValues:{}},{name:"max-width-percentage-3-resolutions",defaultValues:{}},{name:"min-height-percentage-3-resolutions",defaultValues:{}},{name:"content-text-3-resolutions",defaultValues:{}},{name:"hide-widget-3-resolutions",defaultValues:{}}]},a={id:i.comingSoonMessage,card:()=>e("div",{style:{color:"#CCCCCC",padding:"4px 8px",textAlign:"center"},children:"New Experiences coming soon"})};const o={id:"atlfluidart",version:"0.1.0",reactPeerRange:">=16.8.0"},s={[n.id]:n},d={previewComponents:{[a.id]:a},previewCardGroups:[{title:"ATL Fluid Art",showInitially:!0,cards:[{title:"Announcements",entries:[a]}]}],componentMetadata:{attributeListForComponentTypes:{},componentNameToModifyAttribute:{},componentMetadata:{[i.comingSoonMessage]:{defaultAttributeValues:n.defaultAttributeValues,attributeEditModeConfigs:[{name:"content-text-3-resolutions",attributeTabName:"text",heading:"Message Text",subHeading:"Set the announcement text for 3 different device resolutions",defaultValues:{}},{name:"min-width-percentage-3-resolutions",attributeTabName:"min-width",heading:"Min Width Percentage",subHeading:"Set the minimum width for 3 different device resolutions",defaultValues:{}},{name:"max-width-percentage-3-resolutions",attributeTabName:"max-width",heading:"Max Width Percentage",subHeading:"Set the maximum width for 3 different device resolutions",defaultValues:{}},{name:"hide-widget-3-resolutions",attributeTabName:"hide-widget",heading:"Hide Widget",subHeading:"Set Show/Hide widget settings for 3 different device resolutions",defaultValues:{}}]}}}};export{t as ComingSoonMessage,i as ComponentIdentifiers,s as components,d as editor,o as manifest};
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../src/components/coming-soon-message/ComingSoonMessage.tsx","../../src/components/coming-soon-message/default-attribute-values.ts","../../src/component-identifiers.ts","../../src/components/coming-soon-message/display-card-entry.tsx","../../src/components/coming-soon-message/editor-preview-entry.tsx","../../src/component-library-module.ts","../../src/components/coming-soon-message/attribute-edit-mode-configs.ts"],"sourcesContent":["const DEFAULT_MESSAGE = 'New Experiences coming soon';\n\n/**\n * Centered announcement message with comfortable padding. The text is\n * CMS-editable via the standard `content-text-3-resolutions` attribute\n * (same convention as the default library's text component); it falls back\n * to the default message when unset.\n */\nexport function ComingSoonMessage({\n  widgetAttributes,\n}: Readonly<{\n  widgetAttributes?: { [key: string]: any };\n}>) {\n  const userAssignedText = widgetAttributes?.['content-text-3-resolutions'];\n  const message =\n    (typeof userAssignedText === 'string' && userAssignedText.length\n      ? userAssignedText\n      : undefined) ?? DEFAULT_MESSAGE;\n\n  return (\n    <div\n      style={{\n        padding: '4rem 1.5rem',\n        textAlign: 'center',\n      }}\n    >\n      <p\n        style={{\n          margin: 0,\n          fontSize: '1.5rem',\n          lineHeight: 1.4,\n          fontWeight: 600,\n        }}\n      >\n        {message}\n      </p>\n    </div>\n  );\n}\n","import { DefaultAttributeValue } from '@atlfluidart-rulecms-widgets/types';\n\nexport const defaultAttributeValues: DefaultAttributeValue[] = [\n  {\n    name: 'min-width-percentage-3-resolutions',\n    defaultValues: {},\n  },\n  {\n    name: 'max-width-percentage-3-resolutions',\n    defaultValues: {},\n  },\n  {\n    name: 'min-height-percentage-3-resolutions',\n    defaultValues: {},\n  },\n  {\n    name: 'content-text-3-resolutions',\n    defaultValues: {},\n  },\n  {\n    name: 'hide-widget-3-resolutions',\n    defaultValues: {},\n  },\n];\n","type ComponentIdentifier = 'coming-soon-message';\n\nexport const ComponentIdentifiers: Record<string, ComponentIdentifier> = {\n  comingSoonMessage: 'coming-soon-message',\n} as const;\n","import { ComingSoonMessage } from './ComingSoonMessage';\nimport { defaultAttributeValues } from './default-attribute-values';\nimport type { LibraryComponentEntry } from '@atlfluidart-rulecms-widgets/types';\nimport { ComponentIdentifiers } from '@atlfluidart-rulecms-widgets/component-identifiers';\n\nexport const displayCardEntry: LibraryComponentEntry = {\n  id: ComponentIdentifiers.comingSoonMessage,\n  card: ({\n    widgetAttributes,\n  }: {\n    widgetAttributes?: { [key: string]: any };\n  }) => <ComingSoonMessage widgetAttributes={widgetAttributes} />,\n  defaultAttributeValues,\n};\n","import type { EditorPreviewEntry } from '@atlfluidart-rulecms-widgets/types';\nimport { ComponentIdentifiers } from '@atlfluidart-rulecms-widgets/component-identifiers';\n\n/** Compact palette/drag preview for the composer. */\nexport const editorPreviewEntry: EditorPreviewEntry = {\n  id: ComponentIdentifiers.comingSoonMessage,\n  card: () => (\n    <div style={{ color: '#CCCCCC', padding: '4px 8px', textAlign: 'center' }}>\n      New Experiences coming soon\n    </div>\n  ),\n};\n","import { displayCardEntry } from './components/coming-soon-message/display-card-entry';\nimport { editorPreviewEntry } from './components/coming-soon-message/editor-preview-entry';\nimport { attributeEditModeConfigs } from './components/coming-soon-message/attribute-edit-mode-configs';\nimport { ComponentIdentifiers } from './component-identifiers';\nimport type {\n  LibraryComponentEntry,\n  EditorPreviewEntry,\n  LibraryCardGroup,\n  ComponentMetadataForEditing,\n} from './types';\nimport packageJson from '../package.json';\n\n/**\n * ComponentLibraryModule conformance (the @rulecms/widget-react contract).\n *\n * ATL Fluid Art's component library — \"customer zero\" of the multi-tenant\n * component library architecture. Registered by the consumer app under the\n * libraryId \"atlfluidart\"; config components reference it as\n * `{ \"type\": \"coming-soon-message\", \"libraryId\": \"atlfluidart\" }` and the\n * render pipeline resolves them via the namespaced key\n * `atlfluidart/coming-soon-message`.\n */\n\nexport const manifest = {\n  id: 'atlfluidart',\n  version: packageJson.version,\n  reactPeerRange: '>=16.8.0',\n};\n\n/** The render surface: component type → renderable entry. */\nexport const components: Record<string, LibraryComponentEntry> = {\n  [displayCardEntry.id]: displayCardEntry,\n};\n\n/** The editor surface: palette + attribute metadata for the RuleCMS composer. */\nexport const editor = {\n  previewComponents: {\n    [editorPreviewEntry.id]: editorPreviewEntry,\n  } as Record<string, EditorPreviewEntry>,\n  previewCardGroups: [\n    {\n      title: 'ATL Fluid Art',\n      showInitially: true,\n      cards: [{ title: 'Announcements', entries: [editorPreviewEntry] }],\n    },\n  ] as LibraryCardGroup[],\n  componentMetadata: {\n    attributeListForComponentTypes: {},\n    componentNameToModifyAttribute: {},\n    componentMetadata: {\n      [ComponentIdentifiers.comingSoonMessage]: {\n        defaultAttributeValues: displayCardEntry.defaultAttributeValues,\n        attributeEditModeConfigs,\n      },\n    },\n  } as ComponentMetadataForEditing,\n};\n","import { AttributeEditModeConfig } from '@atlfluidart-rulecms-widgets/types';\n\nexport const attributeEditModeConfigs: AttributeEditModeConfig[] = [\n  {\n    name: 'content-text-3-resolutions',\n    attributeTabName: 'text',\n    heading: 'Message Text',\n    subHeading: 'Set the announcement text for 3 different device resolutions',\n    defaultValues: {},\n  },\n  {\n    name: 'min-width-percentage-3-resolutions',\n    attributeTabName: 'min-width',\n    heading: 'Min Width Percentage',\n    subHeading: 'Set the minimum width for 3 different device resolutions',\n    defaultValues: {},\n  },\n  {\n    name: 'max-width-percentage-3-resolutions',\n    attributeTabName: 'max-width',\n    heading: 'Max Width Percentage',\n    subHeading: 'Set the maximum width for 3 different device resolutions',\n    defaultValues: {},\n  },\n  {\n    name: 'hide-widget-3-resolutions',\n    attributeTabName: 'hide-widget',\n    heading: 'Hide Widget',\n    subHeading: 'Set Show/Hide widget settings for 3 different device resolutions',\n    defaultValues: {},\n  },\n];\n"],"names":["ComingSoonMessage","widgetAttributes","userAssignedText","message","length","undefined","_jsx","style","padding","textAlign","children","margin","fontSize","lineHeight","fontWeight","ComponentIdentifiers","comingSoonMessage","displayCardEntry","id","card","defaultAttributeValues","name","defaultValues","editorPreviewEntry","color","manifest","version","reactPeerRange","components","editor","previewComponents","previewCardGroups","title","showInitially","cards","entries","componentMetadata","attributeListForComponentTypes","componentNameToModifyAttribute","attributeEditModeConfigs","attributeTabName","heading","subHeading"],"mappings":"wCAQM,SAAUA,GAAkBC,iBAChCA,IAIA,MAAMC,EAAmBD,IAAmB,8BACtCE,GACyB,iBAArBD,GAAiCA,EAAiBE,OACtDF,OACAG,IAjBgB,8BAmBtB,OACEC,EAAA,MAAA,CACEC,MAAO,CACLC,QAAS,cACTC,UAAW,UACZC,SAEDJ,EAAA,IAAA,CACEC,MAAO,CACLI,OAAQ,EACRC,SAAU,SACVC,WAAY,IACZC,WAAY,KACbJ,SAEAP,KAIT,CCpCO,MCAMY,EAA4D,CACvEC,kBAAmB,uBCERC,EAA0C,CACrDC,GAAIH,EAAqBC,kBACzBG,KAAM,EACJlB,sBAGIK,EAACN,EAAiB,CAACC,iBAAkBA,IAC3CmB,uBFV6D,CAC7D,CACEC,KAAM,qCACNC,cAAe,CAAA,GAEjB,CACED,KAAM,qCACNC,cAAe,CAAA,GAEjB,CACED,KAAM,sCACNC,cAAe,CAAA,GAEjB,CACED,KAAM,6BACNC,cAAe,CAAA,GAEjB,CACED,KAAM,4BACNC,cAAe,CAAA,KGjBNC,EAAyC,CACpDL,GAAIH,EAAqBC,kBACzBG,KAAM,IACJb,EAAA,MAAA,CAAKC,MAAO,CAAEiB,MAAO,UAAWhB,QAAS,UAAWC,UAAW,UAAUC,SAAA,iCCgBtE,MAAMe,EAAW,CACtBP,GAAI,cACJQ,gBACAC,eAAgB,YAILC,EAAoD,CAC/D,CAACX,EAAiBC,IAAKD,GAIZY,EAAS,CACpBC,kBAAmB,CACjB,CAACP,EAAmBL,IAAKK,GAE3BQ,kBAAmB,CACjB,CACEC,MAAO,gBACPC,eAAe,EACfC,MAAO,CAAC,CAAEF,MAAO,gBAAiBG,QAAS,CAACZ,OAGhDa,kBAAmB,CACjBC,+BAAgC,CAAA,EAChCC,+BAAgC,CAAA,EAChCF,kBAAmB,CACjB,CAACrB,EAAqBC,mBAAoB,CACxCI,uBAAwBH,EAAiBG,uBACzCmB,yBClD2D,CACjE,CACElB,KAAM,6BACNmB,iBAAkB,OAClBC,QAAS,eACTC,WAAY,+DACZpB,cAAe,CAAA,GAEjB,CACED,KAAM,qCACNmB,iBAAkB,YAClBC,QAAS,uBACTC,WAAY,2DACZpB,cAAe,CAAA,GAEjB,CACED,KAAM,qCACNmB,iBAAkB,YAClBC,QAAS,uBACTC,WAAY,2DACZpB,cAAe,CAAA,GAEjB,CACED,KAAM,4BACNmB,iBAAkB,cAClBC,QAAS,cACTC,WAAY,mEACZpB,cAAe,CAAA"}

package/package.json

@@ -0,0 +1,74 @@
+{
+  "name": "@atlfluidart/rulecms-widgets",
+  "type": "module",
+  "version": "0.1.0",
+  "description": "ATL Fluid Art's RuleCMS component library (customer zero of the multi-tenant component library architecture)",
+  "main": "dist/index.esm.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.cjs",
+      "default": "./dist/index.esm.js"
+    }
+  },
+  "private": false,
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "rollup -c",
+    "dev": "rollup -c -w",
+    "test": "vitest run",
+    "test:watch": "vitest watch",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "npm run test && npm run typecheck && npm run build",
+    "version:patch": "npm version patch",
+    "version:minor": "npm version minor",
+    "version:major": "npm version major",
+    "release": "npm run test && npm run typecheck && npm run build && npm publish --access public"
+  },
+  "keywords": [
+    "rulecms",
+    "atlfluidart",
+    "components",
+    "react",
+    "cms"
+  ],
+  "author": "RuleCMS, LLC",
+  "license": "UNLICENSED",
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^28.0.0",
+    "@rollup/plugin-json": "^6.0.0",
+    "@rollup/plugin-node-resolve": "^15.0.0",
+    "@rollup/plugin-terser": "^0.4.0",
+    "@rollup/plugin-typescript": "^12.0.0",
+    "@rulecms/widget-react": "^15.0.0",
+    "@types/node": "^22.0.0",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "@vitejs/plugin-react": "^4.0.0",
+    "jsdom": "^25.0.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "rollup": "^4.0.0",
+    "rollup-plugin-dts": "^6.0.0",
+    "rollup-plugin-peer-deps-external": "^2.0.0",
+    "tslib": "^2.0.0",
+    "typescript": "^5.0.0",
+    "vite": "^5.0.0",
+    "vitest": "^2.1.3"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "engines": {
+    "node": ">=16.0.0"
+  }
+}