# @cc-external/golden-layout

> Install package "golden-layout" with externals configuration for "cc-webpack-externals-plugin"

Latest version **2.6.3** (published 2023-06-16) · MIT license · 0 weekly downloads

## Install

```sh
npm install @cc-external/golden-layout
pnpm add @cc-external/golden-layout
yarn add @cc-external/golden-layout
bun add @cc-external/golden-layout
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.6.3 |
| Published | 2023-06-16 |
| First published | 2021-02-21 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 1.4 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | The CodeCoupler Authors |
| Maintainers | tom27 |
| Keywords | CodeCoupler, JavaScript, Framework |

## Links

- npm: https://www.npmjs.com/package/@cc-external/golden-layout
- Homepage: https://codecoupler.org
- npm.io page: https://npm.io/package/@cc-external/golden-layout

## Alternatives

- [@sveltejs/kit](https://npm.io/package/@sveltejs/kit.md) — 2.2M weekly downloads
- [@tangle-network/brand](https://npm.io/package/@tangle-network/brand.md) — 10.0K weekly downloads
- [seneca](https://npm.io/package/seneca.md) — 7.4K weekly downloads
- [@bsb/base](https://npm.io/package/@bsb/base.md) — 7.2K weekly downloads
- [@modern-js/plugin-swc](https://npm.io/package/@modern-js/plugin-swc.md) — 3.4K weekly downloads

## Recent versions

- 2.6.3 (latest) — 2023-06-16
- 2.6.2 — 2023-05-02
- 2.6.1 — 2023-05-01
- 2.6.0 — 2023-04-29
- 2.0.5 — 2021-04-16
- 2.0.4 — 2021-03-12
- 2.0.3 — 2021-03-12
- 2.0.2 — 2021-03-10
- 2.0.1 — 2021-03-10
- 2.0.0 — 2021-02-21

## README

# Configuration Package for @codecoupler/cc-webpack-externals-plugin

If you use the plugin `@codecoupler/cc-webpack-externals-plugin` in your Webpack configuration
you can install with this package the NPM module `golden-layout` and automatically configure this
as external library. The module will not be included in your library bundle.

Usage:

```bash
npm i @cc-external/golden-layout
```

The version number of this package matches the major and minor number of the module `golden-layout`
that is included as dependency. The patch number **do not** correspond to the module patch number.

## Fork used

For now this package use the fork <https://github.com/genesiscommunitysuccess/golden-layout.git>
because of the fixed issue <https://github.com/golden-layout/golden-layout/issues/681>.

## Remarks

This Package include the compiled Version of `golden-layout` and the origin module is not needed.
Nevertheless, you have to use the module name `golden-layout` in your import statements.

Only the base files will be included in your externals definition. You have to add theme files
by yourself.

You can do this in your `webpack.externals.js`:

```js
module.exports = [
  {
    module: "@cc-external/golden-layout",
    entries: ["dist/css/themes/goldenlayout-light-theme.css"],
  },
];
```

If you want to load the needed stylesheet files dynamically in your code you must use
the path to the module. You can read the path from the global variable `ccExternals["golden-layout"]`.

Here an example how to implement with jQuery:

```js
let path = window.ccExternals["golden-layout"];
$("<link>")
  .appendTo("head")
  .attr("type", "text/css")
  .attr("rel", "stylesheet")
  .attr("href", `${path}/dist/css/themes/goldenlayout-dark-theme.css`);
```

---
_Source: https://npm.io/package/@cc-external/golden-layout · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._