Update Docusaurus to 3.2.0

[homotechsual]

No description provided.

[netlify]

✅ Deploy Preview for infima ready!

Name	Link
🔨 Latest commit
🔍 Latest deploy log	https://app.netlify.com/sites/infima/deploys/660eaa561d33fd1e622a36e7
😎 Deploy Preview	https://deploy-preview-303--infima.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[homotechsual]

My major stumbling block on this now is getting playground.js working with MDXv3/Docusaurus v3. Hit a bit of a road block on it.

[slorber]

I'll take a look but can you please add me as admin or member to the docusaurus community org? I can't push on your branch otherwise because it's an org I guess.

[slorber]

This works:

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

import {visit} from 'unist-util-visit';

const codeBlockTitleRegex =
  /containerClassName=(?<quote>["'])(?<containerClassName>.*?)\1/;

module.exports = function plugin() {
  const transformer = (root) => {
    visit(root, 'code', (node, index, parent) => {
      if (node.lang === 'html') {
        const containerClassName =
          node.meta?.match(codeBlockTitleRegex)?.groups.containerClassName;

        const html = node.value;

        const playgroundElement = {
          type: 'mdxJsxFlowElement',
          name: 'div',
          attributes: [
            {
              type: 'mdxJsxAttribute',
              name: 'className',
              value: containerClassName,
            },
            {
              type: 'mdxJsxAttribute',
              name: 'dangerouslySetInnerHTML',
              value: {
                type: 'mdxJsxAttributeValueExpression',
                data: {
                  estree: {
                    type: 'Program',
                    body: [
                      {
                        type: 'ExpressionStatement',
                        expression: {
                          type: 'ObjectExpression',
                          properties: [
                            {
                              type: 'Property',
                              kind: 'init',
                              key: {
                                type: 'Identifier',
                                name: '__html',
                              },
                              value: {
                                type: 'Literal',
                                value: `\`${html}\``,
                              },
                            },
                          ],
                        },
                      },
                    ],
                  },
                },
              },
            },
          ],
        };

        const lineBreakElement = {
          type: 'mdxJsxFlowElement',
          name: 'br',
        };

        const elementsToInsert = [playgroundElement, lineBreakElement];

        parent.children.splice(
          parent.children.indexOf(node),
          0,
          ...elementsToInsert,
        );

        return index + elementsToInsert.length + 1;
      }
    });
  };
  return transformer;
};

[homotechsual]

I'll take a look but can you please add me as admin or member to the docusaurus community org? I can't push on your branch otherwise because it's an org I guess.

Done - gave you owner permissions so you can add other Docusaurus contributors I'll be moving over a few plugins and the Docusaurus.community website source shortly.

[slorber]

LGTM thanks 👍