fix: iframe examples because sitemap ssg config (#186)

qwikerx · Aug 29, 2024 · f0fc0a5 · f0fc0a5
1 parent feadeb8
commit f0fc0a5
Show file tree

Hide file tree

Showing 5 changed files with 78 additions and 8 deletions.
diff --git a/apps/web/adapters/static/vite.config.ts b/apps/web/adapters/static/vite.config.ts
@@ -13,8 +13,8 @@ export default extendConfig(baseConfig, () => {
     plugins: [
       staticAdapter({
         origin: 'https://flowbite-qwik.com',
-        sitemapOutFile: 'sitemap.xml',
-        exclude: ['/examples/*', '/docs'],
+        // sitemapOutFile: 'sitemap.xml',
+        // exclude: ['/examples', '/examples/*', '/docs'],
       }),
     ],
   }

diff --git a/apps/web/public/sitemap.xml b/apps/web/public/sitemap.xml
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+<url><loc>https://flowbite-qwik.com/docs/components/drawer</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/customize/theme</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/typography/hr</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/components</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/components/jumbotron</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/components/toast</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/components/dropdown</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/components/footer</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/components/tooltip</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/customize/dark-mode</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/typography/link</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/typography/list</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/typography/heading</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/forms/checkbox</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/components/accordion</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/components/date-picker</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/components/kbd</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/components/timeline</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/components/rating</loc></url>
+<url><loc>https://flowbite-qwik.com/</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/typography/blockquote</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/components/table</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/components/avatar</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/components/carousel</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/components/modal</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/forms/radio</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/getting-started/quickstart</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/components/breadcrumb</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/components/button</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/components/progress-bar</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/forms/textarea</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/forms/toggle</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/getting-started/license</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/components/badge</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/components/card</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/components/navbar</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/components/spinner</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/forms/range</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/components/banner</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/components/button-group</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/components/pagination</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/components/sidebar</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/forms/select</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/getting-started/introduction</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/components/alert</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/components/clipboard</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/components/list-group</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/components/tabs</loc></url>
+<url><loc>https://flowbite-qwik.com/docs/forms/input</loc></url>
+</urlset>
diff --git a/packages/lib/package.json b/packages/lib/package.json
@@ -1,6 +1,6 @@
 {
   "name": "flowbite-qwik",
-  "version": "0.36.0",
+  "version": "0.36.1",
   "description": "Unofficial Qwik components built for Flowbite and Tailwind CSS",
   "keywords": [
     "design-system",

diff --git a/packages/lib/src/components/Checkbox/Checkbox.tsx b/packages/lib/src/components/Checkbox/Checkbox.tsx
@@ -1,12 +1,11 @@
-import { QRL, Slot, component$, useComputed$, PropsOf, Signal, JSXChildren } from '@builder.io/qwik'
+import { QRL, Slot, component$, useComputed$, PropsOf, JSXChildren } from '@builder.io/qwik'
 import clsx from 'clsx'
 import { useCheckboxClasses } from './composables/use-checkbox-classes'
 import { twMerge } from 'tailwind-merge'
 import { FlowbiteTheme } from '../FlowbiteThemable'
 
 type CheckboxProps = Omit<PropsOf<'input'>, 'children'> & {
   color?: FlowbiteTheme
-  'bind:checked'?: Signal<boolean | undefined>
   onChange$?: QRL<(checked: boolean, value: string) => void>
   children?: JSXChildren
 }

diff --git a/packages/lib/src/components/Input/Input.tsx b/packages/lib/src/components/Input/Input.tsx
@@ -1,11 +1,10 @@
-import { JSXOutput, PropsOf, component$, useComputed$, useId, Signal } from '@builder.io/qwik'
+import { JSXOutput, PropsOf, component$, useComputed$, useId, useVisibleTask$, useSignal } from '@builder.io/qwik'
 import { InputSize, ValidationStatus, validationStatusMap } from './input-types'
 import { twMerge } from 'tailwind-merge'
 import { useInputClasses } from './composables/use-input-classes'
 
 type InputProps = Omit<PropsOf<'input'>, 'size'> & {
   label?: string
-  'bind:value'?: Signal<string | undefined>
   size?: InputSize
   validationStatus?: ValidationStatus
   suffix?: JSXOutput
@@ -31,6 +30,14 @@ export const Input = component$<InputProps>(
       useComputed$(() => validationStatus),
     )
 
+    // FIXME : qwik issue when value is given without bind:value
+    const inputRef = useSignal<HTMLInputElement>()
+    useVisibleTask$(() => {
+      if (inputRef.value && !props['bind:value'] && props.value) {
+        inputRef.value.value = props.value as string
+      }
+    })
+
     return (
       <div class={classNames}>
         {Boolean(label) && (
@@ -40,7 +47,19 @@ export const Input = component$<InputProps>(
         )}
         <div class="relative flex">
           {Boolean(prefix) && <div class="pointer-events-none absolute inset-y-0 left-0 flex w-10 items-center overflow-hidden pl-3">{prefix}</div>}
-          <input {...props} bind:value={props['bind:value']} id={id} class={twMerge(inputClasses.value, prefix && 'pl-10', suffix && 'pr-11')} />
+          <input
+            {...props}
+            ref={inputRef}
+            id={id}
+            bind:value={props['bind:value']}
+            class={twMerge(inputClasses.value, prefix && 'pl-10', suffix && 'pr-11')}
+            // FIXME : qwik issue, error if onInput$ is not redefined with the "if"
+            onInput$={(_, elm) => {
+              if (props['bind:value']) {
+                props['bind:value'].value = elm.value
+              }
+            }}
+          />
           {Boolean(suffix) && <div class="absolute right-2.5 top-1/2 -translate-y-1/2">{suffix}</div>}
         </div>
         {Boolean(validationMessage) && <div class={validationWrapperClasses}>{validationMessage}</div>}