@linktr.ee/create-link-app 0.3.0-next.18 → 0.3.0-next.2

package/README.md

@@ -27,7 +27,6 @@ yarn create @linktr.ee/create-link-app my-link-app
 * [`create-link-app help [COMMANDS]`](#create-link-app-help-commands)
 * [`create-link-app login`](#create-link-app-login)
 * [`create-link-app logout`](#create-link-app-logout)
-* [`create-link-app storybook`](#create-link-app-storybook)
 
 ## `create-link-app build`
 
@@ -169,19 +168,4 @@ USAGE
 DESCRIPTION
   Logout and clear browser session
 ```
-
-## `create-link-app storybook`
-
-Start the Stortybook development server
-
-```
-USAGE
-  $ create-link-app storybook [-p <value>]
-
-FLAGS
-  -p, --port=<value>  [default: 6006] Port to run the Storybook server on
-
-DESCRIPTION
-  Start the Stortybook development server
-```
 <!-- commandsstop -->

package/dist/lib/create/create-project.js

@@ -14,9 +14,6 @@ const createProject = async (template, targetDir) => {
     await fs_extra_1.default.copy(templateDir, targetDir);
     await fs_extra_1.default.copy(templateCommonDir, targetDir);
     await fs_extra_1.default.move(`${targetDir}/gitignore`, `${targetDir}/.gitignore`);
-    if (await fs_extra_1.default.existsSync(`${targetDir}/src/types/global.d.ts`)) {
-        await fs_extra_1.default.unlink(`${targetDir}/src/types/global.d.ts`);
-    }
     // update `name` field in project manifest
     const manifest = await fs_extra_1.default.readJson(`${targetDir}/manifest.json`);
     manifest.name = (0, project_name_to_title_1.default)(path_1.default.basename(targetDir));

package/dist/webpack/webpack.config.js

@@ -1,28 +1,5 @@
 "use strict";
 /* eslint-disable @typescript-eslint/no-non-null-assertion */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -31,12 +8,10 @@ const fork_ts_checker_webpack_plugin_1 = __importDefault(require("fork-ts-checke
 const fs_1 = __importDefault(require("fs"));
 const html_webpack_plugin_1 = __importDefault(require("html-webpack-plugin"));
 const inject_body_webpack_plugin_1 = __importDefault(require("inject-body-webpack-plugin"));
-const mini_css_extract_plugin_1 = __importDefault(require("mini-css-extract-plugin"));
 const path_1 = __importDefault(require("path"));
 const webpack_1 = require("webpack");
 const camelcase_1 = __importDefault(require("camelcase"));
 const slugify_1 = __importDefault(require("slugify"));
-const postcssOptions = __importStar(require("../postcss/postcss.config"));
 const { ModuleFederationPlugin } = webpack_1.container;
 function default_1(env, options) {
     const appDir = process.cwd();
@@ -44,15 +19,14 @@ function default_1(env, options) {
     const htmlTemplateFile = path_1.default.resolve(__dirname, '..', '..', 'html-template', `${env}.html`);
     const manifestJson = JSON.parse(fs_1.default.readFileSync(path_1.default.resolve(appDir, 'manifest.json'), 'utf8'));
     const linkTypeName = manifestJson.name.replace(/[^A-Za-z0-9 ]/g, '');
-    const linkTypeSlug = (0, slugify_1.default)(linkTypeName, { lower: true });
-    const linkTypeId = (0, camelcase_1.default)(linkTypeSlug, { pascalCase: true });
+    const linkTypeId = (0, camelcase_1.default)((0, slugify_1.default)(linkTypeName, { lower: true }), { pascalCase: true });
     const hasTsconfig = fileExists(path_1.default.resolve(appDir, 'tsconfig.json'));
     const config = {
         target: 'web',
         mode: env,
         entry: entryFile,
         output: {
-            publicPath: 'auto',
+            publicPath: '',
             path: path_1.default.resolve(appDir, 'dist'),
             assetModuleFilename: 'images/[hash][ext][query]',
         },
@@ -75,19 +49,6 @@ function default_1(env, options) {
                     test: /\.(png|jpe?g|gif|svg)$/i,
                     type: 'asset/inline',
                 },
-                {
-                    test: /\.css$/,
-                    use: [
-                        mini_css_extract_plugin_1.default.loader,
-                        'css-loader',
-                        {
-                            loader: 'postcss-loader',
-                            options: {
-                                postcssOptions: { ...postcssOptions },
-                            },
-                        },
-                    ],
-                },
             ],
         },
         resolve: {
@@ -116,16 +77,13 @@ function default_1(env, options) {
             ...config.resolve.alias,
             '@linktr.ee/extension-dev-data': path_1.default.resolve(appDir, 'fixtures', 'props-data.json'),
         };
-        config.plugins.push(new mini_css_extract_plugin_1.default());
     }
     if (env === 'production') {
-        // TODO: Figure out how to manage externals with Module Federation
-        //       Possibly make the index.html a host app, via separate webpack config
-        // config.externals = {
-        //   react: 'React',
-        //   'react-dom': 'ReactDOM',
-        //   'styled-components': 'styled',
-        // }
+        config.externals = {
+            react: 'React',
+            'react-dom': 'ReactDOM',
+            'styled-components': 'styled',
+        };
         config.performance = {
             maxEntrypointSize: 1048576,
             maxAssetSize: 350000,
@@ -154,14 +112,11 @@ function default_1(env, options) {
                     singleton: true,
                     requiredVersion: '17 || 18',
                 },
-                // 'styled-components': {
-                //   singleton: true,
-                //   requiredVersion: '5',
-                // },
+                'styled-components': {
+                    singleton: true,
+                    requiredVersion: '5',
+                },
             },
-        }), new mini_css_extract_plugin_1.default({
-            filename: '[name].[contenthash].css',
-            chunkFilename: '[id].[contenthash].css',
         }));
     }
     return config;

package/html-template/development.html

@@ -13,4 +13,4 @@
   <div id="root"></div>
 </body>
 
-</html>
+</html>

package/html-template/production.html

@@ -17,4 +17,4 @@
   <div id="root"></div>
 </body>
 
-</html>
+</html>

package/oclif.manifest.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.3.0-next.18",
+  "version": "0.3.0-next.2",
   "commands": {
     "build": {
       "id": "build",
@@ -216,26 +216,6 @@
         }
       },
       "args": {}
-    },
-    "storybook": {
-      "id": "storybook",
-      "description": "Start the Stortybook development server",
-      "strict": true,
-      "pluginName": "@linktr.ee/create-link-app",
-      "pluginAlias": "@linktr.ee/create-link-app",
-      "pluginType": "core",
-      "aliases": [],
-      "flags": {
-        "port": {
-          "name": "port",
-          "type": "option",
-          "char": "p",
-          "description": "Port to run the Storybook server on",
-          "multiple": false,
-          "default": 6006
-        }
-      },
-      "args": {}
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linktr.ee/create-link-app",
-  "version": "0.3.0-next.18",
+  "version": "0.3.0-next.2",
   "description": "Create a Link App on Linktr.ee.",
   "license": "UNLICENSED",
   "author": "Linktree",
@@ -19,14 +19,13 @@
     "/templates"
   ],
   "scripts": {
-    "build": "shx rm -rf dist && tsc -b && yarn copy-storybook-global-css",
+    "build": "shx rm -rf dist && tsc -b",
     "postpack": "shx rm -f oclif.manifest.json",
     "prepack": "yarn build && oclif manifest && oclif readme",
     "test": "jest --watch",
     "test:ci": "jest",
     "test:cov": "jest --coverage",
-    "version": "oclif readme && git add README.md",
-    "copy-storybook-global-css": "cp ./src/storybook/global.css ./dist/storybook/global.css"
+    "version": "oclif readme && git add README.md"
   },
   "dependencies": {
     "@babel/core": "^7.18.2",
@@ -35,45 +34,24 @@
     "@babel/preset-react": "^7.17.12",
     "@babel/preset-typescript": "^7.17.12",
     "@babel/runtime": "^7.18.3",
-    "@linktr.ee/component-library": "^7.0.17",
     "@oclif/core": "^1.9.0",
     "@oclif/plugin-help": "^5.1.12",
-    "@storybook/addon-actions": "^6.5.9",
-    "@storybook/addon-essentials": "^6.5.9",
-    "@storybook/addon-interactions": "^6.5.9",
-    "@storybook/addon-links": "^6.5.9",
-    "@storybook/addon-postcss": "^2.0.0",
-    "@storybook/builder-webpack5": "^6.5.9",
-    "@storybook/manager-webpack5": "^6.5.9",
-    "@storybook/react": "^6.5.9",
-    "@testing-library/react": "^12.1.4",
-    "@testing-library/user-event": "14",
     "archiver": "^5.3.1",
-    "autoprefixer": "^10.4.14",
     "axios": "^0.27.2",
     "babel-loader": "^8.2.5",
     "camelcase": "^6.3.0",
-    "css-loader": "^6.7.3",
     "fork-ts-checker-webpack-plugin": "^7.2.11",
     "form-data": "^4.0.0",
     "fs-extra": "^10.1.0",
     "html-webpack-plugin": "^5.5.0",
     "inject-body-webpack-plugin": "^1.3.0",
     "jsonwebtoken": "^8.5.1",
-    "mini-css-extract-plugin": "^2.7.5",
     "netrc-parser": "^3.1.6",
     "openid-client": "^5.1.6",
-    "postcss": "^8.4.21",
-    "postcss-loader": "^4.3.0",
-    "prop-types": "^15.8.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "slugify": "^1.6.6",
-    "storybook-addon-designs": "^6.3.1",
-    "storybook-addon-turbo-build": "^1.1.0",
-    "style-loader": "^3.3.2",
     "styled-components": "^5.3.5",
-    "tailwindcss": "^3.3.1",
     "typescript": "^4.7.3",
     "webpack": "^5.75.0",
     "webpack-dev-server": "^4.11.1"

package/templates/common/fixtures/props-data.json

@@ -1,3 +1,4 @@
 {
-  "title": "Link App Title"
+  "toggle": true,
+  "your_name": "World"
 }

package/templates/react/package.json

@@ -3,12 +3,10 @@
   "scripts": {
     "build": "create-link-app build",
     "deploy": "create-link-app deploy",
-    "storybook": "create-link-app storybook",
     "dev": "create-link-app dev"
   },
   "devDependencies": {
-    "@linktr.ee/component-library": "latest",
-    "@linktr.ee/create-link-app": "next",
+    "@linktr.ee/create-link-app": "latest",
     "@linktr.ee/ui-link-kit": "latest"
   }
 }

package/templates/react/src/index.jsx

@@ -1,9 +1,18 @@
-import P from '@linktr.ee/component-library/P'
+import { Container, Description, Header } from '@linktr.ee/ui-link-kit'
 
-import './tailwind.css'
+import logo from './images/logo.png'
 
-function App({ title }) {
-  return <P>{title}</P>
+function App({ toggle, your_name, __linkUrl }) {
+  return (
+    <Container
+      primaryCta={toggle ? { label: 'Visit our UI docs for more info', href: 'https://blstrco.github.io/ui-link-kit/' } : null}
+      secondaryCta={toggle ? { label: 'Original url for your Linktree link', href: __linkUrl } : null}
+      logo={logo}
+    >
+      <Header heading={`Hello ${your_name}!`} secondaryHeading="Congratulations, you now have a Linktree link!" layout="hero" />
+      <Description>{your_name}</Description>
+    </Container>
+  )
 }
 
 export default App

package/templates/react-ts/package.json

@@ -3,12 +3,10 @@
   "scripts": {
     "build": "create-link-app build",
     "deploy": "create-link-app deploy",
-    "storybook": "create-link-app storybook",
     "dev": "create-link-app dev"
   },
   "devDependencies": {
-    "@linktr.ee/component-library": "latest",
-    "@linktr.ee/create-link-app": "next",
+    "@linktr.ee/create-link-app": "latest",
     "@linktr.ee/ui-link-kit": "latest",
     "@types/react": "^17.0.0",
     "@types/react-dom": "^17.0.0"

package/templates/react-ts/src/index.tsx

@@ -1,25 +1,19 @@
-import { Featured, Carousel, Grid, Stack, SheetBody } from './components/Layouts'
-import { SettingsData, Layout } from './types'
+import { Container, Description, Header } from '@linktr.ee/ui-link-kit'
+import { SettingsData } from './types'
 
-import './tailwind.css'
+import logo from './images/logo.png'
 
-function App(props: SettingsData) {
-  const { layout } = props
-
-  switch (layout) {
-    case Layout.stack:
-      return <Stack {...props} />
-    case Layout.grid:
-      return <Grid {...props} />
-    case Layout.carousel:
-      return <Carousel {...props} />
-    case Layout.featured:
-      return <Featured {...props} />
-    case Layout.sheetBody:
-      return <SheetBody />
-    default:
-      return <div>Unknown layout: {props.layout}</div>
-  }
+function App({ toggle, your_name, __linkUrl }: SettingsData) {
+  return (
+    <Container
+      primaryCta={toggle ? { label: 'Visit our UI docs for more info', href: 'https://blstrco.github.io/ui-link-kit/' } : null}
+      secondaryCta={toggle ? { label: 'Original url for your Linktree link', href: __linkUrl } : null}
+      logo={logo}
+    >
+      <Header heading={`Hello ${your_name}!`} secondaryHeading="Congratulations, you now have a Linktree link!" layout="hero" />
+      <Description>{your_name}</Description>
+    </Container>
+  )
 }
 
 export default App

package/templates/react-ts/src/types/global.d.ts

@@ -1,8 +1,5 @@
-// @HACK: These files are removed at build time, but we need it for type checking
-declare module '*manifest.json' {
-  export const name: string
-}
-
-declare module '*props-data.json' {
-  export const name: string
-}
+declare module '*.jpg'
+declare module '*.png'
+declare module '*.jpeg'
+declare module '*.gif'
+declare module '*.svg'

package/templates/react-ts/src/types/index.ts

@@ -1,23 +1,7 @@
 type LinktreeLinkContext = {
-  layout: Layout;
-  editing: boolean;
-  borderRadius: BorderRadius;
-};
-
-export type SettingsData = {
-  title: string;
-} & LinktreeLinkContext;
-
-export enum Layout {
-  featured = "FEATURED",
-  carousel = "CAROUSEL",
-  grid = "GRID",
-  stack = "STACK",
-  sheetBody = "SHEET_BODY",
-}
-
-export enum BorderRadius {
-  Full = "FULL",
-  Medium = "MEDIUM",
-  None = "NONE",
+  __linkUrl: string
 }
+export type SettingsData = {
+  toggle: boolean
+  your_name: string
+} & LinktreeLinkContext

package/dist/commands/storybook.js

@@ -1,28 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const core_1 = require("@oclif/core");
-const child_process_1 = require("child_process");
-const base_1 = __importDefault(require("../base"));
-const path_1 = __importDefault(require("path"));
-class Storybook extends base_1.default {
-    async run() {
-        const configPath = path_1.default.resolve(__dirname, '..', 'storybook');
-        const { flags } = await this.parse(Storybook);
-        const storybook = (0, child_process_1.spawn)(`start-storybook -p ${flags.port} -c ${configPath}`, { shell: true, stdio: 'inherit' });
-        storybook.on('error', (err) => {
-            throw err;
-        });
-    }
-}
-exports.default = Storybook;
-Storybook.description = 'Start the Stortybook development server';
-Storybook.flags = {
-    port: core_1.Flags.integer({
-        char: 'p',
-        description: 'Port to run the Storybook server on',
-        default: 6006,
-    }),
-};

package/dist/postcss/postcss.config.js

@@ -1,20 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const path_1 = __importDefault(require("path"));
-const tailwindcss_1 = __importDefault(require("tailwindcss"));
-const autoprefixer_1 = __importDefault(require("autoprefixer"));
-const componentLibraryContentPath = path_1.default.join(require.resolve('@linktr.ee/component-library/tailwind.config').split('/').slice(0, -1).join('/'), 'dist', '**', '*.js');
-const config = {
-    plugins: [
-        (0, tailwindcss_1.default)({
-            content: [`${process.cwd()}/src/**/*.{js,jsx,ts,tsx}`, componentLibraryContentPath],
-            presets: [require('@linktr.ee/component-library/tailwind.config')],
-            plugins: [],
-        }),
-        (0, autoprefixer_1.default)(),
-    ],
-};
-module.exports = config;

package/dist/storybook/global.css

@@ -1,50 +0,0 @@
-:root {
-  --lt-color-background: #3a463c;
-  --lt-color-on-background: #f7fdf9;
-  --lt-color-on-primary: #ffffff;
-  --lt-color-on-secondary: #ffffffb3;
-  --lt-color-primary: #849589;
-  --lt-color-secondary: #67776b;
-
-  --lt-color0: #ffffff;
-  --lt-color1: #f7fdf9;
-  --lt-color2: #eef6ed;
-  --lt-color3: #e0ece2;
-  --lt-color4: #c9d5cb;
-  --lt-color5: #b6c5b7;
-  --lt-color6: #849589;
-  --lt-color7: #67776b;
-  --lt-color8: #4d5e52;
-  --lt-color9: #3a463c;
-  --lt-color10: #29382d;
-  --lt-color11: #151e16;
-  --lt-color12: #0b140c;
-  --lt-color13: #000501;
-  --lt-color14: #000000;
-  --lt-color15: #000000;
-
-  --lt-treetop-radius-mobile: 2.5rem;
-
-  --lt-cover-radius: 6rem;
-  --lt-cover-radius-mobile: 4rem;
-
-  --lt-feature-container-radius: 2rem;
-  --lt-feature-thumbnail-radius: 1.5rem;
-
-  --lt-carousel-container-radius: 1.5rem;
-  --lt-carousel-thumbnail-radius: 1rem;
-
-  --lt-grid-container-radius: 1.25rem;
-  --lt-grid-thumbnail-radius: 0.75rem;
-
-  --lt-stack-container-radius: 1rem;
-  --lt-stack-thumbnail-radius: 0.65rem;
-
-  --lt-font-family: INTER;
-  --lt-text-2xl: 1.5rem;
-  --lt-text-lg: 1.125rem;
-  --lt-text-md: 1rem;
-  --lt-text-sm: 0.875rem;
-  --lt-text-xl: 1.25rem;
-  --lt-text-xs: 0.75rem;
-}

package/dist/storybook/main.js

@@ -1,62 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const postcss_1 = __importDefault(require("postcss"));
-const postcssOptions = __importStar(require("../postcss/postcss.config"));
-const config = {
-    stories: [`${process.cwd()}/src/**/*.stories.@(js|jsx|ts|tsx)`],
-    addons: [
-        '@storybook/addon-links',
-        '@storybook/addon-essentials',
-        {
-            name: 'storybook-addon-turbo-build',
-            options: {
-                optimizationLevel: 2,
-            },
-        },
-        {
-            /**
-             * Fix Storybook issue with PostCSS@8
-             * @see https://github.com/storybookjs/storybook/issues/12668#issuecomment-773958085
-             */
-            name: '@storybook/addon-postcss',
-            options: {
-                cssLoaderOptions: { importLoaders: 1 },
-                postcssLoaderOptions: {
-                    implementation: postcss_1.default,
-                    postcssOptions: { ...postcssOptions },
-                },
-            },
-        },
-    ],
-    framework: '@storybook/react',
-    core: {
-        builder: 'webpack5',
-    },
-};
-module.exports = config;

package/dist/storybook/preview.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.parameters = void 0;
-require("./global.css");
-exports.parameters = {
-    actions: { argTypesRegex: '^on[A-Z].*' },
-    controls: {
-        matchers: {
-            color: /(background|color)$/i,
-            date: /Date$/,
-        },
-    },
-};

package/templates/react/src/tailwind.css

@@ -1,5 +0,0 @@
-/* tailwind.css */
-
-@tailwind base;
-@tailwind components;
-@tailwind utilities;

package/templates/react-ts/src/components/Layouts.tsx

@@ -1,57 +0,0 @@
-import { SettingsData } from '../types'
-
-const baseStyle = {
-  backgroundColor: 'var(--lt-color-primary)',
-  color: 'var(--lt-color-on-primary)',
-} as React.CSSProperties
-
-const Featured = (props: SettingsData) => {
-  return (
-    <div
-      className="px-6 pt-12 pb-11 h-full"
-      style={{
-        ...baseStyle,
-        borderRadius: 'var(--lt-feature-container-radius)',
-      }}
-    >
-      Featured
-    </div>
-  )
-}
-
-const Carousel = (props: SettingsData) => {
-  return (
-    <div
-      className="px-4 pt-16 pb-10 h-full"
-      style={{
-        ...baseStyle,
-        borderRadius: 'var(--lt-carousel-container-radius)',
-      }}
-    >
-      Carousel
-    </div>
-  )
-}
-
-const Grid = (props: SettingsData) => {
-  return (
-    <div className="px-3 py-10 h-full" style={{ ...baseStyle, borderRadius: 'var(--lt-grid-container-radius)' }}>
-      Grid
-    </div>
-  )
-}
-
-const Stack = (props: SettingsData) => {
-  return (
-    <div className="flex p-2 h-full gap-2 w-full" style={{ ...baseStyle, borderRadius: 'var(--lt-stack-container-radius)' }}>
-      <div className="w-16 aspect-square"></div>
-      <h2 className="mr-16">Stack</h2>
-    </div>
-  )
-}
-
-const SheetBody = () => {
-  return <div>sheet body</div>
-}
-
-export { Featured, Carousel, Grid, Stack, SheetBody }

package/templates/react-ts/src/stories/LinkApp.stories.tsx

@@ -1,99 +0,0 @@
-import React from 'react'
-import { ComponentStory, ComponentMeta } from '@storybook/react'
-import manifest from '../../manifest.json'
-import fixture from '../../fixtures/props-data.json'
-
-import { Layout } from '../types'
-
-import LinkApp from '..'
-
-import './tailwind.sb.css'
-
-export default {
-  title: `Link App/${manifest.name}`,
-  component: LinkApp,
-  tags: ['autodocs'],
-  parameters: {
-    layout: 'fullscreen',
-  },
-  args: {
-    ...fixture,
-    editing: false,
-  },
-  argTypes: {
-    layout: {
-      table: {
-        disable: true,
-      },
-    },
-  },
-} as ComponentMeta<typeof LinkApp>
-
-export const Stack: ComponentStory<typeof LinkApp> = (args) => (
-  <div
-    className="m-2"
-    style={{
-      width: 374,
-      height: 80,
-    }}
-  >
-    <LinkApp {...args} />
-  </div>
-)
-Stack.args = {
-  layout: Layout.stack,
-}
-
-export const Grid: ComponentStory<typeof LinkApp> = (args) => (
-  <div
-    className="m-2"
-    style={{
-      width: 183,
-      height: 240,
-    }}
-  >
-    <LinkApp {...args} />
-  </div>
-)
-Grid.args = {
-  layout: Layout.grid,
-}
-
-export const Carousel: ComponentStory<typeof LinkApp> = (args) => (
-  <div
-    className="m-2"
-    style={{
-      width: 224,
-      height: 296,
-    }}
-  >
-    <LinkApp {...args} />
-  </div>
-)
-Carousel.args = {
-  layout: Layout.carousel,
-}
-
-export const Featured: ComponentStory<typeof LinkApp> = (args) => (
-  <div
-    className="m-2"
-    style={{
-      width: 374,
-      height: 374,
-    }}
-  >
-    <LinkApp {...args} />
-  </div>
-)
-Featured.args = {
-  layout: Layout.featured,
-}
-
-export const SheetBody: ComponentStory<typeof LinkApp> = (args) => (
-  <div className="m-2">
-    <LinkApp {...args} />
-  </div>
-)
-SheetBody.args = {
-  layout: Layout.sheetBody,
-}

package/templates/react-ts/src/stories/tailwind.sb.css

@@ -1,5 +0,0 @@
-/* tailwind.sb.css */
-
-@tailwind base;
-@tailwind components;
-@tailwind utilities;

package/templates/react-ts/src/tailwind.css

@@ -1,4 +0,0 @@
-/* tailwind.css */
-
-@tailwind components;
-@tailwind utilities;