aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/molecules/code/code.stories.tsx
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2023-12-15 18:35:16 +0100
committerArmand Philippot <git@armandphilippot.com>2023-12-15 18:49:49 +0100
commit0f936ec0e7606cb79434d94096b6e113a7ce78eb (patch)
tree465ec7f66ac9459be6a18ac046e10357814c7b92 /src/components/molecules/code/code.stories.tsx
parent4e4d2eb25365be861e19f9756cf334ba2faa6911 (diff)
refactor(stories): migrate stories to CSF3 format
Diffstat (limited to 'src/components/molecules/code/code.stories.tsx')
-rw-r--r--src/components/molecules/code/code.stories.tsx192
1 files changed, 0 insertions, 192 deletions
diff --git a/src/components/molecules/code/code.stories.tsx b/src/components/molecules/code/code.stories.tsx
deleted file mode 100644
index 1127839..0000000
--- a/src/components/molecules/code/code.stories.tsx
+++ /dev/null
@@ -1,192 +0,0 @@
-import type { ComponentMeta, ComponentStory } from '@storybook/react';
-import { Code } from './code';
-
-/**
- * Code - Storybook Meta
- */
-export default {
- title: 'Molecules/Code',
- component: Code,
- argTypes: {
- children: {
- control: {
- type: 'text',
- },
- description: 'The code sample.',
- type: {
- name: 'string',
- required: true,
- },
- },
- filterPattern: {
- control: {
- type: 'text',
- },
- description: 'Define a pattern to filter the command line output.',
- table: {
- category: 'Options',
- },
- type: {
- name: 'string',
- required: false,
- },
- },
- language: {
- control: {
- type: 'text',
- },
- description: 'The code sample language.',
- type: {
- name: 'string',
- required: true,
- },
- },
- plugins: {
- description: 'An array of Prism plugins to activate.',
- type: {
- name: 'object',
- required: false,
- value: {},
- },
- },
- },
-} as ComponentMeta<typeof Code>;
-
-const Template: ComponentStory<typeof Code> = (args) => <Code {...args} />;
-
-const javascriptCodeSample = `
-const foo = () => {
- return 'bar';
-}
-`;
-
-/**
- * Code Stories - Code sample
- */
-export const CodeSample = Template.bind({});
-CodeSample.args = {
- children: javascriptCodeSample,
- language: 'javascript',
-};
-
-/**
- * Code Stories - Highlighting
- *
- * @todo Find a way to make it working: line-highlight plugin is not loaded.
- */
-export const Highlighting = Template.bind({});
-Highlighting.args = {
- children: javascriptCodeSample,
- highlight: '3',
- language: 'javascript',
-};
-
-// cSpell:ignore xinitrc
-const commandLineCode = `
-ls -lah
-#output#drwxr-x---+ 42 armand armand 4,0K 17 april 11:15 .
-#output#drwxr-xr-x 4 root root 4,0K 30 mai 2021 ..
-#output#-rw-r--r-- 1 armand armand 2,0K 21 jul. 2021 .xinitrc
-`;
-
-/**
- * Code Stories - Command Line
- */
-export const CommandLine = Template.bind({});
-CommandLine.args = {
- children: commandLineCode,
- cmdOutputFilter: '#output#',
- isCmd: true,
- language: 'bash',
-};
-
-// cSpell:ignore lcov
-const treeSample = `
-.
-├── bin
-│ └── deploy.sh
-├── CHANGELOG.md
-├── commitlint.config.cjs
-├── coverage
-│ ├── clover.xml
-│ ├── coverage-final.json
-│ ├── lcov-report
-│ └── lcov.info
-├── cspell.json
-├── cypress.config.js
-├── docker-compose.yml
-├── Dockerfile
-├── jest.config.js
-├── jest.setup.js
-├── lang
-│ ├── en.json
-│ └── fr.json
-├── LICENSE
-├── lint-staged.config.js
-├── mdx.d.ts
-├── next-env.d.ts
-├── next-sitemap.config.cjs
-├── next.config.js
-├── package.json
-├── public
-│ ├── apple-touch-icon.png
-│ ├── armand-philippot.jpg
-│ ├── favicon.ico
-│ ├── icon-192.png
-│ ├── icon-512.png
-│ ├── icon.svg
-│ ├── manifest.webmanifest
-│ ├── prism
-│ ├── projects
-│ ├── robots.txt
-│ ├── sitemap-0.xml
-│ ├── sitemap.xml
-│ └── vercel.svg
-├── README.md
-├── src
-│ ├── assets
-│ ├── components
-│ ├── content
-│ ├── i18n
-│ ├── pages
-│ ├── services
-│ ├── styles
-│ ├── types
-│ └── utils
-├── tests
-│ ├── cypress
-│ ├── jest
-│ └── utils
-├── tsconfig.eslint.json
-├── tsconfig.json
-├── tsconfig.tsbuildinfo
-└── yarn.lock`;
-
-/**
- * Code Stories - Tree view
- *
- * @todo Find a way to make it working: treeview plugin is not loaded.
- */
-export const TreeView = Template.bind({});
-TreeView.args = {
- children: treeSample,
- language: 'treeview',
-};
-
-const diffSample = `
---- file1.js 2023-10-13 19:17:05.540644084 +0200
-+++ file2.js 2023-10-13 19:17:15.310564281 +0200
-@@ -1,2 +1 @@
--let foo = bar.baz([1, 2, 3]);
--foo = foo + 1;
-+const foo = bar.baz([1, 2, 3]) + 1;`;
-
-/**
- * Code Stories - Diff
- */
-export const Diff = Template.bind({});
-Diff.args = {
- children: diffSample,
- isDiff: true,
- language: 'diff',
-};