@openedx/frontend-base 1.0.0-alpha.32 → 1.0.0-alpha.34
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/shell/dev/slotShowcase/app.js +1 -1
- package/dist/shell/dev/slotShowcase/app.js.map +1 -1
- package/dist/shell/site.config.dev.d.ts +1 -1
- package/dist/shell/site.config.dev.js +1 -1
- package/dist/shell/site.config.dev.js.map +1 -1
- package/dist/shell/style.d.ts +3 -0
- package/dist/shell/style.js +10 -0
- package/dist/shell/style.js.map +1 -0
- package/dist/shell/{app.scss → style.scss} +1 -2
- package/dist/tools/webpack/common-config/all/getStylesheetRule.d.ts +0 -6
- package/dist/tools/webpack/common-config/all/getStylesheetRule.js +75 -39
- package/dist/tools/webpack/common-config/all/postcssWrapLayer.d.ts +4 -0
- package/dist/tools/webpack/common-config/all/postcssWrapLayer.js +32 -0
- package/package.json +4 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app.js","sourceRoot":"","sources":["../../../../shell/dev/slotShowcase/app.tsx"],"names":[],"mappings":"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","sourcesContent":["import { NavDropdownMenuSlot } from '../..';\nimport LinkMenuItem from '../../menus/LinkMenuItem';\nimport { LayoutOperationTypes, WidgetOperationTypes, useSlotContext } from '../../../runtime';\nimport { App } from '../../../types';\nimport HorizontalSlotLayout from './HorizontalSlotLayout';\nimport SlotShowcasePage from './SlotShowcasePage';\nimport WidgetWithOptions from './WidgetWithOptions';\n\nfunction Widget({ title, op, className, ...props }: { title: string, op?: string, className?: string } & Record<string, unknown>) {\n return (\n <div className={`showcase-widget ${className ?? ''}`} {...props}>\n {title}\n {op && (\n <span>{' '}(<code>{op}</code>)</span>\n )}\n </div>\n );\n}\n\nfunction TakesProps({ aSlotProp }: { aSlotProp: string }) {\n return (\n <div className=\"showcase-widget\">And this is a slot prop that was passed down via props: <code>{aSlotProp}</code></div>\n );\n}\n\nfunction TakesPropsViaContext() {\n const slotContext = useSlotContext();\n const aSlotProp = typeof slotContext.aSlotProp === 'string' ? slotContext.aSlotProp : 'foo';\n return (\n <div className=\"showcase-widget\">And this is the same prop, but accessed via slot context: <code>{aSlotProp}</code></div>\n );\n}\n\nconst app: App = {\n appId: 'org.openedx.frontend.app.slotShowcase',\n routes: [{\n id: 'org.openedx.frontend.route.slotShowcase',\n path: '/slots',\n Component: SlotShowcasePage,\n handle: {\n role: 'org.openedx.frontend.role.slotShowcase',\n }\n }],\n slots: [\n // Simple\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseSimple',\n id: 'org.openedx.frontend.widget.slotShowcase.simpleChild1',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget One\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseSimple',\n id: 'org.openedx.frontend.widget.slotShowcase.simpleChild2',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget Two\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseSimple',\n id: 'org.openedx.frontend.widget.slotShowcase.simpleChild3',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget Three\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseSimpleWithDefaultContent',\n id: 'org.openedx.frontend.widget.slotShowcase.simpleChild4',\n op: WidgetOperationTypes.APPEND,\n component: TakesProps\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseSimpleWithDefaultContent',\n id: 'org.openedx.frontend.widget.slotShowcase.simpleChild5',\n op: WidgetOperationTypes.APPEND,\n component: TakesPropsViaContext\n },\n\n // Custom Layout\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseCustom',\n id: 'org.openedx.frontend.widget.slotShowcase.customChild1',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget One\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseCustom',\n id: 'org.openedx.frontend.widget.slotShowcase.customChild2',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget Two\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseCustom',\n id: 'org.openedx.frontend.widget.slotShowcase.customChild3',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget Three\" />)\n },\n\n // Override custom layout\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseCustomConfig',\n id: 'org.openedx.frontend.widget.slotShowcase.customConfigChild1',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget One\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseCustomConfig',\n id: 'org.openedx.frontend.widget.slotShowcase.customConfigChild2',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget Two\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseCustomConfig',\n id: 'org.openedx.frontend.widget.slotShowcase.customConfigChild3',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget Three\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseCustomConfig',\n op: LayoutOperationTypes.REPLACE,\n element: <HorizontalSlotLayout />,\n },\n\n // Layout Options\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptions',\n op: LayoutOperationTypes.OPTIONS,\n options: {\n title: 'Bar',\n }\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptions',\n id: 'org.openedx.frontend.widget.slotShowcase.layoutWithOptionsChild1',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget One\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptions',\n id: 'org.openedx.frontend.widget.slotShowcase.layoutWithOptionsChild2',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget Two\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptions',\n id: 'org.openedx.frontend.widget.slotShowcase.layoutWithOptionsChild3',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget Three\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptionsDefault',\n id: 'org.openedx.frontend.widget.slotShowcase.layoutWithOptionsDefaultChild1',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget One\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptionsDefault',\n id: 'org.openedx.frontend.widget.slotShowcase.layoutWithOptionsDefaultChild2',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget Two\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptionsDefault',\n id: 'org.openedx.frontend.widget.slotShowcase.layoutWithOptionsDefaultChild3',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget Three\" />)\n },\n\n // TODO: Override Layout\n\n // Prepending\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcasePrepending',\n id: 'org.openedx.frontend.widget.slotShowcase.prependingChild1',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget One\" op=\"WidgetOperationTypes.APPEND\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcasePrepending',\n id: 'org.openedx.frontend.widget.slotShowcase.prependingChild2',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget Two\" op=\"WidgetOperationTypes.APPEND\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcasePrepending',\n id: 'org.openedx.frontend.widget.slotShowcase.prependingChild3',\n op: WidgetOperationTypes.PREPEND,\n element: (<Widget title=\"Widget Three\" op=\"WidgetOperationTypes.PREPEND\" />)\n },\n\n // Inserting\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseInserting',\n id: 'slot-showcase.inserting.child4',\n op: WidgetOperationTypes.INSERT_AFTER,\n relatedId: 'org.openedx.frontend.widget.slotShowcase.insertingChild2',\n element: (<Widget title=\"Widget Four\" op=\"WidgetOperationTypes.INSERT_AFTER\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseInserting',\n id: 'slot-showcase.inserting.child5',\n op: WidgetOperationTypes.INSERT_BEFORE,\n relatedId: 'org.openedx.frontend.widget.slotShowcase.insertingChild2',\n element: (<Widget title=\"Widget Five\" op=\"WidgetOperationTypes.INSERT_BEFORE\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseInserting',\n id: 'org.openedx.frontend.widget.slotShowcase.insertingChild1',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget One\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseInserting',\n id: 'org.openedx.frontend.widget.slotShowcase.insertingChild2',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget Two\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseInserting',\n id: 'org.openedx.frontend.widget.slotShowcase.insertingChild3',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget Three\" />)\n },\n\n // Replacing\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseReplacing',\n id: 'org.openedx.frontend.widget.slotShowcase.replacingChild1',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget One\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseReplacing',\n id: 'org.openedx.frontend.widget.slotShowcase.replacingChild2',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget Two\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseReplacing',\n id: 'org.openedx.frontend.widget.slotShowcase.replacingChild3',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget Three\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseReplacing',\n id: 'org.openedx.frontend.widget.slotShowcase.replacingChild4',\n op: WidgetOperationTypes.REPLACE,\n relatedId: 'org.openedx.frontend.widget.slotShowcase.replacingChild2',\n element: (<Widget title=\"Widget Four\" op=\"WidgetOperationTypes.REPLACE\" />)\n },\n\n // Hiding\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseRemoving',\n id: 'org.openedx.frontend.widget.slotShowcase.removingChild1',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget One\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseRemoving',\n id: 'org.openedx.frontend.widget.slotShowcase.removingChild2',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget Two\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseRemoving',\n id: 'org.openedx.frontend.widget.slotShowcase.removingChild3',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget Three\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseRemoving',\n op: WidgetOperationTypes.REMOVE,\n relatedId: 'org.openedx.frontend.widget.slotShowcase.removingChild2',\n },\n\n // Widget Options\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseWidgetOptions',\n id: 'org.openedx.frontend.widget.slotShowcase.widgetOptionsChild1',\n op: WidgetOperationTypes.APPEND,\n component: WidgetWithOptions,\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseWidgetOptions',\n id: 'org.openedx.frontend.widget.slotShowcase.widgetOptionsChild2',\n op: WidgetOperationTypes.APPEND,\n component: WidgetWithOptions,\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseWidgetOptions',\n relatedId: 'org.openedx.frontend.widget.slotShowcase.widgetOptionsChild2',\n op: WidgetOperationTypes.OPTIONS,\n options: {\n title: 'Bar',\n }\n },\n\n // Widget filtering by role\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseFilterByRole',\n id: 'org.openedx.frontend.widget.slotShowcase.filterChild1',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget One\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseFilterByRole',\n id: 'org.openedx.frontend.widget.slotShowcase.filterChild2',\n role: 'org.openedx.frontend.role.slotShowcase.highlighted',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget Two (highlighted)\" className=\"showcase-widget-highlighted\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseFilterByRole',\n id: 'org.openedx.frontend.widget.slotShowcase.filterChild3',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget Three\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseFilterByRole',\n id: 'org.openedx.frontend.widget.slotShowcase.filterChild4',\n role: 'org.openedx.frontend.role.slotShowcase.highlighted',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget Four (highlighted)\" className=\"showcase-widget-highlighted\" />)\n },\n\n // Header\n {\n slotId: 'org.openedx.frontend.slot.header.primaryLinks.v1',\n relatedId: 'org.openedx.frontend.widget.slotShowcase.headerLink',\n op: WidgetOperationTypes.OPTIONS,\n options: {\n title: 'Courses (modified)',\n },\n condition: {\n active: ['org.openedx.frontend.role.slotShowcase'],\n }\n },\n {\n slotId: 'org.openedx.frontend.slot.header.primaryLinks.v1',\n id: 'org.openedx.frontend.widget.slotShowcase.headerLinkAfter3',\n op: WidgetOperationTypes.INSERT_AFTER,\n relatedId: 'org.openedx.frontend.widget.slotShowcase.headerLink3',\n element: (<LinkMenuItem label=\"Link After 3\" url=\"#\" variant=\"navLink\" />),\n condition: {\n active: ['org.openedx.frontend.role.slotShowcase'],\n }\n },\n {\n slotId: 'org.openedx.frontend.slot.header.primaryLinks.v1',\n id: 'org.openedx.frontend.widget.slotShowcase.headerPrimaryLinksDropdownPrepend',\n op: WidgetOperationTypes.PREPEND,\n element: (\n <NavDropdownMenuSlot id=\"org.openedx.frontend.slot.header.primaryLinksDropdown.v1\" label=\"Resources\" />\n ),\n condition: {\n active: ['org.openedx.frontend.role.slotShowcase']\n }\n },\n {\n slotId: 'org.openedx.frontend.slot.header.primaryLinksDropdown.v1',\n id: 'org.openedx.frontend.widget.slotShowcase.headerPrimaryLinksDropdownAppend',\n op: WidgetOperationTypes.APPEND,\n element: (\n <LinkMenuItem label=\"Resource 1\" url=\"#\" variant=\"dropdownItem\" />\n ),\n condition: {\n active: ['org.openedx.frontend.role.slotShowcase'],\n }\n },\n {\n slotId: 'org.openedx.frontend.slot.header.primaryLinks.v1',\n id: 'org.openedx.frontend.widget.slotShowcase.headerLink3',\n op: WidgetOperationTypes.APPEND,\n element: (<LinkMenuItem label=\"Link 3\" url=\"#\" variant=\"navLink\" />),\n condition: {\n active: ['org.openedx.frontend.role.slotShowcase'],\n }\n },\n {\n slotId: 'org.openedx.frontend.slot.header.primaryLinks.v1',\n id: 'org.openedx.frontend.widget.slotShowcase.headerLink4',\n op: WidgetOperationTypes.APPEND,\n element: (<LinkMenuItem label=\"Link 4\" url=\"#\" variant=\"navLink\" />),\n condition: {\n active: ['org.openedx.frontend.role.slotShowcase'],\n }\n },\n ]\n};\n\nexport default app;\n"]}
|
|
1
|
+
{"version":3,"file":"app.js","sourceRoot":"","sources":["../../../../shell/dev/slotShowcase/app.tsx"],"names":[],"mappings":"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","sourcesContent":["import { NavDropdownMenuSlot } from '../..';\nimport LinkMenuItem from '../../menus/LinkMenuItem';\nimport { LayoutOperationTypes, WidgetOperationTypes, useSlotContext } from '../../../runtime';\nimport { App } from '../../../types';\nimport HorizontalSlotLayout from './HorizontalSlotLayout';\nimport SlotShowcasePage from './SlotShowcasePage';\nimport WidgetWithOptions from './WidgetWithOptions';\n\nfunction Widget({ title, op, className, ...props }: { title: string, op?: string, className?: string } & Record<string, unknown>) {\n return (\n <div className={`showcase-widget ${className ?? ''}`} {...props}>\n {title}\n {op && (\n <span>{' '}(<code>{op}</code>)</span>\n )}\n </div>\n );\n}\n\nfunction TakesProps({ aSlotProp }: { aSlotProp: string }) {\n return (\n <div className=\"showcase-widget\">And this is a slot prop that was passed down via props: <code>{aSlotProp}</code></div>\n );\n}\n\nfunction TakesPropsViaContext() {\n const slotContext = useSlotContext();\n const aSlotProp = typeof slotContext.aSlotProp === 'string' ? slotContext.aSlotProp : 'foo';\n return (\n <div className=\"showcase-widget\">And this is the same prop, but accessed via slot context: <code>{aSlotProp}</code></div>\n );\n}\n\nconst app: App = {\n appId: 'org.openedx.frontend.app.slotShowcase',\n routes: [{\n id: 'org.openedx.frontend.route.slotShowcase',\n path: '/slots',\n Component: SlotShowcasePage,\n handle: {\n roles: ['org.openedx.frontend.role.slotShowcase'],\n }\n }],\n slots: [\n // Simple\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseSimple',\n id: 'org.openedx.frontend.widget.slotShowcase.simpleChild1',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget One\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseSimple',\n id: 'org.openedx.frontend.widget.slotShowcase.simpleChild2',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget Two\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseSimple',\n id: 'org.openedx.frontend.widget.slotShowcase.simpleChild3',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget Three\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseSimpleWithDefaultContent',\n id: 'org.openedx.frontend.widget.slotShowcase.simpleChild4',\n op: WidgetOperationTypes.APPEND,\n component: TakesProps\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseSimpleWithDefaultContent',\n id: 'org.openedx.frontend.widget.slotShowcase.simpleChild5',\n op: WidgetOperationTypes.APPEND,\n component: TakesPropsViaContext\n },\n\n // Custom Layout\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseCustom',\n id: 'org.openedx.frontend.widget.slotShowcase.customChild1',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget One\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseCustom',\n id: 'org.openedx.frontend.widget.slotShowcase.customChild2',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget Two\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseCustom',\n id: 'org.openedx.frontend.widget.slotShowcase.customChild3',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget Three\" />)\n },\n\n // Override custom layout\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseCustomConfig',\n id: 'org.openedx.frontend.widget.slotShowcase.customConfigChild1',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget One\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseCustomConfig',\n id: 'org.openedx.frontend.widget.slotShowcase.customConfigChild2',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget Two\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseCustomConfig',\n id: 'org.openedx.frontend.widget.slotShowcase.customConfigChild3',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget Three\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseCustomConfig',\n op: LayoutOperationTypes.REPLACE,\n element: <HorizontalSlotLayout />,\n },\n\n // Layout Options\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptions',\n op: LayoutOperationTypes.OPTIONS,\n options: {\n title: 'Bar',\n }\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptions',\n id: 'org.openedx.frontend.widget.slotShowcase.layoutWithOptionsChild1',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget One\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptions',\n id: 'org.openedx.frontend.widget.slotShowcase.layoutWithOptionsChild2',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget Two\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptions',\n id: 'org.openedx.frontend.widget.slotShowcase.layoutWithOptionsChild3',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget Three\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptionsDefault',\n id: 'org.openedx.frontend.widget.slotShowcase.layoutWithOptionsDefaultChild1',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget One\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptionsDefault',\n id: 'org.openedx.frontend.widget.slotShowcase.layoutWithOptionsDefaultChild2',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget Two\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptionsDefault',\n id: 'org.openedx.frontend.widget.slotShowcase.layoutWithOptionsDefaultChild3',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget Three\" />)\n },\n\n // TODO: Override Layout\n\n // Prepending\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcasePrepending',\n id: 'org.openedx.frontend.widget.slotShowcase.prependingChild1',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget One\" op=\"WidgetOperationTypes.APPEND\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcasePrepending',\n id: 'org.openedx.frontend.widget.slotShowcase.prependingChild2',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget Two\" op=\"WidgetOperationTypes.APPEND\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcasePrepending',\n id: 'org.openedx.frontend.widget.slotShowcase.prependingChild3',\n op: WidgetOperationTypes.PREPEND,\n element: (<Widget title=\"Widget Three\" op=\"WidgetOperationTypes.PREPEND\" />)\n },\n\n // Inserting\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseInserting',\n id: 'slot-showcase.inserting.child4',\n op: WidgetOperationTypes.INSERT_AFTER,\n relatedId: 'org.openedx.frontend.widget.slotShowcase.insertingChild2',\n element: (<Widget title=\"Widget Four\" op=\"WidgetOperationTypes.INSERT_AFTER\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseInserting',\n id: 'slot-showcase.inserting.child5',\n op: WidgetOperationTypes.INSERT_BEFORE,\n relatedId: 'org.openedx.frontend.widget.slotShowcase.insertingChild2',\n element: (<Widget title=\"Widget Five\" op=\"WidgetOperationTypes.INSERT_BEFORE\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseInserting',\n id: 'org.openedx.frontend.widget.slotShowcase.insertingChild1',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget One\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseInserting',\n id: 'org.openedx.frontend.widget.slotShowcase.insertingChild2',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget Two\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseInserting',\n id: 'org.openedx.frontend.widget.slotShowcase.insertingChild3',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget Three\" />)\n },\n\n // Replacing\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseReplacing',\n id: 'org.openedx.frontend.widget.slotShowcase.replacingChild1',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget One\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseReplacing',\n id: 'org.openedx.frontend.widget.slotShowcase.replacingChild2',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget Two\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseReplacing',\n id: 'org.openedx.frontend.widget.slotShowcase.replacingChild3',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget Three\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseReplacing',\n id: 'org.openedx.frontend.widget.slotShowcase.replacingChild4',\n op: WidgetOperationTypes.REPLACE,\n relatedId: 'org.openedx.frontend.widget.slotShowcase.replacingChild2',\n element: (<Widget title=\"Widget Four\" op=\"WidgetOperationTypes.REPLACE\" />)\n },\n\n // Hiding\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseRemoving',\n id: 'org.openedx.frontend.widget.slotShowcase.removingChild1',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget One\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseRemoving',\n id: 'org.openedx.frontend.widget.slotShowcase.removingChild2',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget Two\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseRemoving',\n id: 'org.openedx.frontend.widget.slotShowcase.removingChild3',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget Three\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseRemoving',\n op: WidgetOperationTypes.REMOVE,\n relatedId: 'org.openedx.frontend.widget.slotShowcase.removingChild2',\n },\n\n // Widget Options\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseWidgetOptions',\n id: 'org.openedx.frontend.widget.slotShowcase.widgetOptionsChild1',\n op: WidgetOperationTypes.APPEND,\n component: WidgetWithOptions,\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseWidgetOptions',\n id: 'org.openedx.frontend.widget.slotShowcase.widgetOptionsChild2',\n op: WidgetOperationTypes.APPEND,\n component: WidgetWithOptions,\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseWidgetOptions',\n relatedId: 'org.openedx.frontend.widget.slotShowcase.widgetOptionsChild2',\n op: WidgetOperationTypes.OPTIONS,\n options: {\n title: 'Bar',\n }\n },\n\n // Widget filtering by role\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseFilterByRole',\n id: 'org.openedx.frontend.widget.slotShowcase.filterChild1',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget One\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseFilterByRole',\n id: 'org.openedx.frontend.widget.slotShowcase.filterChild2',\n role: 'org.openedx.frontend.role.slotShowcase.highlighted',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget Two (highlighted)\" className=\"showcase-widget-highlighted\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseFilterByRole',\n id: 'org.openedx.frontend.widget.slotShowcase.filterChild3',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget Three\" />)\n },\n {\n slotId: 'org.openedx.frontend.slot.dev.slotShowcaseFilterByRole',\n id: 'org.openedx.frontend.widget.slotShowcase.filterChild4',\n role: 'org.openedx.frontend.role.slotShowcase.highlighted',\n op: WidgetOperationTypes.APPEND,\n element: (<Widget title=\"Widget Four (highlighted)\" className=\"showcase-widget-highlighted\" />)\n },\n\n // Header\n {\n slotId: 'org.openedx.frontend.slot.header.primaryLinks.v1',\n relatedId: 'org.openedx.frontend.widget.slotShowcase.headerLink',\n op: WidgetOperationTypes.OPTIONS,\n options: {\n title: 'Courses (modified)',\n },\n condition: {\n active: ['org.openedx.frontend.role.slotShowcase'],\n }\n },\n {\n slotId: 'org.openedx.frontend.slot.header.primaryLinks.v1',\n id: 'org.openedx.frontend.widget.slotShowcase.headerLinkAfter3',\n op: WidgetOperationTypes.INSERT_AFTER,\n relatedId: 'org.openedx.frontend.widget.slotShowcase.headerLink3',\n element: (<LinkMenuItem label=\"Link After 3\" url=\"#\" variant=\"navLink\" />),\n condition: {\n active: ['org.openedx.frontend.role.slotShowcase'],\n }\n },\n {\n slotId: 'org.openedx.frontend.slot.header.primaryLinks.v1',\n id: 'org.openedx.frontend.widget.slotShowcase.headerPrimaryLinksDropdownPrepend',\n op: WidgetOperationTypes.PREPEND,\n element: (\n <NavDropdownMenuSlot id=\"org.openedx.frontend.slot.header.primaryLinksDropdown.v1\" label=\"Resources\" />\n ),\n condition: {\n active: ['org.openedx.frontend.role.slotShowcase']\n }\n },\n {\n slotId: 'org.openedx.frontend.slot.header.primaryLinksDropdown.v1',\n id: 'org.openedx.frontend.widget.slotShowcase.headerPrimaryLinksDropdownAppend',\n op: WidgetOperationTypes.APPEND,\n element: (\n <LinkMenuItem label=\"Resource 1\" url=\"#\" variant=\"dropdownItem\" />\n ),\n condition: {\n active: ['org.openedx.frontend.role.slotShowcase'],\n }\n },\n {\n slotId: 'org.openedx.frontend.slot.header.primaryLinks.v1',\n id: 'org.openedx.frontend.widget.slotShowcase.headerLink3',\n op: WidgetOperationTypes.APPEND,\n element: (<LinkMenuItem label=\"Link 3\" url=\"#\" variant=\"navLink\" />),\n condition: {\n active: ['org.openedx.frontend.role.slotShowcase'],\n }\n },\n {\n slotId: 'org.openedx.frontend.slot.header.primaryLinks.v1',\n id: 'org.openedx.frontend.widget.slotShowcase.headerLink4',\n op: WidgetOperationTypes.APPEND,\n element: (<LinkMenuItem label=\"Link 4\" url=\"#\" variant=\"navLink\" />),\n condition: {\n active: ['org.openedx.frontend.role.slotShowcase'],\n }\n },\n ]\n};\n\nexport default app;\n"]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { EnvironmentTypes } from '../types';
|
|
2
2
|
import { devFooterApp, devHeaderApp, devHomeApp, devUserApp, slotShowcaseApp } from './dev';
|
|
3
3
|
import { footerApp, headerApp, shellApp } from '.';
|
|
4
|
-
import './
|
|
4
|
+
import './style';
|
|
5
5
|
const siteConfig = {
|
|
6
6
|
apps: [
|
|
7
7
|
shellApp,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"site.config.dev.js","sourceRoot":"","sources":["../../shell/site.config.dev.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAc,MAAM,UAAU,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAC5F,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC;AAEnD,OAAO,
|
|
1
|
+
{"version":3,"file":"site.config.dev.js","sourceRoot":"","sources":["../../shell/site.config.dev.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAc,MAAM,UAAU,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAC5F,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC;AAEnD,OAAO,SAAS,CAAC;AAEjB,MAAM,UAAU,GAAe;IAC7B,IAAI,EAAE;QACJ,QAAQ;QACR,SAAS;QACT,SAAS;QACT,UAAU;QACV,UAAU;QACV,YAAY;QACZ,YAAY;QACZ,eAAe;KAChB;IAED,cAAc,EAAE;QACd;YACE,IAAI,EAAE,mCAAmC;YACzC,GAAG,EAAE,4CAA4C;SAClD;QACD;YACE,IAAI,EAAE,mCAAmC;YACzC,GAAG,EAAE,4CAA4C;SAClD;QACD;YACE,IAAI,EAAE,kCAAkC;YACxC,GAAG,EAAE,qCAAqC;SAC3C;KACF;IAED,UAAU;IACV,MAAM,EAAE,OAAO;IACf,QAAQ,EAAE,kBAAkB;IAC5B,OAAO,EAAE,mCAAmC;IAC5C,WAAW,EAAE,gBAAgB,CAAC,WAAW;IAEzC,gBAAgB;IAChB,QAAQ,EAAE,oCAAoC;IAC9C,SAAS,EAAE,qCAAqC;IAEhD,WAAW;IACX,UAAU,EAAE,8BAA8B;IAC1C,oBAAoB,EAAE,+BAA+B;CACtD,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import { EnvironmentTypes, SiteConfig } from '../types';\nimport { devFooterApp, devHeaderApp, devHomeApp, devUserApp, slotShowcaseApp } from './dev';\nimport { footerApp, headerApp, shellApp } from '.';\n\nimport './style';\n\nconst siteConfig: SiteConfig = {\n apps: [\n shellApp,\n headerApp,\n footerApp,\n devUserApp,\n devHomeApp,\n devHeaderApp,\n devFooterApp,\n slotShowcaseApp,\n ],\n\n externalRoutes: [\n {\n role: 'org.openedx.frontend.role.profile',\n url: 'http://apps.local.openedx.io:1995/profile/'\n },\n {\n role: 'org.openedx.frontend.role.account',\n url: 'http://apps.local.openedx.io:1997/account/'\n },\n {\n role: 'org.openedx.frontend.role.logout',\n url: 'http://local.openedx.io:8000/logout'\n },\n ],\n\n // General\n siteId: 'shell',\n siteName: 'My Open edX Site',\n baseUrl: 'http://apps.local.openedx.io:8080',\n environment: EnvironmentTypes.DEVELOPMENT,\n\n // Frontend URLs\n loginUrl: 'http://local.openedx.io:8000/login',\n logoutUrl: 'http://local.openedx.io:8000/logout',\n\n // API URLs\n lmsBaseUrl: 'http://local.openedx.io:8000',\n runtimeConfigJsonUrl: '/api/frontend_site_config/v1/',\n};\n\nexport default siteConfig;\n"]}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Shell style manifest. Each import is a separate webpack module, which
|
|
3
|
+
* keeps Paragon's CSS and the shell's own SCSS as independent compilation
|
|
4
|
+
* units: the build pipeline wraps each in the `shell` cascade layer by
|
|
5
|
+
* resource path. See ADR 0008.
|
|
6
|
+
*/
|
|
7
|
+
import '@openedx/paragon/dist/core.min.css';
|
|
8
|
+
import '@openedx/paragon/dist/light.min.css';
|
|
9
|
+
import './style.scss';
|
|
10
|
+
//# sourceMappingURL=style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../shell/style.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,oCAAoC,CAAC;AAC5C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,cAAc,CAAC","sourcesContent":["/*\n * Shell style manifest. Each import is a separate webpack module, which\n * keeps Paragon's CSS and the shell's own SCSS as independent compilation\n * units: the build pipeline wraps each in the `shell` cascade layer by\n * resource path. See ADR 0008.\n */\nimport '@openedx/paragon/dist/core.min.css';\nimport '@openedx/paragon/dist/light.min.css';\nimport './style.scss';\n"]}
|
|
@@ -1,8 +1,2 @@
|
|
|
1
1
|
import { RuleSetRule } from 'webpack';
|
|
2
|
-
/**
|
|
3
|
-
* There are a few things we need to do here.
|
|
4
|
-
*
|
|
5
|
-
* - We only want to use MiniCssExtractPlugin on dependencies in dev, but not on our source code.
|
|
6
|
-
* - We only want CssNano in production.
|
|
7
|
-
*/
|
|
8
2
|
export default function getStylesheetRule(mode: 'dev' | 'production'): RuleSetRule;
|
|
@@ -10,49 +10,87 @@ const mini_css_extract_plugin_1 = __importDefault(require("mini-css-extract-plug
|
|
|
10
10
|
const path_1 = __importDefault(require("path"));
|
|
11
11
|
const postcss_custom_media_1 = __importDefault(require("postcss-custom-media"));
|
|
12
12
|
const postcss_rtlcss_1 = __importDefault(require("postcss-rtlcss"));
|
|
13
|
-
|
|
13
|
+
const postcssWrapLayer_1 = __importDefault(require("./postcssWrapLayer"));
|
|
14
|
+
/*
|
|
15
|
+
* Resource matchers for each cascade layer.
|
|
16
|
+
* Order declared at the site level: `paragon, shell, app, site, brand` (later wins).
|
|
17
|
+
*
|
|
18
|
+
* - paragon: @openedx/paragon base styles. First so everything else can override.
|
|
19
|
+
* - shell: frontend-base shell styles.
|
|
20
|
+
* - app: catch-all for any other stylesheet pulled from node_modules.
|
|
21
|
+
* Keeps apps from clobbering site or brand overrides without requiring
|
|
22
|
+
* app packages to follow any naming convention or self-declaration.
|
|
23
|
+
* - site: the composing site's own source tree (anything outside node_modules).
|
|
24
|
+
* - brand: @openedx/brand-* packages, last so build-time brand matches the
|
|
25
|
+
* precedence of runtime brand CSS (which is injected unlayered via
|
|
26
|
+
* <link> tags and thus beats every layered rule).
|
|
27
|
+
*/
|
|
28
|
+
const PARAGON_RESOURCE = /@openedx[\\/]paragon[\\/]/;
|
|
29
|
+
const SHELL_RESOURCE = /(@openedx[\\/]frontend-base|frontend-base[\\/]shell)[\\/]/;
|
|
30
|
+
const BRAND_RESOURCE = /@(open)?edx[\\/]brand(-[^\\/]+)?[\\/]/;
|
|
31
|
+
const NODE_MODULES = /[\\/]node_modules[\\/]/;
|
|
32
|
+
/*
|
|
14
33
|
* There are a few things we need to do here.
|
|
15
34
|
*
|
|
16
35
|
* - We only want to use MiniCssExtractPlugin on dependencies in dev, but not on our source code.
|
|
17
36
|
* - We only want CssNano in production.
|
|
37
|
+
* - Each resource class (paragon, shell, app, site, brand) is wrapped in its
|
|
38
|
+
* own cascade layer by a PostCSS plugin so the cascade order is
|
|
39
|
+
* `paragon, shell, app, site, brand`.
|
|
18
40
|
*/
|
|
19
41
|
function getStylesheetRule(mode) {
|
|
42
|
+
return {
|
|
43
|
+
test: /(.scss|.css)$/,
|
|
44
|
+
oneOf: [
|
|
45
|
+
{
|
|
46
|
+
resource: PARAGON_RESOURCE,
|
|
47
|
+
// We need Paragon to not elide CSS: we have to be able to import it
|
|
48
|
+
// directly from shell/style.ts
|
|
49
|
+
sideEffects: true,
|
|
50
|
+
use: [
|
|
51
|
+
mini_css_extract_plugin_1.default.loader,
|
|
52
|
+
...getStyleUseConfig(mode, 'paragon'),
|
|
53
|
+
],
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
resource: SHELL_RESOURCE,
|
|
57
|
+
use: [
|
|
58
|
+
mini_css_extract_plugin_1.default.loader,
|
|
59
|
+
...getStyleUseConfig(mode, 'shell'),
|
|
60
|
+
],
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
resource: BRAND_RESOURCE,
|
|
64
|
+
use: [
|
|
65
|
+
mini_css_extract_plugin_1.default.loader,
|
|
66
|
+
...getStyleUseConfig(mode, 'brand'),
|
|
67
|
+
],
|
|
68
|
+
},
|
|
69
|
+
{
|
|
70
|
+
resource: { not: [NODE_MODULES] },
|
|
71
|
+
use: [
|
|
72
|
+
getFirstLoader(mode),
|
|
73
|
+
...getStyleUseConfig(mode, 'site'),
|
|
74
|
+
],
|
|
75
|
+
},
|
|
76
|
+
{
|
|
77
|
+
use: [
|
|
78
|
+
getFirstLoader(mode),
|
|
79
|
+
...getStyleUseConfig(mode, 'app'),
|
|
80
|
+
],
|
|
81
|
+
},
|
|
82
|
+
],
|
|
83
|
+
};
|
|
84
|
+
}
|
|
85
|
+
function getFirstLoader(mode) {
|
|
86
|
+
// In dev we keep site/app styles in JS bundles so hot-reloading works;
|
|
87
|
+
// in production everything is extracted to CSS files.
|
|
20
88
|
if (mode === 'production') {
|
|
21
|
-
|
|
22
|
-
return {
|
|
23
|
-
test: /(.scss|.css)$/,
|
|
24
|
-
use: [
|
|
25
|
-
mini_css_extract_plugin_1.default.loader,
|
|
26
|
-
...getStyleUseConfig(mode),
|
|
27
|
-
],
|
|
28
|
-
};
|
|
29
|
-
}
|
|
30
|
-
else {
|
|
31
|
-
// In the dev case, only our @openedx dependencies go through MiniCssExtractPlugin.
|
|
32
|
-
// We are not extracting CSS from the javascript bundles in development because extracting
|
|
33
|
-
// prevents hot-reloading from working, it increases build time, and we don't care about
|
|
34
|
-
// flash-of-unstyled-content issues in development.
|
|
35
|
-
return {
|
|
36
|
-
test: /(.scss|.css)$/,
|
|
37
|
-
oneOf: [
|
|
38
|
-
{
|
|
39
|
-
resource: /(@openedx\/paragon|@(open)?edx\/brand)/,
|
|
40
|
-
use: [
|
|
41
|
-
mini_css_extract_plugin_1.default.loader,
|
|
42
|
-
...getStyleUseConfig(mode),
|
|
43
|
-
],
|
|
44
|
-
},
|
|
45
|
-
{
|
|
46
|
-
use: [
|
|
47
|
-
require.resolve('style-loader'), // creates style nodes from JS strings
|
|
48
|
-
...getStyleUseConfig(mode),
|
|
49
|
-
],
|
|
50
|
-
},
|
|
51
|
-
]
|
|
52
|
-
};
|
|
89
|
+
return mini_css_extract_plugin_1.default.loader;
|
|
53
90
|
}
|
|
91
|
+
return require.resolve('style-loader');
|
|
54
92
|
}
|
|
55
|
-
function getStyleUseConfig(mode) {
|
|
93
|
+
function getStyleUseConfig(mode, layer) {
|
|
56
94
|
return [
|
|
57
95
|
{
|
|
58
96
|
loader: require.resolve('css-loader'), // translates CSS into CommonJS
|
|
@@ -71,7 +109,7 @@ function getStyleUseConfig(mode) {
|
|
|
71
109
|
loader: require.resolve('postcss-loader'),
|
|
72
110
|
options: {
|
|
73
111
|
postcssOptions: {
|
|
74
|
-
plugins: getPostCssLoaderPlugins(mode),
|
|
112
|
+
plugins: getPostCssLoaderPlugins(mode, layer),
|
|
75
113
|
},
|
|
76
114
|
},
|
|
77
115
|
},
|
|
@@ -93,10 +131,7 @@ function getStyleUseConfig(mode) {
|
|
|
93
131
|
},
|
|
94
132
|
];
|
|
95
133
|
}
|
|
96
|
-
|
|
97
|
-
* This exists just to conditionally include CssNano in production.
|
|
98
|
-
*/
|
|
99
|
-
function getPostCssLoaderPlugins(mode) {
|
|
134
|
+
function getPostCssLoaderPlugins(mode, layer) {
|
|
100
135
|
const plugins = [
|
|
101
136
|
(0, autoprefixer_1.default)({
|
|
102
137
|
remove: false, // Prevents removing vendor prefixes
|
|
@@ -108,5 +143,6 @@ function getPostCssLoaderPlugins(mode) {
|
|
|
108
143
|
plugins.push((0, cssnano_1.default)());
|
|
109
144
|
}
|
|
110
145
|
plugins.push((0, postcss_custom_media_1.default)());
|
|
146
|
+
plugins.push((0, postcssWrapLayer_1.default)({ layer }));
|
|
111
147
|
return plugins;
|
|
112
148
|
}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.default = postcssWrapLayer;
|
|
4
|
+
const postcss_1 = require("postcss");
|
|
5
|
+
/*
|
|
6
|
+
* Wraps every top-level rule in the stylesheet in a single `@layer <name> { ... }`
|
|
7
|
+
* block, so that downstream cascade-layer ordering applies uniformly to everything
|
|
8
|
+
* produced by this compilation unit.
|
|
9
|
+
*
|
|
10
|
+
* Nodes left at the root (not moved into the layer):
|
|
11
|
+
* - `@charset`, `@import`, `@use`, `@forward` (must stay at the top of a stylesheet)
|
|
12
|
+
* - `@layer` statements and blocks (already layered, or declaring layer order)
|
|
13
|
+
*/
|
|
14
|
+
function postcssWrapLayer({ layer }) {
|
|
15
|
+
const keepAtTop = new Set(['charset', 'import', 'use', 'forward', 'layer']);
|
|
16
|
+
return {
|
|
17
|
+
postcssPlugin: 'postcss-wrap-layer',
|
|
18
|
+
Once(root) {
|
|
19
|
+
const layerRule = new postcss_1.AtRule({ name: 'layer', params: layer });
|
|
20
|
+
root.each(node => {
|
|
21
|
+
if (node.type === 'atrule' && keepAtTop.has(node.name)) {
|
|
22
|
+
return;
|
|
23
|
+
}
|
|
24
|
+
node.remove();
|
|
25
|
+
layerRule.append(node);
|
|
26
|
+
});
|
|
27
|
+
if (layerRule.nodes && layerRule.nodes.length > 0) {
|
|
28
|
+
root.append(layerRule);
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
};
|
|
32
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@openedx/frontend-base",
|
|
3
|
-
"version": "1.0.0-alpha.
|
|
3
|
+
"version": "1.0.0-alpha.34",
|
|
4
4
|
"description": "Build tools, setup and config for frontend apps",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
".": "./dist/index.js",
|
|
10
10
|
"./tools": "./dist/tools/index.js",
|
|
11
11
|
"./tools/tsconfig.json": "./dist/tools/typescript/tsconfig.json",
|
|
12
|
-
"./shell/
|
|
12
|
+
"./shell/style": "./dist/shell/style.js",
|
|
13
13
|
"./shell/site": "./dist/shell/site.js"
|
|
14
14
|
},
|
|
15
15
|
"files": [
|
|
@@ -53,7 +53,8 @@
|
|
|
53
53
|
},
|
|
54
54
|
"sideEffects": [
|
|
55
55
|
"*.css",
|
|
56
|
-
"*.scss"
|
|
56
|
+
"*.scss",
|
|
57
|
+
"**/shell/style.{js,ts}"
|
|
57
58
|
],
|
|
58
59
|
"homepage": "https://github.com/openedx/frontend-base#readme",
|
|
59
60
|
"dependencies": {
|