Added index.ts and rearranged files

fwt/components/Background.tsx

@@ -1,9 +1,9 @@
-import './styles/Background.sass'
+import '../styles/Background.sass'
 import { Show, createSignal } from 'solid-js'
 import fs from 'fs'
-import webpPath from './images/background.webp'
-import avifPath from './images/background.avif'
-import noBackground from './images/no-background.webp'
+import webpPath from '../images/background.webp'
+import avifPath from '../images/background.avif'
+import noBackground from '../images/no-background.webp'
 
 interface Props {
   image?: boolean

fwt/components/Box.tsx

@@ -1,4 +1,4 @@
-import './styles/Box.sass'
+import '../styles/Box.sass'
 import { type JSXElement, createMemo } from 'solid-js'
 
 interface Props {

fwt/components/Button.tsx

@@ -1,4 +1,4 @@
-import './styles/Button.sass'
+import '../styles/Button.sass'
 import { Show, Switch, Match } from 'solid-js'
 
 interface Props {

fwt/components/Column.tsx

@@ -1,4 +1,4 @@
-import './styles/Column.sass'
+import '../styles/Column.sass'
 import type { JSXElement } from 'solid-js'
 
 interface Props {

fwt/components/Footer.tsx

@@ -1,4 +1,4 @@
-import './styles/Footer.sass'
+import '../styles/Footer.sass'
 import type { JSXElement } from 'solid-js'
 
 interface Props {

fwt/components/Form.tsx

@@ -1,4 +1,4 @@
-import './styles/Form.sass'
+import '../styles/Form.sass'
 import type { JSXElement } from 'solid-js'
 
 interface Props {

fwt/components/HTML.tsx

@@ -1,7 +1,7 @@
-import './styles/HTML.sass'
+import '../styles/HTML.sass'
 import { type JSXElement, Show } from 'solid-js'
-import background1 from './images/background.avif'
-import background2 from './images/background.webp'
+import background1 from '../images/background.avif'
+import background2 from '../images/background.webp'
 
 interface Props {
   title: string

fwt/components/Input.tsx

@@ -1,4 +1,4 @@
-import './styles/Input.sass'
+import '../styles/Input.sass'
 import { createSignal } from 'solid-js'
 
 interface Props {

fwt/components/Link.tsx

@@ -1,4 +1,4 @@
-import './styles/Link.sass'
+import '../styles/Link.sass'
 
 interface Props {
   to: string

fwt/components/Logo.tsx

@@ -1,5 +1,5 @@
-import webpPath from './images/logo.webp'
-import avifPath from './images/logo.avif'
+import webpPath from '../images/logo.webp'
+import avifPath from '../images/logo.avif'
 
 interface Props {
   size?: number

fwt/components/Navbar.tsx

@@ -1,4 +1,4 @@
-import './styles/Navbar.sass'
+import '../styles/Navbar.sass'
 import Row from './Row'
 
 interface Props {

fwt/components/Page.tsx

@@ -1,4 +1,4 @@
-import './styles/Page.sass'
+import '../styles/Page.sass'
 import { Show } from 'solid-js'
 
 interface Props {

fwt/components/Row.tsx

@@ -1,4 +1,4 @@
-import './styles/Row.sass'
+import '../styles/Row.sass'
 import { Show, type JSXElement } from 'solid-js'
 
 interface Props {

fwt/index.ts

@@ -0,0 +1,18 @@
+export { default as Background } from './components/Background'
+export { default as Box } from './components/Box'
+export { default as Button } from './components/Button'
+export { default as Column } from './components/Column'
+export { default as Copyright } from './components/Copyright'
+export { default as Footer } from './components/Footer'
+export { default as Form } from './components/Form'
+export { default as HTML } from './components/HTML'
+export { default as Image } from './components/Image'
+export { default as Link } from './components/Link'
+export { default as Logo } from './components/Logo'
+export { default as Navbar } from './components/Navbar'
+export { default as Page } from './components/Page'
+export { default as Row } from './components/Row'
+
+export { default as OptimizeBackground } from './Optimizers/OptimizeBackground'
+export { default as OptimizeImage } from './Optimizers/OptimizeImage'
+export { default as OptimizeLogo } from './Optimizers/OptimizeLogo'

src/components/Input/Input.tsx

@@ -1,4 +1,4 @@
-import Input from '../../../fwt/Input'
+import Input from '../../../fwt/components/Input'
 import { createSignal } from 'solid-js'
 
 const [sample, setSample] = createSignal('')

src/layouts/Layout.astro

@@ -4,9 +4,7 @@ const { title } = Astro.props
 const websiteName = 'Template'
 const websiteDescription = 'This is just a template.'
 
-import Background from '../../fwt/Background'
-// import OptimizeBackground from '../../fwt/components/Optimizer/OptimizeBackground'
-import HTML from '../../fwt/HTML'
+import { Background, HTML } from '../../fwt'
 ---
 
 <HTML title={title} name={websiteName} description={websiteDescription} font="inter">

src/pages/index.astro

@@ -1,18 +1,9 @@
 ---
 import Layout from '../layouts/Layout.astro'
-import Button from '../../fwt/Button'
-import Logo from '../../fwt/Logo'
-// import OptimizeLogo from '../../fwt/components/Optimizer/OptimizeLogo'
-// import OptimizeImage from '../../fwt/components/Optimizer/OptimizeImage'
-import Link from '../../fwt/Link'
+import { Button, Logo, Link, Page, Footer, Row, Image, Copyright } from '../../fwt/'
 import Counter from '../components/Counter/Counter'
-import Page from '../../fwt/Page'
-import Footer from '../../fwt/Footer'
-import Row from '../../fwt/Row'
-import Image from '../../fwt/Image'
 import PA1 from '../../fwt/images/pat-alcala.avif'
 import PA2 from '../../fwt/images/pat-alcala.webp'
-import Copyright from '../../fwt/Copyright'
 
 // const sample = import.meta.env.SAMPLE
 ---

src/pages/next.astro

@@ -1,13 +1,8 @@
 ---
 import Layout from '../layouts/Layout.astro'
-import Button from '../../fwt/Button'
-import Image from '../../fwt/Image'
-import Page from '../../fwt/Page'
+import { Button, Page, Row, Image } from '../../fwt'
 import sample1 from '../../fwt/images/sample.avif'
 import sample2 from '../../fwt/images/sample.webp'
-// import OptimizeImage from '../../fwt/components/Optimizer/OptimizeImage'
-import Row from '../../fwt/Row'
-// import Column from '../../fwt/components/Column/Column'
 ---
 
 <Layout title="Home">