first working round

Author: aleclofabbro

package.json

@@ -46,7 +46,7 @@
     "prj-husky-init": "rimraf .husky && husky install && husky add .husky/pre-commit \"npm run pre-commit\"",
     "prj-bs": "lerna bootstrap --hoist",
     "dev-assistant": "lerna run --parallel --stream dev-assistant --",
-    "prj-build": "tsc --build packages/arangodb packages/component-library packages/system-entities packages/core packages/crypto packages/email-service packages/extensions-manager packages/http-server packages/key-value-store packages/organization packages/react-app packages/simple-email-auth packages/ed-resource packages/collection packages/ed-meta packages/simple-file-store packages/openid packages/web-user packages/unsplash packages/moodle-lms-integration packages/mn-central-jira-simple-moderations packages/core-domain packages/openai-autofill",
+    "prj-build": "tsc --build packages/arangodb packages/component-library packages/system-entities packages/core packages/crypto packages/email-service packages/extensions-manager packages/http-server packages/key-value-store packages/organization packages/react-app packages/simple-email-auth packages/ed-resource packages/collection packages/ed-meta packages/simple-file-store packages/openid packages/web-user packages/unsplash packages/moodle-lms-integration packages/mn-central-jira-simple-moderations packages/core-domain packages/openai-autofill packages/web-user-auto-publisher",
     "prj-build-watch": "npm run prj-build -- --watch",
     "prj-build-clean": "npm run prj-build -- --clean",
     "dev-install-backend": "node bin/install.mjs",

packages/component-library/src/common/utilities.ts

@@ -1,6 +1,15 @@
+/* eslint-disable prefer-const */
 import defaultsDeep from 'lodash/defaultsDeep.js'
 import type { PartialDeep } from 'type-fest'
 
+export const getDomainUrl = (url: string): string | undefined => {
+  try {
+    return new URL(url).hostname.replace('www.', '')
+  } catch (e) {
+    return undefined
+  }
+}
+
 export const overrideDeep = <T>(base: T, overrides: PartialDeep<T> | undefined): T => {
   return defaultsDeep(overrides, base)
 }

packages/component-library/src/webapp/ui/helpers/utilities.tsx

@@ -1,6 +1,7 @@
 import assert from 'assert'
 import type { ReactElement } from 'react'
 import { useEffect, useMemo, useState } from 'react'
+import { getDomainUrl } from '../../../common.mjs'
 import type { AssetInfo } from '../../../common/types.mjs'
 import type { AddonItem } from '../../../ui.mjs'
 import { getYouTubeEmbed, getYouTubeThumbnail } from '../../../ui.mjs'
@@ -164,14 +165,6 @@ export const getThumbnailFromUrl = (url: string): ThumbnailType => {
   }
 }
 
-export const getDomainUrl = (url: string): string | undefined => {
-  try {
-    return new URL(url).hostname.replace('www.', '')
-  } catch (e) {
-    return undefined
-  }
-}
-
 export const sortAddonItems = (
   items: (AddonItem | JSX.Element | null | boolean)[],
 ): (AddonItem | JSX.Element)[] => {

packages/ed-resource/src/common/types.mts

@@ -1,5 +1,5 @@
 import type { IconTextOptionProps, TextOptionProps } from '@moodlenet/component-library'
-import { getDomainUrl } from '@moodlenet/component-library'
+import { getDomainUrl } from '@moodlenet/component-library/common'
 import type { StateName } from '@moodlenet/core-domain/resource'
 import type { Href } from '@moodlenet/react-app/common'
 // import { AuthDataRpc } from '@moodlenet/web-user/common'

packages/storybook/src/components/pages/Emails/FirstContributionEmail.stories._tsx

@@ -0,0 +1,23 @@
+// FirstContributionEmail.stories.js
+import { render } from '@react-email/render'
+import type { FirstContributionEmailProps } from '../../../../../web-user/src/common/emails/FirstContributionEmail/FirstContributionEmail.js'
+import FirstContributionEmail from '../../../../../web-user/src/common/emails/FirstContributionEmail/FirstContributionEmail.js'
+
+export default {
+  title: 'Pages/Emails/Publisher/FirstContribution',
+  // component: FirstContributionEmail,
+  parameters: { layout: 'no-wrapper' },
+}
+
+const EmailTemplate = () => {
+  const props: FirstContributionEmailProps = {
+    instanceName: 'MoodleNet',
+    actionUrl: 'https://moodle.net/changepassword',
+  }
+
+  const html = render(<FirstContributionEmail {...props} />)
+
+  return <div style={{ height: '100%' }} dangerouslySetInnerHTML={{ __html: html }} />
+}
+
+export const Default = EmailTemplate.bind({})

packages/storybook/src/components/pages/Emails/FirstContributionEmail.stories.tsx

@@ -0,0 +1,25 @@
+// NewPublisherEmail.stories.js
+import { render } from '@react-email/render'
+import {
+  NewPublisherEmail,
+  type NewPublisherEmailProps,
+} from '../../../../../web-user/src/common/emails/NewPublisherEmail/NewPublisherEmail.js'
+
+export default {
+  title: 'Pages/Emails/Publisher/NewPublisher',
+  component: NewPublisherEmail,
+  parameters: { layout: 'no-wrapper' },
+}
+
+const EmailTemplate = () => {
+  const props: NewPublisherEmailProps = {
+    instanceName: 'MoodleNet',
+    actionUrl: 'https://moodle.net/changepassword',
+  }
+
+  const html = render(<NewPublisherEmail {...props} />)
+
+  return <div style={{ height: '100%' }} dangerouslySetInnerHTML={{ __html: html }} />
+}
+
+export const Default = EmailTemplate.bind({})

packages/storybook/src/components/pages/Emails/NewPublisherEmail.stories._tsx

@@ -0,0 +1,25 @@
+// SecondContributionEmail.stories.js
+import { render } from '@react-email/render'
+import {
+  SecondContributionEmail,
+  type SecondContributionEmailProps,
+} from '../../../../../web-user/src/common/emails/Publisher/SecondContributionEmail/SecondContributionEmail.js'
+
+export default {
+  title: 'Pages/Emails/Publisher/SecondContribution',
+  component: SecondContributionEmail,
+  parameters: { layout: 'no-wrapper' },
+}
+
+const EmailTemplate = () => {
+  const props: SecondContributionEmailProps = {
+    actionUrl: 'https://moodle.net/changepassword',
+  }
+
+  const html = render(<SecondContributionEmail {...props} />)
+  console.log('html', html)
+
+  return <div style={{ height: '100%' }} dangerouslySetInnerHTML={{ __html: html }} />
+}
+
+export const Default = EmailTemplate.bind({})

packages/storybook/src/components/pages/Emails/NewPublisherEmail.stories.tsx

@@ -0,0 +1,2 @@
+/dist
+/tsconfig.tsbuildinfo

packages/storybook/src/components/pages/Emails/SecondContributionEmail.stories._tsx

@@ -0,0 +1,5 @@
+# Dev Notes
+
+## Exploring clean architecture pattern
+
+Given the simplicity of this feature package, I take the chance to explore a clean-architecture pattern implementation Particularly, Primary-Ctrl-Secondary message flow and structure