mirror of
https://github.com/Unleash/unleash.git
synced 2025-06-09 01:17:06 +02:00
Docusaurus v3 (#8485)
- Upgrades to latest Docusaurus - Upgrades our OpenAPI plugin to latest too - Removes old, unneeded dependencies - Our configs and sidebar files now use TypeScript [Preview link](https://unleash-docs-git-alvin-docusaurus-v3-unleash-team.vercel.app/) --------- Co-authored-by: melindafekete <melinda.fekete@getunleash.io> Co-authored-by: Christopher Kolstad <chriswk@getunleash.io>
This commit is contained in:
parent
a1c98c4400
commit
a1d6795533
2
.gitignore
vendored
2
.gitignore
vendored
@ -58,7 +58,7 @@ frontend/src/openapi/apis
|
||||
frontend/src/openapi/index.ts
|
||||
|
||||
# Generated docs
|
||||
website/docs/reference/api/**/sidebar.js
|
||||
website/docs/reference/api/**/sidebar.ts
|
||||
website/docs/reference/api/**/**.info.mdx
|
||||
website/docs/generated
|
||||
reports/jest-junit.xml
|
||||
|
2
website/.gitignore
vendored
2
website/.gitignore
vendored
@ -20,7 +20,7 @@ yarn-debug.log*
|
||||
yarn-error.log*
|
||||
|
||||
# OpenAPI docusaurus generated stuff
|
||||
docs/reference/api/**/sidebar.js
|
||||
docs/reference/api/**/sidebar.ts
|
||||
*.api.mdx
|
||||
*.tag.mdx
|
||||
|
||||
|
@ -1,3 +0,0 @@
|
||||
module.exports = {
|
||||
presets: [require.resolve('@docusaurus/core/lib/babel/preset')],
|
||||
};
|
@ -15,7 +15,7 @@
|
||||
// the bits that are specific to the generation source we use, and make the docs
|
||||
// easier to use. In particular, removing the leading `/ushosted` is likely to
|
||||
// save us loooots of questions.
|
||||
const replace = require('replace-in-file');
|
||||
import { replaceInFileSync } from 'replace-in-file';
|
||||
|
||||
const options = {
|
||||
files: 'docs/reference/api/**/*.api.mdx',
|
||||
@ -27,4 +27,4 @@ const options = {
|
||||
to: ['', '"<your-unleash-url>"', '"path":['],
|
||||
};
|
||||
|
||||
replace(options);
|
||||
replaceInFileSync(options);
|
@ -13,12 +13,14 @@ In this tutorial, you will learn how to set up and use iOS feature flags with Un
|
||||
|
||||
Here are the steps we will cover in this tutorial:
|
||||
|
||||
1. [Feature flag best practices for client-side apps](#1-architect-to-limit-pii-and-configuration-leakage)
|
||||
2. [Spin up a local provider](#2-install-a-local-feature-flag-provider)
|
||||
3. [Configure a feature flag](#3-create-and-configure-the-feature-flag)
|
||||
4. [Add Unleash to an iOS app](#4-add-unleash-to-an-ios-app)
|
||||
5. [Log status of iOS feature flag](#5-configure-unleash-and-log-ios-feature-flag-status)
|
||||
6. [Verify the feature flag experience](#6-verify-the-feature-flag-experience)
|
||||
- [Prerequisites](#prerequisites)
|
||||
- [1. Architect to limit PII and configuration leakage](#1-architect-to-limit-pii-and-configuration-leakage)
|
||||
- [2. Install a local feature flag provider](#2-install-a-local-feature-flag-provider)
|
||||
- [3. Create and configure the feature flag](#3-create-and-configure-the-feature-flag)
|
||||
- [4. Add Unleash to an iOS app](#4-add-unleash-to-an-ios-app)
|
||||
- [5. Configure Unleash and log iOS feature flag status](#5-configure-unleash-and-log-ios-feature-flag-status)
|
||||
- [6. Verify the feature flag experience](#6-verify-the-feature-flag-experience)
|
||||
- [Conclusion](#conclusion)
|
||||
|
||||
## Prerequisites
|
||||
|
||||
@ -37,7 +39,7 @@ a. Limit PII (personally identifiable information) leakage from the end-user dev
|
||||
|
||||
b. Avoid leakage of configuration information from the central feature flag control service to end-user devices.
|
||||
|
||||
Solving both means you need to avoid evaluating feature flags on the user's machine due to security risks like exposing API keys and flag data. Instead, send application context (e.g. username, location, etc) to your feature flag evaluation service to evaluate the results. These results (and only these results) should be stored in the client-side application memory. By keeping the evaluated results for a specific context in memory, you avoid network roundtrips every time your application needs to check the status of a feature flag. This method prevents unauthorized access and data breaches by [keeping configurations and PII secure](/topics/feature-flags/never-expose-pii).
|
||||
Solving both means you need to avoid evaluating feature flags on the user's machine due to security risks like exposing API keys and flag data. Instead, send application context (e.g. username, location, etc) to your feature flag evaluation service to evaluate the results. These results (and only these results) should be stored in the client-side application memory. By keeping the evaluated results for a specific context in memory, you avoid network roundtrips every time your application needs to check the status of a feature flag. This method prevents unauthorized access and data breaches by [keeping configurations and PII secure](/topics/feature-flags/feature-flag-best-practices#2-protect-pii-by-evaluating-flags-server-side).
|
||||
|
||||

|
||||
|
@ -50,7 +50,7 @@ a. Limit PII (personally identifiable information) leakage from the end-user dev
|
||||
|
||||
b. Avoid leakage of configuration information from the central feature flag control service to end-user devices.
|
||||
|
||||
Solving both means you need to avoid evaluating feature flags on the user's machine due to security risks like exposing API keys and flag data. Instead, send application context (e.g. username, location, etc) to your feature flag evaluation service to evaluate the results. These results (and only these results) should be stored in the client-side application memory. By keeping the evaluated results for a specific context in memory, you avoid network roundtrips every time your application needs to check the status of a feature flag. This method prevents unauthorized access and data breaches by [keeping configurations and PII secure](/topics/feature-flags/never-expose-pii).
|
||||
Solving both means you need to avoid evaluating feature flags on the user's machine due to security risks like exposing API keys and flag data. Instead, send application context (e.g. username, location, etc) to your feature flag evaluation service to evaluate the results. These results (and only these results) should be stored in the client-side application memory. By keeping the evaluated results for a specific context in memory, you avoid network roundtrips every time your application needs to check the status of a feature flag. This method prevents unauthorized access and data breaches by [keeping configurations and PII secure](/topics/feature-flags/feature-flag-best-practices#2-protect-pii-by-evaluating-flags-server-side).
|
||||
|
||||

|
||||
|
||||
|
@ -76,7 +76,7 @@ To find your Microsoft Entra identifier, go to the single sign-on settings of yo
|
||||
|
||||
To finalize the configuration, do the following:
|
||||
|
||||
1. In the Unleash Admin UI, go to **Admin > Single sign-on> SAML 2.0**.
|
||||
1. In the Unleash Admin UI, go to **Admin > Single sign-on > SAML 2.0**.
|
||||
2. In **Entity ID**, enter your [Microsoft Entra identifier](#microsoft-entra-identifier).
|
||||
3. In **Single sign-on URL**, enter your [Login URL](#login-url).
|
||||
4. In **X.509 Certificate**, [enter your SAML certificate](#saml-certificate).
|
||||
|
@ -1,7 +1,10 @@
|
||||
---
|
||||
title: Environment Import & Export
|
||||
---
|
||||
|
||||
|
||||
import VideoContent from '@site/src/components/VideoContent.jsx'
|
||||
import Figure from '@site/src/components/Figure/Figure.tsx'
|
||||
|
||||
:::note Availability
|
||||
|
||||
|
@ -71,7 +71,7 @@ Marking a flag as stale helps you deprecate a feature flag without removing the
|
||||
|
||||
You can use this to signal to your team to stop using the feature in your applications. Stale flags will show as stale in the [technical debt dashboard](./technical-debt).
|
||||
|
||||
Marking a flag as stale generates the `feature-stale-on` [event](./reference/events#feature-stale-on). You can use [an integration](/integrations/integrations) to trigger automated workflows, such as posting notifications in a Slack channel, breaking project builds if the code contains stale flags, or automatically opening pull requests to remove stale flags from the code.
|
||||
Marking a flag as stale generates the `feature-stale-on` [event](/reference/events#feature-stale-on). You can use [an integration](/reference/integrations) to trigger automated workflows, such as posting notifications in a Slack channel, breaking project builds if the code contains stale flags, or automatically opening pull requests to remove stale flags from the code.
|
||||
|
||||
### Configure expected lifetime
|
||||
|
||||
|
@ -70,7 +70,7 @@ server configured for a specific Jira project.
|
||||
|
||||

|
||||
|
||||
Once you have configured at least one Unleash server, your users should be ready to [use the Jira Server plugin](/integrations/jira_server_plugin_usage)
|
||||
Once you have configured at least one Unleash server, your users should be ready to [use the Jira Server plugin](/reference/integrations/jira-server-plugin-usage)
|
||||
|
||||
### Edit existing servers
|
||||
|
||||
|
@ -77,14 +77,7 @@ The `PROMETHEUS_API` environment variable should point to the base path of the P
|
||||
|
||||
This setup means that there is a mutual dependency between Unleash and Prometheus, where Prometheus regularly fetches data from Unleash's backstage API and Unleash fetches and displays this data when you use the network view. This diagram provides a visual representation of that.
|
||||
|
||||
```mermaid
|
||||
sequenceDiagram
|
||||
participant Unleash
|
||||
loop Scrape data
|
||||
Prometheus-->>Unleash: fetch internal-backstage/prometheus
|
||||
end
|
||||
Unleash->>+Prometheus: Query data for network view
|
||||
```
|
||||

|
||||
|
||||
|
||||
[^1]: For instance: when using Unleash in an API setting, a common mistake is to instantiate a new SDK for every request instead of sharing a single instance across requests. This would be visible in the network overview graph as a large number of requests from the same app.
|
||||
|
@ -55,7 +55,6 @@ If you see an item marked with a ❌ that you would find useful, feel free to re
|
||||
|
||||
:::
|
||||
|
||||
<!-- prettier-ignore-start -->
|
||||
|
||||
| Capability | [Java](/docs/generated/sdks/server-side/java.md) | [Node.js](/docs/generated/sdks/server-side/node.md) | [Go](/docs/generated/sdks/server-side/go.md) | [Python](/docs/generated/sdks/server-side/python.md) | [Ruby](/docs/generated/sdks/server-side/ruby.md) | [.NET](/docs/generated/sdks/server-side/dotnet.md) | [PHP](/docs/generated/sdks/server-side/php.md) | [Rust](/docs/generated/sdks/server-side/rust.md) |
|
||||
| --- | :-: | :-: | :-: | :-: | :-: | :-: | :-: | :-: |
|
||||
@ -89,7 +88,7 @@ If you see an item marked with a ❌ that you would find useful, feel free to re
|
||||
| Static fields (`environment`, `appName`) | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
|
||||
| Defined fields | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
|
||||
| Custom properties | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
|
||||
| **Category: [`isEnabled`](./client-specification#implementation-of-isenabled)** | | | | | | | | |
|
||||
| **Category: [`isEnabled`](/client-specification#implementation-of-isenabled)** | | | | | | | | |
|
||||
| Can take context | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
|
||||
| Override fallback value | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
|
||||
| Fallback function | ✅ | ✅ | ✅ | ✅ | ✅ | ⭕ | ⭕ | ⭕ |
|
||||
@ -110,7 +109,6 @@ If you see an item marked with a ❌ that you would find useful, feel free to re
|
||||
| Bootstrap from file | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ⭕ |
|
||||
| Custom Bootstrap implementation | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ⭕ |
|
||||
|
||||
<!-- prettier-ignore-end -->
|
||||
|
||||
## Community SDKs ❤️ {#community-sdks}
|
||||
|
||||
@ -138,7 +136,7 @@ Here's some of the fantastic work our community has done to make Unleash work in
|
||||
If you can't find an SDK that fits your requirements, you can also develop your own SDK. To make implementation easier, check out these resources:
|
||||
|
||||
- [Unleash Client Specifications](https://github.com/Unleash/client-specification) - Used by all official SDKs to make sure they behave correctly across different language implementations. This lets us verify that a gradual rollout to 10% of the users would affect the same users regardless of which SDK you're using.
|
||||
- [Client SDK overview](./client-specification) - A brief, overall guide of the _Unleash Architecture_ and important aspects of the SDK role in it all.
|
||||
- [Client SDK overview](/client-specification) - A brief, overall guide of the _Unleash Architecture_ and important aspects of the SDK role in it all.
|
||||
|
||||
## Client-side SDK behavior
|
||||
|
||||
|
@ -52,7 +52,7 @@ In theory, you could create segments with a thousand constraints, each with a mi
|
||||
|
||||
By default, you can apply **at most 5 segments to any one strategy**. Separate strategies (even on the same feature) do not count towards the same total, so you can have two strategies with 5 segments each.
|
||||
|
||||
You **can** [configure segment limits](./using-unleash/deploy/configuring-unleash#segments) with environment variables.
|
||||
You **can** [configure segment limits](/using-unleash/deploy/configuring-unleash#segments) with environment variables.
|
||||
|
||||
### A note on large segments {#large-segments}
|
||||
|
||||
|
@ -23,7 +23,7 @@ Before you can connect your application to Unleash you need a Unleash server. Yo
|
||||

|
||||
|
||||
- [**Unleash API**](/reference/api/unleash) - The Unleash instance. This is where you create feature flags, configure activation strategies, and parameters, etc. The service that contains all feature flags and their configurations. Configurations declare which activation strategies to use and which parameters they should get.
|
||||
- **Unleash Admin UI** - The bundled web interface for interacting with the Unleash instance. Manage flags, define strategies, look at metrics, and much more. Use the UI to [create feature flags](/how-to-create-feature-flag), [manage project access roles](../how-to/how-to-create-and-assign-custom-project-roles), [create API tokens](how-to/how-to-create-api-tokens), and more.
|
||||
- **Unleash Admin UI** - The bundled web interface for interacting with the Unleash instance. Manage flags, define strategies, look at metrics, and much more. Use the UI to [create feature flags](/how-to-create-feature-flag), [manage project access roles](../how-to/how-to-create-and-assign-custom-project-roles), [create API tokens](../how-to/how-to-create-api-tokens), and more.
|
||||
- [**Unleash SDKs**](../reference/sdks) - Unleash SDKs integrate into your applications and get feature configurations from the Unleash API. Use them to check whether features are enabled or disabled and to send metrics to the Unleash API. [See all our SDKs](../reference/sdks)
|
||||
- [**Unleash Edge**](../reference/unleash-edge) - The Unleash Edge sits between front-end and native applications on one side and the Unleash API on the other. It can also sit between server-side SDKs and the Unleash API as well. You can scale it independently of the Unleash API to handle large request rates without causing issues for the Unleash API. Edge has all endpoints for the client API, frontend API, and proxy API.
|
||||
|
||||
|
@ -144,8 +144,6 @@ As such, if you're relying on the specifics of the error structure for those API
|
||||
|
||||
Before you upgrade we strongly recommend that you take a full [database backup](database-backup), to make sure you can downgrade to version 3.
|
||||
|
||||
You can also read the highlights of **[what's new in v4](/user_guide/v4-whats-new)**.
|
||||
|
||||
### 1. All API calls now require a token. {#1-all-api-calls-now-requires-token}
|
||||
|
||||
If you are upgrading from Unleash Open-Source v3 client SDKs did not need to use an API token in order to connect to Unleash-server. Starting from v4 we have back-ported the API token handling for Enterprise in to the Open-Source version. This means that all client SDKs now need to use a client token in order to connect to Unleash.
|
||||
|
@ -1,5 +1,8 @@
|
||||
const { sdks } = require('./remote-content/sdks');
|
||||
const { docs: edgeAndProxy } = require('./remote-content/edge-proxy');
|
||||
import type { Config } from '@docusaurus/types';
|
||||
|
||||
import { sdks } from './remote-content/sdks';
|
||||
import { docs as edgeAndProxy } from './remote-content/edge-proxy';
|
||||
import pluginNpm2Yarn from '@docusaurus/remark-plugin-npm2yarn';
|
||||
|
||||
// for a given redirect object, modify it's `from` property such that for every
|
||||
// path that doesn't start with `/docs/`, a corresponding path that _does_ start
|
||||
@ -38,8 +41,8 @@ const addDocsRoutePrefix = ({ from, ...rest }) => {
|
||||
from: addDocs(from),
|
||||
};
|
||||
};
|
||||
/** @type {import('@docusaurus/types').DocusaurusConfig} */
|
||||
module.exports = {
|
||||
|
||||
const config: Config = {
|
||||
title: 'Unleash Documentation',
|
||||
tagline: 'The enterprise ready feature flag service',
|
||||
url: 'https://docs.getunleash.io',
|
||||
@ -50,7 +53,6 @@ module.exports = {
|
||||
organizationName: 'Unleash', // Usually your GitHub org/user name.
|
||||
projectName: 'unleash.github.io', // Usually your repo name.
|
||||
trailingSlash: false,
|
||||
markdown: { mermaid: true },
|
||||
customFields: {
|
||||
// expose env vars etc here
|
||||
environment: process.env.NODE_ENV,
|
||||
@ -170,17 +172,13 @@ module.exports = {
|
||||
],
|
||||
},
|
||||
prism: {
|
||||
theme: require('prism-react-renderer/themes/oceanicNext'),
|
||||
additionalLanguages: [
|
||||
'csharp',
|
||||
'dart',
|
||||
'http',
|
||||
'java',
|
||||
'kotlin',
|
||||
'php',
|
||||
'ruby',
|
||||
'rust',
|
||||
'swift',
|
||||
'bash',
|
||||
],
|
||||
},
|
||||
languageTabs: [
|
||||
@ -290,22 +288,16 @@ module.exports = {
|
||||
'@docusaurus/preset-classic',
|
||||
{
|
||||
docs: {
|
||||
sidebarPath: require.resolve('./sidebars.js'),
|
||||
// Please change this to your repo.
|
||||
editUrl:
|
||||
'https://github.com/Unleash/unleash/edit/main/website/',
|
||||
routeBasePath: '/',
|
||||
remarkPlugins: [
|
||||
[
|
||||
require('@docusaurus/remark-plugin-npm2yarn'),
|
||||
{ sync: true },
|
||||
],
|
||||
],
|
||||
docLayoutComponent: '@theme/DocPage',
|
||||
remarkPlugins: [[pluginNpm2Yarn, { sync: true }]],
|
||||
docItemComponent: '@theme/ApiItem',
|
||||
sidebarPath: './sidebars.ts',
|
||||
},
|
||||
theme: {
|
||||
customCss: require.resolve('./src/css/custom.css'),
|
||||
customCss: './src/css/custom.css',
|
||||
},
|
||||
googleAnalytics: {
|
||||
trackingID: 'UA-134882379-1',
|
||||
@ -911,7 +903,6 @@ module.exports = {
|
||||
],
|
||||
themes: [
|
||||
'docusaurus-theme-openapi-docs', // Allows use of @theme/ApiItem and other components
|
||||
'@docusaurus/theme-mermaid',
|
||||
],
|
||||
scripts: [
|
||||
{
|
||||
@ -924,5 +915,7 @@ module.exports = {
|
||||
defer: true,
|
||||
},
|
||||
],
|
||||
clientModules: [require.resolve('./global.js')],
|
||||
clientModules: ['./global.js'],
|
||||
};
|
||||
|
||||
export default config;
|
@ -11,7 +11,7 @@
|
||||
"build": "yarn generate && yarn fetch-remote-content && docusaurus build",
|
||||
"swizzle": "docusaurus swizzle",
|
||||
"fetch-remote-content": "docusaurus download-remote-content-external && docusaurus download-remote-content-sdks",
|
||||
"generate": "docusaurus gen-api-docs all && node clean-generated-docs.js",
|
||||
"generate": "docusaurus gen-api-docs all && node clean-generated-docs.mjs",
|
||||
"deploy": "yarn generate && yarn fetch-remote-content && docusaurus deploy",
|
||||
"clear": "docusaurus clear",
|
||||
"serve": "docusaurus serve",
|
||||
@ -20,40 +20,22 @@
|
||||
"test": "NODE_ENV=test node --trace-warnings ../node_modules/.bin/jest remote-content"
|
||||
},
|
||||
"dependencies": {
|
||||
"@docusaurus/core": "2.3.1",
|
||||
"@docusaurus/plugin-client-redirects": "2.3.1",
|
||||
"@docusaurus/plugin-google-analytics": "2.3.1",
|
||||
"@docusaurus/preset-classic": "2.3.1",
|
||||
"@docusaurus/remark-plugin-npm2yarn": "2.3.1",
|
||||
"@docusaurus/theme-mermaid": "2.3.1",
|
||||
"@mdx-js/react": "1.6.22",
|
||||
"@svgr/webpack": "8.1.0",
|
||||
"browserslist": "^4.16.5",
|
||||
"docusaurus-plugin-openapi-docs": "2.0.0-beta.3",
|
||||
"docusaurus-plugin-remote-content": "^3.1.0",
|
||||
"docusaurus-theme-openapi-docs": "2.0.0-beta.2",
|
||||
"git-url-parse": "^14.0.0",
|
||||
"@docusaurus/core": "^3.5.2",
|
||||
"@docusaurus/plugin-client-redirects": "^3.5.2",
|
||||
"@docusaurus/plugin-google-analytics": "^3.5.2",
|
||||
"@docusaurus/preset-classic": "^3.5.2",
|
||||
"@docusaurus/remark-plugin-npm2yarn": "3.5.2",
|
||||
"@mdx-js/react": "^3.1.0",
|
||||
"docusaurus-plugin-openapi-docs": "^4.1.0",
|
||||
"docusaurus-plugin-remote-content": "^4.0.0",
|
||||
"docusaurus-theme-openapi-docs": "^4.1.0",
|
||||
"git-url-parse": "^15.0.0",
|
||||
"plugin-image-zoom": "flexanalytics/plugin-image-zoom",
|
||||
"prism-react-renderer": "^2.4.0",
|
||||
"prism-svelte": "^0.5.0",
|
||||
"react": "18.3.1",
|
||||
"react-dom": "18.3.1",
|
||||
"url-loader": "4.1.1"
|
||||
},
|
||||
"resolutions": {
|
||||
"axios": "^0.28.0",
|
||||
"async": "^3.2.4",
|
||||
"trim": "^1.0.0",
|
||||
"got": "^13.0.0",
|
||||
"glob-parent": "^6.0.0",
|
||||
"browserslist": "^4.16.5",
|
||||
"set-value": "^4.0.1",
|
||||
"ansi-regex": "^5.0.1",
|
||||
"nth-check": "^2.0.1",
|
||||
"minimatch": "^5.0.0",
|
||||
"decode-uri-component": "^0.4.0",
|
||||
"qs": "^6.9.7",
|
||||
"ws": "^8.18.0",
|
||||
"semver": "^7.5.3"
|
||||
"react": "^18.3.1",
|
||||
"react-dom": "^18.3.1",
|
||||
"replace-in-file": "^8.2.0"
|
||||
},
|
||||
"browserslist": {
|
||||
"production": [
|
||||
@ -68,14 +50,14 @@
|
||||
]
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "7.25.9",
|
||||
"@docusaurus/module-type-aliases": "2.3.1",
|
||||
"@docusaurus/module-type-aliases": "^3.5.2",
|
||||
"@docusaurus/types": "^3.5.2",
|
||||
"@tsconfig/docusaurus": "2.0.3",
|
||||
"babel-loader": "9.2.1",
|
||||
"enhanced-resolve": "5.17.1",
|
||||
"react-router": "6.27.0",
|
||||
"replace-in-file": "7.2.0",
|
||||
"typescript": "5.4.5"
|
||||
"@types/react": "^18.3.12",
|
||||
"typescript": "5.6.3"
|
||||
},
|
||||
"resolutions": {
|
||||
"http-proxy-middleware": "3.0.3"
|
||||
},
|
||||
"packageManager": "yarn@4.5.1"
|
||||
}
|
||||
|
@ -1,10 +1,10 @@
|
||||
const {
|
||||
import {
|
||||
enrich,
|
||||
mapObject,
|
||||
modifyContent,
|
||||
getRepoData,
|
||||
getUrls,
|
||||
} = require('./shared');
|
||||
} from './shared';
|
||||
|
||||
const DOCS = mapObject(enrich)({
|
||||
'unleash-proxy': {
|
||||
@ -46,7 +46,7 @@ const modifyContent2 = modifyContent({
|
||||
getAdditionalAdmonitions: getAdmonitions,
|
||||
});
|
||||
|
||||
module.exports.docs = {
|
||||
export const docs = {
|
||||
urls: getUrls(DOCS),
|
||||
modifyContent: modifyContent2,
|
||||
};
|
||||
|
@ -1,9 +1,9 @@
|
||||
const {
|
||||
import {
|
||||
enrichAdditional,
|
||||
modifyContent,
|
||||
getRepoData,
|
||||
getUrls,
|
||||
} = require('./shared');
|
||||
} from './shared';
|
||||
|
||||
// Type definitions
|
||||
//
|
||||
@ -117,7 +117,7 @@ const modifyContent2 = modifyContent({
|
||||
getAdditionalAdmonitions: getAdmonitions,
|
||||
});
|
||||
|
||||
module.exports.sdks = {
|
||||
export const sdks = {
|
||||
urls: getUrls(SDKS),
|
||||
modifyContent: modifyContent2,
|
||||
};
|
||||
|
@ -1,4 +1,4 @@
|
||||
const { docs } = require('./edge-proxy');
|
||||
import { docs } from './edge-proxy';
|
||||
|
||||
test('Should get all sub pages', () => {
|
||||
expect(docs.urls).toStrictEqual([
|
||||
|
@ -1,9 +1,9 @@
|
||||
const path = require('path');
|
||||
import path from 'node:path';
|
||||
|
||||
module.exports.mapObject = (fn) => (o) =>
|
||||
export const mapObject = (fn) => (o) =>
|
||||
Object.fromEntries(Object.entries(o).map(fn));
|
||||
|
||||
module.exports.enrichAdditional =
|
||||
export const enrichAdditional =
|
||||
(additionalProperties) =>
|
||||
([repoName, repoData]) => {
|
||||
const repoUrl = `https://github.com/Unleash/${repoName}`;
|
||||
@ -17,9 +17,10 @@ module.exports.enrichAdditional =
|
||||
{ ...repoData, repoUrl, slugName, branch, ...additionalProperties },
|
||||
];
|
||||
};
|
||||
module.exports.enrich = module.exports.enrichAdditional({});
|
||||
|
||||
module.exports.getRepoData = (documents) => (filename) => {
|
||||
export const enrich = enrichAdditional({});
|
||||
|
||||
export const getRepoData = (documents) => (filename) => {
|
||||
const repoName = filename.split('/')[0];
|
||||
|
||||
const repoData = documents[repoName];
|
||||
@ -80,7 +81,7 @@ const replaceLinks = ({ content, repo }) => {
|
||||
.replaceAll(imageSrcLink, replaceImageSrcLink);
|
||||
};
|
||||
|
||||
module.exports.modifyContent =
|
||||
export const modifyContent =
|
||||
({
|
||||
getRepoDataFn,
|
||||
filePath = () => {},
|
||||
@ -128,11 +129,15 @@ module.exports.modifyContent =
|
||||
content: `---
|
||||
title: ${subpage?.sidebarName ?? data.sidebarName}
|
||||
slug: ${processedSlug}
|
||||
custom_edit_url: ${data.repoUrl}/edit/${data.branch}/${subpage ? subpageKey : 'README.md'}
|
||||
custom_edit_url: ${data.repoUrl}/edit/${data.branch}/${
|
||||
subpage ? subpageKey : 'README.md'
|
||||
}
|
||||
---
|
||||
|
||||
:::info Generated content
|
||||
This document was generated from ${subpage ? subpageKey : 'README.md'} in the [${data.sidebarName} GitHub repository](${data.repoUrl}).
|
||||
This document was generated from ${
|
||||
subpage ? subpageKey : 'README.md'
|
||||
} in the [${data.sidebarName} GitHub repository](${data.repoUrl}).
|
||||
:::
|
||||
|
||||
${additionalAdmonitions}
|
||||
@ -152,7 +157,7 @@ This content was generated on <time dateTime="${generationTime.toISOString()}">$
|
||||
};
|
||||
};
|
||||
|
||||
module.exports.getUrls = (documents) =>
|
||||
export const getUrls = (documents) =>
|
||||
Object.entries(documents).flatMap(([repo, { branch, subPages }]) => [
|
||||
`${repo}/${branch}/README.md`,
|
||||
...(Object.keys(subPages ?? {}).map(
|
||||
|
@ -9,10 +9,11 @@
|
||||
Create as many sidebars as you want.
|
||||
*/
|
||||
|
||||
// TODO: Add warning to legacy API docs - but generated items
|
||||
// TODO: Continue to clean URLs & redirects - but wait for SEO results first
|
||||
import type { SidebarsConfig } from '@docusaurus/plugin-content-docs';
|
||||
|
||||
module.exports = {
|
||||
import docsSidebar from './docs/reference/api/unleash/sidebar.ts';
|
||||
|
||||
const sidebars: SidebarsConfig = {
|
||||
academy: [
|
||||
{
|
||||
label: 'Unleash Academy',
|
||||
@ -237,7 +238,7 @@ module.exports = {
|
||||
label: 'iOS',
|
||||
link: {
|
||||
type: 'doc',
|
||||
id: 'feature-flag-tutorials/ios/implementing-feature-flags',
|
||||
id: 'feature-flag-tutorials/ios/implementing-feature-flags-ios',
|
||||
},
|
||||
items: [
|
||||
{
|
||||
@ -381,7 +382,7 @@ module.exports = {
|
||||
slug: '/reference/api/unleash',
|
||||
},
|
||||
items: [
|
||||
require('./docs/reference/api/unleash/sidebar.js'),
|
||||
docsSidebar,
|
||||
{
|
||||
'System API': [
|
||||
'reference/api/legacy/unleash/internal/prometheus',
|
||||
@ -686,3 +687,5 @@ module.exports = {
|
||||
},
|
||||
],
|
||||
};
|
||||
|
||||
export default sidebars;
|
@ -1,7 +1,7 @@
|
||||
// biome-ignore lint/correctness/noUnusedImports: Needs this for React to work
|
||||
import React, { useState, useEffect } from 'react';
|
||||
import { getContributors } from './contributors';
|
||||
import styles from './contributors.module.scss';
|
||||
import styles from './contributors.module.css';
|
||||
|
||||
const unleashTeam = new Map([
|
||||
['alvinometric', 'developer advocate, Unleash'],
|
||||
|
@ -8,18 +8,18 @@
|
||||
gap: 20px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
li{
|
||||
list-style: none;
|
||||
}
|
||||
}
|
||||
|
||||
.unleash{
|
||||
.wrapper li {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.unleash {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.unleash:before{
|
||||
.unleash:before {
|
||||
display: block;
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
@ -33,18 +33,18 @@
|
||||
|
||||
.contributor {
|
||||
margin-top: 10px;
|
||||
|
||||
img{
|
||||
border-radius: 100%;
|
||||
margin:0;
|
||||
padding: 0;
|
||||
border: 2px solid var(--unleash-color-gray);
|
||||
transition: border-color var(--ifm-transition-fast) var(--ifm-transition-timing-default),
|
||||
scale var(--ifm-transition-fast) var(--ifm-transition-timing-default);
|
||||
}
|
||||
}
|
||||
|
||||
.contributor img:hover{
|
||||
.contributor img {
|
||||
border-radius: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 2px solid var(--unleash-color-gray);
|
||||
transition: border-color var(--ifm-transition-fast) var(--ifm-transition-timing-default),
|
||||
scale var(--ifm-transition-fast) var(--ifm-transition-timing-default);
|
||||
}
|
||||
|
||||
.contributor img:hover {
|
||||
border-color: var(--ifm-pagination-nav-color-hover);
|
||||
scale: 1.1;
|
||||
}
|
||||
@ -53,4 +53,4 @@
|
||||
.wrapper {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
@ -1,7 +1,7 @@
|
||||
// biome-ignore lint/correctness/noUnusedImports: Needs this for React to work
|
||||
import React from 'react';
|
||||
import Footer from '@theme-original/DocItem/Footer';
|
||||
import { useDoc } from '@docusaurus/theme-common/internal';
|
||||
import { useDoc } from '@docusaurus/plugin-content-docs/client';
|
||||
import GitHubContributors from './GitHubContributors';
|
||||
import GitUrlParse from 'git-url-parse';
|
||||
|
||||
|
@ -1,9 +1,15 @@
|
||||
import siteConfig from '@generated/docusaurus.config';
|
||||
export default function prismIncludeLanguages(PrismObject) {
|
||||
import type * as PrismNamespace from 'prismjs';
|
||||
import type { Optional } from 'utility-types';
|
||||
|
||||
export default function prismIncludeLanguages(
|
||||
PrismObject: typeof PrismNamespace,
|
||||
): void {
|
||||
const {
|
||||
themeConfig: { prism },
|
||||
} = siteConfig;
|
||||
const { additionalLanguages } = prism;
|
||||
const { additionalLanguages } = prism as { additionalLanguages: string[] };
|
||||
|
||||
// Prism components work on the Prism instance on the window, while prism-
|
||||
// react-renderer uses its own Prism instance. We temporarily mount the
|
||||
// instance onto window, import components to enhance it, then remove it to
|
||||
@ -11,12 +17,17 @@ export default function prismIncludeLanguages(PrismObject) {
|
||||
// You can mutate PrismObject: registering plugins, deleting languages... As
|
||||
// long as you don't re-assign it
|
||||
globalThis.Prism = PrismObject;
|
||||
|
||||
additionalLanguages.forEach((lang) => {
|
||||
if (lang === 'php') {
|
||||
// eslint-disable-next-line global-require
|
||||
require('prismjs/components/prism-markup-templating.js');
|
||||
}
|
||||
// eslint-disable-next-line global-require, import/no-dynamic-require
|
||||
require(`prismjs/components/prism-${lang}`);
|
||||
});
|
||||
|
||||
require('prism-svelte');
|
||||
|
||||
delete globalThis.Prism;
|
||||
delete (globalThis as Optional<typeof globalThis, 'Prism'>).Prism;
|
||||
}
|
BIN
website/static/img/network-view.png
Normal file
BIN
website/static/img/network-view.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 120 KiB |
9360
website/yarn.lock
9360
website/yarn.lock
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue
Block a user