mediawiki-extensions-Popups/.storybook/mocks
Func d62088f7cf Fix Popups storybook cases after renames in core
Change I3c3aba0c4c7078173c81102007bb06a9eb3a94a6 renamed some of these
core modules, which broke the storybooks of Popups. This should repair
them.
(Inspired by I65278f653056a97ecbe8679a40aabb68084086c6)

Change-Id: I6dfad7376f438e939723d59968768f3052a3096f
2021-12-18 13:31:13 +00:00
..
mediawiki.ui Fix Popups storybook cases after renames in core 2021-12-18 13:31:13 +00:00
mediawiki.ui.icon Fix Popups storybook cases after renames in core 2021-12-18 13:31:13 +00:00
custom.less Fix Popups storybook cases after renames in core 2021-12-18 13:31:13 +00:00
message.js Add reference previews to storybook 2021-07-22 23:59:26 +00:00
models.js Handle clipped blockquote by adding blockquote fade out effect 2021-08-25 17:05:08 +00:00
README.md Publish storybook now we are using more modern node 2019-12-11 15:16:13 -08:00

LESS imports from Mediawiki-core

The following files:

  • mediawiki.mixins
  • mediawiki.mixins.animation
  • mediawiki.mixins.less

are LESS files containing one-line imports that correspond to files in mediawiki-core. This file structure is required to mimick ResourceLoaders LESS module-import behaviour.

ResourceLoader can resolve LESS modules with file paths like @import "mediawiki.ui/variables". Webpack however, cannot do this easily. The default LESS resolver requires files ending in ".less", and although webpack can create an alias to a module, that alias cannot include a path separator.

The webpack LESS-loader treats imports that don't begin with a relative or absolute filepath as coming from the current directory (.i.e. "./"). However it provides an option to specify a custom module resolution path. That path is set to this folder, and LESS files that can't be resolved by either relative or absolute paths are searched for here.

Since this custom resolver requires also requires a ".less" extension, files are duplicated so that "mediawiki.mixins" and "mediawiki.mixins.less" can both be resolved.