✅ COMPLETED: 1. Dockerfile uses port 80 (astro preview) 2. BaseLayout imports globals.css 3. globals.css with Tailwind v4 @theme syntax 4. index.astro has Header, Footer, FixedContact 5. All image references fixed to existing files 6. Hero uses hdpe_pipe_main.jpg 7. Product cards use hdpe001.jpg 8. pt-20 on main for fixed header ✅ TESTED LOCALLY: - Build: 15 pages in 1.27s - Docker build successful - Port 80 working - Images load - CSS works Ready for Easypanel deployment.
53 lines
1.3 KiB
JavaScript
53 lines
1.3 KiB
JavaScript
/**
|
|
* @import {Element, Root} from 'hast'
|
|
* @import {Child, Properties, PropertyValue, Result, Style, createH as CreateH} from './create-h.js'
|
|
*/
|
|
|
|
/**
|
|
* @typedef {Record<string, Child | PropertyValue | Style>} JSXProps
|
|
*/
|
|
|
|
// Make VS code see references to above symbols.
|
|
''
|
|
|
|
/**
|
|
* Create an automatic runtime.
|
|
*
|
|
* @param {ReturnType<CreateH>} f
|
|
* `h` function.
|
|
* @returns
|
|
* Automatic JSX runtime.
|
|
*/
|
|
export function createAutomaticRuntime(f) {
|
|
/**
|
|
* @overload
|
|
* @param {null} type
|
|
* @param {{children?: Child}} properties
|
|
* @param {string | null | undefined} [key]
|
|
* @returns {Root}
|
|
*
|
|
* @overload
|
|
* @param {string} type
|
|
* @param {JSXProps} properties
|
|
* @param {string | null | undefined} [key]
|
|
* @returns {Element}
|
|
*
|
|
* @param {string | null} type
|
|
* Element name or `null` to get a root.
|
|
* @param {Properties & {children?: Child}} properties
|
|
* Properties.
|
|
* @returns {Result}
|
|
* Result.
|
|
*/
|
|
function jsx(type, properties) {
|
|
const {children, ...properties_} = properties
|
|
const result =
|
|
// @ts-ignore: `children` is fine: TS has a recursion problem which
|
|
// sometimes generates broken types.
|
|
type === null ? f(null, children) : f(type, properties_, children)
|
|
return result
|
|
}
|
|
|
|
return {Fragment: null, jsxDEV: jsx, jsxs: jsx, jsx}
|
|
}
|