npm - create-foliokit - Versions diffs - 0.0.0-stage → 1.0.0 - Mend

create-foliokit 0.0.0-stage → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (39) hide show

package/LICENSE +21 -0
package/README.md +377 -2
package/bin/index.js +6 -0
package/package.json +50 -4
package/src/cli.js +111 -0
package/src/generator.js +133 -0
package/src/prompts.js +44 -0
package/src/utils/errors.js +7 -0
package/src/utils/paths.js +12 -0
package/src/utils/progress.js +5 -0
package/src/utils/project-name.js +30 -0
package/templates/default/.gitignore +20 -0
package/templates/default/data.ts +227 -0
package/templates/default/index.html +23 -0
package/templates/default/package-lock.json +1280 -0
package/templates/default/package.json +28 -0
package/templates/default/public/avatar-placeholder.svg +10 -0
package/templates/default/public/footer-heart.png +0 -0
package/templates/default/public/love-always-wins.png +0 -0
package/templates/default/public/project-placeholder.svg +10 -0
package/templates/default/public/robots.txt +2 -0
package/templates/default/public/stars-foreground-landscape.svg +202 -0
package/templates/default/public/stars-foreground-portrait.svg +202 -0
package/templates/default/public/stars-landscape.svg +322 -0
package/templates/default/public/stars-portrait.svg +322 -0
package/templates/default/scripts/generate-seo.mjs +34 -0
package/templates/default/src/App.tsx +552 -0
package/templates/default/src/BrandIcon.tsx +36 -0
package/templates/default/src/ProjectMagazineGallery.css +90 -0
package/templates/default/src/ProjectMagazineGallery.tsx +210 -0
package/templates/default/src/main.tsx +10 -0
package/templates/default/src/styles.css +536 -0
package/templates/default/src/utils.ts +2 -0
package/templates/default/src/vite-env.d.ts +1 -0
package/templates/default/tests/portfolio.test.js +96 -0
package/templates/default/tsconfig.app.json +21 -0
package/templates/default/tsconfig.json +7 -0
package/templates/default/tsconfig.node.json +16 -0
package/templates/default/vite.config.ts +38 -0

package/templates/default/public/stars-portrait.svg ADDED Viewed

@@ -0,0 +1,322 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 960" preserveAspectRatio="none">
+  <circle cx="369.8" cy="756.8" r="1.66" fill="white" opacity="0.90"/>
+  <circle cx="129.6" cy="862.7" r="2.11" fill="white" opacity="0.67"/>
+  <circle cx="193.2" cy="140.9" r="2.44" fill="white" opacity="0.53"/>
+  <circle cx="314.9" cy="184.1" r="1.33" fill="white" opacity="0.94"/>
+  <circle cx="357.9" cy="467.1" r="1.55" fill="white" opacity="0.40"/>
+  <circle cx="312.6" cy="341.0" r="1.86" fill="white" opacity="0.63"/>
+  <circle cx="56.3" cy="551.4" r="2.29" fill="white" opacity="0.49"/>
+  <circle cx="421.5" cy="877.2" r="1.72" fill="white" opacity="0.70"/>
+  <circle cx="61.9" cy="323.0" r="1.38" fill="white" opacity="0.86"/>
+  <circle cx="1.8" cy="782.1" r="1.66" fill="white" opacity="0.45"/>
+  <circle cx="37.6" cy="923.6" r="1.03" fill="white" opacity="0.64"/>
+  <circle cx="78.4" cy="899.4" r="0.71" fill="white" opacity="0.34"/>
+  <circle cx="433.6" cy="306.4" r="2.10" fill="white" opacity="0.97"/>
+  <circle cx="454.4" cy="877.2" r="1.29" fill="white" opacity="0.57"/>
+  <circle cx="336.9" cy="656.4" r="1.22" fill="white" opacity="0.98"/>
+  <circle cx="454.7" cy="256.7" r="1.07" fill="white" opacity="0.96"/>
+  <circle cx="388.6" cy="748.8" r="1.29" fill="white" opacity="0.50"/>
+  <circle cx="419.4" cy="822.0" r="2.20" fill="white" opacity="0.65"/>
+  <circle cx="213.3" cy="128.8" r="1.20" fill="white" opacity="0.50"/>
+  <circle cx="106.8" cy="609.5" r="1.55" fill="white" opacity="0.43"/>
+  <circle cx="436.9" cy="711.2" r="0.90" fill="white" opacity="0.82"/>
+  <circle cx="247.4" cy="697.0" r="1.95" fill="white" opacity="0.83"/>
+  <circle cx="175.2" cy="39.3" r="0.87" fill="white" opacity="0.37"/>
+  <circle cx="47.2" cy="773.2" r="0.87" fill="white" opacity="0.78"/>
+  <circle cx="72.6" cy="204.6" r="1.69" fill="white" opacity="0.71"/>
+  <circle cx="240.9" cy="767.3" r="1.88" fill="white" opacity="0.92"/>
+  <circle cx="330.1" cy="746.0" r="1.85" fill="white" opacity="0.52"/>
+  <circle cx="175.5" cy="857.9" r="1.62" fill="white" opacity="0.61"/>
+  <circle cx="444.2" cy="489.4" r="1.39" fill="white" opacity="1.00"/>
+  <circle cx="444.0" cy="822.8" r="1.56" fill="white" opacity="0.97"/>
+  <circle cx="174.7" cy="646.9" r="1.84" fill="white" opacity="0.77"/>
+  <circle cx="28.1" cy="648.1" r="0.86" fill="white" opacity="0.33"/>
+  <circle cx="304.1" cy="536.0" r="2.46" fill="white" opacity="0.33"/>
+  <circle cx="432.5" cy="478.0" r="0.78" fill="white" opacity="0.40"/>
+  <circle cx="305.1" cy="319.4" r="2.38" fill="white" opacity="0.77"/>
+  <circle cx="7.8" cy="863.4" r="1.63" fill="white" opacity="0.76"/>
+  <circle cx="119.3" cy="204.2" r="0.82" fill="white" opacity="0.49"/>
+  <circle cx="64.0" cy="432.0" r="1.62" fill="white" opacity="0.69"/>
+  <circle cx="286.2" cy="901.0" r="1.38" fill="white" opacity="0.51"/>
+  <circle cx="214.3" cy="577.6" r="1.71" fill="white" opacity="0.92"/>
+  <circle cx="420.9" cy="543.7" r="1.12" fill="white" opacity="0.86"/>
+  <circle cx="227.9" cy="848.9" r="0.91" fill="white" opacity="0.41"/>
+  <circle cx="362.7" cy="548.5" r="0.79" fill="white" opacity="0.91"/>
+  <circle cx="234.0" cy="399.6" r="1.31" fill="white" opacity="0.59"/>
+  <circle cx="153.9" cy="253.6" r="1.72" fill="white" opacity="0.97"/>
+  <circle cx="235.0" cy="697.2" r="1.78" fill="white" opacity="0.54"/>
+  <circle cx="288.0" cy="498.5" r="1.08" fill="white" opacity="0.95"/>
+  <circle cx="370.0" cy="852.8" r="1.30" fill="white" opacity="0.94"/>
+  <circle cx="308.0" cy="783.1" r="2.35" fill="white" opacity="0.39"/>
+  <circle cx="8.1" cy="930.2" r="2.39" fill="white" opacity="0.34"/>
+  <circle cx="75.1" cy="567.5" r="1.29" fill="white" opacity="0.95"/>
+  <circle cx="472.2" cy="755.4" r="1.42" fill="white" opacity="0.93"/>
+  <circle cx="346.9" cy="870.8" r="2.37" fill="white" opacity="0.67"/>
+  <circle cx="351.7" cy="945.8" r="1.72" fill="white" opacity="0.50"/>
+  <circle cx="266.0" cy="411.3" r="1.12" fill="white" opacity="0.38"/>
+  <circle cx="207.0" cy="400.0" r="2.29" fill="white" opacity="0.63"/>
+  <circle cx="398.4" cy="685.0" r="0.87" fill="white" opacity="0.38"/>
+  <circle cx="342.0" cy="806.7" r="1.61" fill="white" opacity="0.42"/>
+  <circle cx="281.9" cy="785.7" r="1.00" fill="white" opacity="0.48"/>
+  <circle cx="287.9" cy="894.3" r="1.76" fill="white" opacity="0.38"/>
+  <circle cx="84.7" cy="203.8" r="2.50" fill="white" opacity="0.51"/>
+  <circle cx="476.7" cy="580.3" r="1.15" fill="white" opacity="0.69"/>
+  <circle cx="133.4" cy="6.1" r="2.21" fill="white" opacity="0.75"/>
+  <circle cx="344.7" cy="620.4" r="0.71" fill="white" opacity="0.70"/>
+  <circle cx="232.1" cy="474.9" r="2.37" fill="white" opacity="0.88"/>
+  <circle cx="65.5" cy="638.5" r="0.65" fill="white" opacity="0.33"/>
+  <circle cx="210.2" cy="7.5" r="1.32" fill="white" opacity="0.81"/>
+  <circle cx="154.1" cy="335.2" r="1.24" fill="white" opacity="0.75"/>
+  <circle cx="261.3" cy="75.7" r="1.39" fill="white" opacity="0.72"/>
+  <circle cx="379.8" cy="38.1" r="1.71" fill="white" opacity="0.69"/>
+  <circle cx="111.2" cy="884.8" r="1.72" fill="white" opacity="0.98"/>
+  <circle cx="389.7" cy="590.2" r="1.17" fill="white" opacity="0.98"/>
+  <circle cx="376.9" cy="213.3" r="0.69" fill="white" opacity="0.56"/>
+  <circle cx="122.5" cy="660.4" r="1.65" fill="white" opacity="0.59"/>
+  <circle cx="354.6" cy="232.3" r="2.29" fill="white" opacity="0.79"/>
+  <circle cx="11.5" cy="111.7" r="1.64" fill="white" opacity="0.91"/>
+  <circle cx="398.1" cy="224.6" r="1.70" fill="white" opacity="0.78"/>
+  <circle cx="18.3" cy="791.6" r="1.25" fill="white" opacity="0.91"/>
+  <circle cx="247.7" cy="164.2" r="1.37" fill="white" opacity="0.92"/>
+  <circle cx="376.3" cy="900.7" r="1.66" fill="white" opacity="0.41"/>
+  <circle cx="28.1" cy="755.9" r="0.63" fill="white" opacity="0.78"/>
+  <circle cx="203.9" cy="222.4" r="1.05" fill="white" opacity="0.46"/>
+  <circle cx="77.1" cy="894.4" r="0.63" fill="white" opacity="0.98"/>
+  <circle cx="227.9" cy="852.6" r="1.92" fill="white" opacity="0.90"/>
+  <circle cx="84.2" cy="223.6" r="1.82" fill="white" opacity="0.86"/>
+  <circle cx="17.3" cy="548.4" r="1.47" fill="white" opacity="0.53"/>
+  <circle cx="418.7" cy="76.2" r="1.45" fill="white" opacity="0.77"/>
+  <circle cx="286.4" cy="777.9" r="1.16" fill="white" opacity="0.47"/>
+  <circle cx="368.2" cy="873.3" r="0.83" fill="white" opacity="0.81"/>
+  <circle cx="188.5" cy="669.6" r="1.05" fill="white" opacity="0.73"/>
+  <circle cx="7.4" cy="783.0" r="1.18" fill="white" opacity="0.85"/>
+  <circle cx="159.0" cy="861.5" r="2.00" fill="white" opacity="0.56"/>
+  <circle cx="416.0" cy="440.7" r="1.60" fill="white" opacity="0.39"/>
+  <circle cx="229.1" cy="930.8" r="2.21" fill="white" opacity="0.89"/>
+  <circle cx="327.5" cy="287.7" r="0.88" fill="white" opacity="0.34"/>
+  <circle cx="49.2" cy="3.1" r="1.52" fill="white" opacity="0.38"/>
+  <circle cx="247.6" cy="131.0" r="1.40" fill="white" opacity="0.60"/>
+  <circle cx="142.4" cy="541.7" r="1.96" fill="white" opacity="0.95"/>
+  <circle cx="122.5" cy="922.7" r="1.66" fill="white" opacity="0.89"/>
+  <circle cx="67.7" cy="917.2" r="0.91" fill="white" opacity="0.88"/>
+  <circle cx="157.4" cy="119.1" r="2.34" fill="white" opacity="0.81"/>
+  <circle cx="213.6" cy="756.5" r="1.42" fill="white" opacity="0.78"/>
+  <circle cx="465.1" cy="780.3" r="0.97" fill="white" opacity="0.42"/>
+  <circle cx="21.5" cy="832.6" r="1.77" fill="white" opacity="0.52"/>
+  <circle cx="24.0" cy="809.6" r="1.99" fill="white" opacity="0.71"/>
+  <circle cx="319.3" cy="373.9" r="2.22" fill="white" opacity="0.81"/>
+  <circle cx="227.1" cy="732.6" r="2.22" fill="white" opacity="0.51"/>
+  <circle cx="164.6" cy="433.3" r="2.44" fill="white" opacity="0.61"/>
+  <circle cx="60.0" cy="256.8" r="1.11" fill="white" opacity="0.82"/>
+  <circle cx="198.2" cy="837.7" r="0.88" fill="white" opacity="0.47"/>
+  <circle cx="189.6" cy="891.0" r="1.63" fill="white" opacity="0.78"/>
+  <circle cx="27.6" cy="317.6" r="1.92" fill="white" opacity="0.39"/>
+  <circle cx="122.5" cy="224.7" r="1.83" fill="white" opacity="0.35"/>
+  <circle cx="200.4" cy="776.1" r="2.22" fill="white" opacity="0.84"/>
+  <circle cx="433.1" cy="907.1" r="1.61" fill="white" opacity="0.82"/>
+  <circle cx="127.7" cy="338.6" r="1.88" fill="white" opacity="0.34"/>
+  <circle cx="462.6" cy="726.9" r="2.12" fill="white" opacity="0.45"/>
+  <circle cx="117.8" cy="142.1" r="2.41" fill="white" opacity="0.38"/>
+  <circle cx="127.1" cy="271.7" r="1.40" fill="white" opacity="0.78"/>
+  <circle cx="319.2" cy="864.2" r="1.07" fill="white" opacity="0.65"/>
+  <circle cx="75.9" cy="326.9" r="1.58" fill="white" opacity="0.70"/>
+  <circle cx="414.2" cy="513.2" r="2.36" fill="white" opacity="0.99"/>
+  <circle cx="200.3" cy="535.5" r="0.98" fill="white" opacity="0.50"/>
+  <circle cx="62.6" cy="196.9" r="1.17" fill="white" opacity="0.45"/>
+  <circle cx="331.8" cy="277.6" r="1.55" fill="white" opacity="0.35"/>
+  <circle cx="94.9" cy="591.9" r="2.15" fill="white" opacity="0.36"/>
+  <circle cx="250.7" cy="809.1" r="1.20" fill="white" opacity="0.79"/>
+  <circle cx="135.6" cy="633.7" r="1.18" fill="white" opacity="0.39"/>
+  <circle cx="444.4" cy="21.7" r="1.46" fill="white" opacity="0.89"/>
+  <circle cx="336.9" cy="345.2" r="1.16" fill="white" opacity="0.70"/>
+  <circle cx="255.6" cy="942.3" r="1.98" fill="white" opacity="0.56"/>
+  <circle cx="22.2" cy="126.7" r="1.35" fill="white" opacity="0.46"/>
+  <circle cx="141.5" cy="371.8" r="0.82" fill="white" opacity="0.50"/>
+  <circle cx="439.2" cy="344.8" r="1.97" fill="white" opacity="0.43"/>
+  <circle cx="361.4" cy="865.0" r="2.46" fill="white" opacity="0.80"/>
+  <circle cx="103.6" cy="262.3" r="1.40" fill="white" opacity="0.56"/>
+  <circle cx="415.7" cy="929.9" r="1.25" fill="white" opacity="0.70"/>
+  <circle cx="12.3" cy="147.1" r="1.00" fill="white" opacity="0.89"/>
+  <circle cx="193.8" cy="886.7" r="1.07" fill="white" opacity="1.00"/>
+  <circle cx="7.2" cy="801.8" r="0.64" fill="white" opacity="0.35"/>
+  <circle cx="433.2" cy="387.7" r="0.90" fill="white" opacity="0.81"/>
+  <circle cx="208.3" cy="513.2" r="1.89" fill="white" opacity="0.74"/>
+  <circle cx="87.6" cy="76.4" r="1.41" fill="white" opacity="0.43"/>
+  <circle cx="317.4" cy="941.2" r="1.87" fill="white" opacity="0.51"/>
+  <circle cx="205.0" cy="666.9" r="2.18" fill="white" opacity="0.54"/>
+  <circle cx="151.3" cy="828.8" r="2.36" fill="white" opacity="0.60"/>
+  <circle cx="396.8" cy="403.1" r="0.92" fill="white" opacity="0.73"/>
+  <circle cx="445.4" cy="571.0" r="2.03" fill="white" opacity="0.57"/>
+  <circle cx="375.9" cy="498.4" r="2.34" fill="white" opacity="0.51"/>
+  <circle cx="87.0" cy="364.4" r="1.93" fill="white" opacity="0.88"/>
+  <circle cx="324.9" cy="315.1" r="2.41" fill="white" opacity="0.98"/>
+  <circle cx="338.9" cy="576.6" r="1.79" fill="white" opacity="0.80"/>
+  <circle cx="95.0" cy="523.3" r="1.24" fill="white" opacity="0.80"/>
+  <circle cx="212.8" cy="495.2" r="1.98" fill="white" opacity="0.33"/>
+  <circle cx="114.3" cy="800.7" r="0.90" fill="white" opacity="0.34"/>
+  <circle cx="272.5" cy="257.9" r="1.89" fill="white" opacity="0.72"/>
+  <circle cx="165.9" cy="711.9" r="1.43" fill="white" opacity="0.81"/>
+  <circle cx="467.8" cy="201.1" r="2.15" fill="white" opacity="0.61"/>
+  <circle cx="356.8" cy="887.8" r="0.80" fill="white" opacity="0.63"/>
+  <circle cx="157.4" cy="509.7" r="1.35" fill="white" opacity="0.37"/>
+  <circle cx="436.1" cy="664.7" r="0.67" fill="white" opacity="0.49"/>
+  <circle cx="322.8" cy="206.5" r="2.31" fill="white" opacity="0.76"/>
+  <circle cx="343.4" cy="824.0" r="0.87" fill="white" opacity="0.75"/>
+  <circle cx="291.5" cy="281.3" r="1.39" fill="white" opacity="0.84"/>
+  <circle cx="67.3" cy="871.4" r="1.60" fill="white" opacity="0.87"/>
+  <circle cx="10.4" cy="400.6" r="0.76" fill="white" opacity="0.48"/>
+  <circle cx="254.1" cy="456.5" r="1.92" fill="white" opacity="0.63"/>
+  <circle cx="189.5" cy="716.7" r="1.73" fill="white" opacity="0.73"/>
+  <circle cx="205.8" cy="131.7" r="2.27" fill="white" opacity="0.59"/>
+  <circle cx="315.0" cy="137.4" r="2.02" fill="white" opacity="0.64"/>
+  <circle cx="468.6" cy="492.2" r="1.23" fill="white" opacity="0.44"/>
+  <circle cx="292.9" cy="654.8" r="0.75" fill="white" opacity="0.79"/>
+  <circle cx="411.6" cy="654.9" r="2.05" fill="white" opacity="0.49"/>
+  <circle cx="442.4" cy="455.4" r="1.67" fill="white" opacity="0.50"/>
+  <circle cx="395.2" cy="877.9" r="2.15" fill="white" opacity="0.45"/>
+  <circle cx="319.6" cy="768.9" r="1.27" fill="white" opacity="0.43"/>
+  <circle cx="369.4" cy="680.0" r="1.69" fill="white" opacity="0.74"/>
+  <circle cx="210.5" cy="537.9" r="1.73" fill="white" opacity="0.92"/>
+  <circle cx="182.0" cy="139.8" r="0.95" fill="white" opacity="0.92"/>
+  <circle cx="14.7" cy="27.2" r="1.19" fill="white" opacity="0.92"/>
+  <circle cx="157.7" cy="535.5" r="1.54" fill="white" opacity="0.78"/>
+  <circle cx="318.7" cy="893.0" r="1.23" fill="white" opacity="0.84"/>
+  <circle cx="25.9" cy="483.9" r="2.12" fill="white" opacity="0.59"/>
+  <circle cx="379.5" cy="792.4" r="1.20" fill="white" opacity="0.56"/>
+  <circle cx="39.5" cy="60.0" r="1.73" fill="white" opacity="0.51"/>
+  <circle cx="218.1" cy="773.1" r="2.08" fill="white" opacity="0.61"/>
+  <circle cx="443.3" cy="416.0" r="1.41" fill="white" opacity="0.63"/>
+  <circle cx="102.4" cy="482.2" r="1.10" fill="white" opacity="0.66"/>
+  <circle cx="252.0" cy="821.3" r="2.19" fill="white" opacity="0.82"/>
+  <circle cx="301.6" cy="395.8" r="1.54" fill="white" opacity="0.44"/>
+  <circle cx="139.5" cy="801.4" r="1.12" fill="white" opacity="0.46"/>
+  <circle cx="148.4" cy="508.5" r="1.82" fill="white" opacity="0.64"/>
+  <circle cx="316.5" cy="657.3" r="0.95" fill="white" opacity="0.80"/>
+  <circle cx="253.8" cy="282.9" r="1.85" fill="white" opacity="0.95"/>
+  <circle cx="119.4" cy="365.2" r="0.73" fill="white" opacity="0.33"/>
+  <circle cx="189.2" cy="818.4" r="1.76" fill="white" opacity="0.64"/>
+  <circle cx="268.6" cy="695.4" r="1.84" fill="white" opacity="0.98"/>
+  <circle cx="281.0" cy="601.3" r="0.89" fill="white" opacity="0.39"/>
+  <circle cx="116.9" cy="792.1" r="0.81" fill="white" opacity="0.50"/>
+  <circle cx="313.2" cy="193.4" r="0.64" fill="white" opacity="0.67"/>
+  <circle cx="448.1" cy="852.6" r="1.27" fill="white" opacity="0.46"/>
+  <circle cx="421.2" cy="502.2" r="1.73" fill="white" opacity="0.56"/>
+  <circle cx="305.1" cy="306.7" r="1.28" fill="white" opacity="0.44"/>
+  <circle cx="335.5" cy="389.7" r="1.61" fill="white" opacity="0.57"/>
+  <circle cx="328.9" cy="135.8" r="1.72" fill="white" opacity="0.93"/>
+  <circle cx="334.3" cy="341.9" r="1.43" fill="white" opacity="0.60"/>
+  <circle cx="126.4" cy="693.0" r="1.47" fill="white" opacity="0.74"/>
+  <circle cx="68.0" cy="678.3" r="1.81" fill="white" opacity="0.46"/>
+  <circle cx="229.3" cy="781.5" r="2.27" fill="white" opacity="0.34"/>
+  <circle cx="51.7" cy="61.1" r="2.47" fill="white" opacity="0.93"/>
+  <circle cx="2.4" cy="874.8" r="2.18" fill="white" opacity="0.97"/>
+  <circle cx="69.3" cy="64.7" r="1.99" fill="white" opacity="0.67"/>
+  <circle cx="141.8" cy="875.7" r="0.69" fill="white" opacity="1.00"/>
+  <circle cx="246.5" cy="445.2" r="1.53" fill="white" opacity="0.41"/>
+  <circle cx="163.9" cy="95.8" r="1.98" fill="white" opacity="0.87"/>
+  <circle cx="474.7" cy="469.3" r="0.97" fill="white" opacity="0.94"/>
+  <circle cx="3.1" cy="414.5" r="1.15" fill="white" opacity="0.56"/>
+  <circle cx="103.8" cy="544.4" r="1.01" fill="white" opacity="0.97"/>
+  <circle cx="440.9" cy="139.0" r="1.13" fill="white" opacity="0.91"/>
+  <circle cx="306.2" cy="307.1" r="1.42" fill="white" opacity="0.95"/>
+  <circle cx="443.9" cy="643.2" r="1.00" fill="white" opacity="0.78"/>
+  <circle cx="470.0" cy="853.5" r="1.50" fill="white" opacity="0.67"/>
+  <circle cx="52.6" cy="827.3" r="1.71" fill="white" opacity="0.85"/>
+  <circle cx="142.5" cy="547.8" r="2.37" fill="white" opacity="0.85"/>
+  <circle cx="179.5" cy="517.1" r="2.31" fill="white" opacity="0.55"/>
+  <circle cx="283.6" cy="732.1" r="1.94" fill="white" opacity="0.40"/>
+  <circle cx="277.6" cy="323.4" r="2.04" fill="white" opacity="0.91"/>
+  <circle cx="469.1" cy="215.7" r="1.28" fill="white" opacity="0.51"/>
+  <circle cx="119.1" cy="841.2" r="0.61" fill="white" opacity="0.55"/>
+  <circle cx="204.6" cy="624.3" r="1.65" fill="white" opacity="0.33"/>
+  <circle cx="403.5" cy="229.5" r="2.46" fill="white" opacity="0.99"/>
+  <circle cx="28.2" cy="529.8" r="1.70" fill="white" opacity="0.73"/>
+  <circle cx="276.3" cy="730.1" r="2.07" fill="white" opacity="0.38"/>
+  <circle cx="4.8" cy="439.2" r="2.30" fill="white" opacity="0.46"/>
+  <circle cx="397.2" cy="127.5" r="1.72" fill="white" opacity="0.56"/>
+  <circle cx="408.7" cy="404.1" r="2.04" fill="white" opacity="0.34"/>
+  <circle cx="38.8" cy="788.0" r="0.86" fill="white" opacity="0.51"/>
+  <circle cx="277.7" cy="810.2" r="2.36" fill="white" opacity="0.50"/>
+  <circle cx="214.9" cy="759.1" r="0.83" fill="white" opacity="0.53"/>
+  <circle cx="76.2" cy="586.8" r="1.36" fill="white" opacity="0.92"/>
+  <circle cx="358.7" cy="529.0" r="2.03" fill="white" opacity="0.77"/>
+  <circle cx="308.6" cy="515.7" r="1.03" fill="white" opacity="0.45"/>
+  <circle cx="71.8" cy="485.6" r="1.31" fill="white" opacity="0.44"/>
+  <circle cx="403.0" cy="121.0" r="1.37" fill="white" opacity="0.50"/>
+  <circle cx="182.1" cy="596.6" r="0.75" fill="white" opacity="0.87"/>
+  <circle cx="264.3" cy="618.5" r="2.12" fill="white" opacity="0.42"/>
+  <circle cx="232.5" cy="388.0" r="1.51" fill="white" opacity="0.36"/>
+  <circle cx="178.1" cy="484.7" r="0.90" fill="white" opacity="0.91"/>
+  <circle cx="79.4" cy="184.3" r="1.43" fill="white" opacity="0.35"/>
+  <circle cx="23.6" cy="926.4" r="0.91" fill="white" opacity="0.53"/>
+  <circle cx="320.9" cy="727.1" r="2.42" fill="white" opacity="0.76"/>
+  <circle cx="197.4" cy="130.3" r="1.68" fill="white" opacity="0.88"/>
+  <circle cx="115.3" cy="215.0" r="0.72" fill="white" opacity="0.43"/>
+  <circle cx="406.8" cy="291.7" r="1.34" fill="white" opacity="0.79"/>
+  <circle cx="69.8" cy="283.1" r="2.10" fill="white" opacity="0.34"/>
+  <circle cx="173.3" cy="544.9" r="0.87" fill="white" opacity="0.64"/>
+  <circle cx="118.7" cy="761.6" r="0.96" fill="white" opacity="0.48"/>
+  <circle cx="86.0" cy="751.5" r="0.94" fill="white" opacity="0.97"/>
+  <circle cx="71.6" cy="496.2" r="1.49" fill="white" opacity="0.68"/>
+  <circle cx="445.0" cy="790.5" r="0.69" fill="white" opacity="0.46"/>
+  <circle cx="432.5" cy="386.5" r="0.77" fill="white" opacity="0.67"/>
+  <circle cx="175.0" cy="147.4" r="2.36" fill="white" opacity="0.45"/>
+  <circle cx="127.6" cy="6.1" r="0.71" fill="white" opacity="0.64"/>
+  <circle cx="328.5" cy="683.6" r="0.90" fill="white" opacity="0.52"/>
+  <circle cx="264.2" cy="281.6" r="0.89" fill="white" opacity="0.41"/>
+  <circle cx="179.4" cy="105.8" r="2.07" fill="white" opacity="0.83"/>
+  <circle cx="478.6" cy="712.3" r="1.14" fill="white" opacity="0.35"/>
+  <circle cx="306.4" cy="135.4" r="0.88" fill="white" opacity="0.77"/>
+  <circle cx="355.1" cy="728.9" r="2.36" fill="white" opacity="0.32"/>
+  <circle cx="186.4" cy="577.8" r="1.88" fill="white" opacity="0.37"/>
+  <circle cx="154.3" cy="393.9" r="1.66" fill="white" opacity="0.38"/>
+  <circle cx="378.0" cy="411.9" r="1.60" fill="white" opacity="0.79"/>
+  <circle cx="371.1" cy="439.9" r="1.00" fill="white" opacity="0.73"/>
+  <circle cx="175.0" cy="139.2" r="1.47" fill="white" opacity="0.66"/>
+  <circle cx="123.9" cy="689.7" r="0.73" fill="white" opacity="0.91"/>
+  <circle cx="329.5" cy="593.7" r="1.94" fill="white" opacity="0.39"/>
+  <circle cx="132.1" cy="695.6" r="0.79" fill="white" opacity="0.83"/>
+  <circle cx="285.8" cy="130.5" r="2.30" fill="white" opacity="0.34"/>
+  <circle cx="205.6" cy="678.3" r="2.16" fill="white" opacity="0.99"/>
+  <circle cx="3.6" cy="756.1" r="0.74" fill="white" opacity="0.79"/>
+  <circle cx="362.3" cy="846.9" r="0.68" fill="white" opacity="0.64"/>
+  <circle cx="131.4" cy="156.9" r="2.04" fill="white" opacity="0.47"/>
+  <circle cx="297.0" cy="57.8" r="1.98" fill="white" opacity="0.40"/>
+  <circle cx="49.9" cy="349.1" r="0.70" fill="white" opacity="0.44"/>
+  <circle cx="80.0" cy="534.4" r="2.33" fill="white" opacity="0.85"/>
+  <circle cx="25.7" cy="308.1" r="2.26" fill="white" opacity="0.95"/>
+  <circle cx="164.9" cy="406.2" r="1.83" fill="white" opacity="0.87"/>
+  <circle cx="274.6" cy="417.4" r="0.90" fill="white" opacity="0.33"/>
+  <circle cx="227.8" cy="948.3" r="0.73" fill="white" opacity="0.66"/>
+  <circle cx="294.8" cy="498.6" r="0.99" fill="white" opacity="0.42"/>
+  <circle cx="195.2" cy="680.9" r="1.47" fill="white" opacity="0.56"/>
+  <circle cx="390.6" cy="60.4" r="0.70" fill="white" opacity="0.46"/>
+  <circle cx="102.7" cy="328.6" r="1.40" fill="white" opacity="0.39"/>
+  <circle cx="106.0" cy="767.8" r="2.32" fill="white" opacity="0.89"/>
+  <circle cx="223.1" cy="399.4" r="0.80" fill="white" opacity="0.71"/>
+  <circle cx="287.7" cy="572.0" r="1.81" fill="white" opacity="0.39"/>
+  <circle cx="25.5" cy="24.7" r="1.52" fill="white" opacity="0.62"/>
+  <circle cx="138.8" cy="619.4" r="1.30" fill="white" opacity="0.80"/>
+  <circle cx="283.0" cy="898.4" r="1.93" fill="white" opacity="0.75"/>
+  <circle cx="302.2" cy="941.1" r="0.75" fill="white" opacity="0.48"/>
+  <circle cx="171.6" cy="956.1" r="1.47" fill="white" opacity="0.77"/>
+  <circle cx="454.1" cy="282.2" r="1.19" fill="white" opacity="0.35"/>
+  <circle cx="398.5" cy="834.7" r="1.61" fill="white" opacity="0.87"/>
+  <circle cx="47.2" cy="71.1" r="2.31" fill="white" opacity="0.39"/>
+  <circle cx="360.5" cy="71.7" r="1.09" fill="white" opacity="0.97"/>
+  <circle cx="284.6" cy="49.3" r="2.15" fill="white" opacity="0.68"/>
+  <circle cx="372.4" cy="324.6" r="0.92" fill="white" opacity="0.60"/>
+  <circle cx="122.6" cy="920.2" r="0.63" fill="white" opacity="0.32"/>
+  <circle cx="325.8" cy="250.1" r="1.77" fill="white" opacity="0.59"/>
+  <circle cx="224.8" cy="578.7" r="1.38" fill="white" opacity="0.33"/>
+  <circle cx="56.9" cy="284.0" r="1.57" fill="white" opacity="0.64"/>
+  <circle cx="464.9" cy="241.0" r="2.19" fill="white" opacity="0.90"/>
+  <circle cx="465.5" cy="39.8" r="0.81" fill="white" opacity="0.80"/>
+  <circle cx="100.8" cy="313.2" r="0.85" fill="white" opacity="0.61"/>
+  <circle cx="103.1" cy="808.7" r="2.21" fill="white" opacity="0.75"/>
+  <circle cx="137.5" cy="401.1" r="1.12" fill="white" opacity="0.97"/>
+  <circle cx="191.7" cy="678.7" r="1.08" fill="white" opacity="0.41"/>
+  <circle cx="200.6" cy="579.9" r="1.67" fill="white" opacity="0.62"/>
+  <circle cx="311.7" cy="514.1" r="2.35" fill="white" opacity="0.97"/>
+  <circle cx="0.1" cy="82.8" r="2.23" fill="white" opacity="0.93"/>
+</svg>

package/templates/default/scripts/generate-seo.mjs ADDED Viewed

@@ -0,0 +1,34 @@
+import { readFile, writeFile } from 'node:fs/promises'
+import { resolve } from 'node:path'
+import { loadEnv } from 'vite'
+const outputDirectory = resolve('dist')
+const env = loadEnv('production', process.cwd(), '')
+const htmlPath = resolve(outputDirectory, 'index.html')
+let html = await readFile(htmlPath, 'utf8')
+const metadataSiteUrl = html.match(/<meta property="og:url" content="([^"]+)"\s*\/>/)?.[1]
+const configuredSiteUrl = process.env.SITE_URL ?? env.SITE_URL ?? metadataSiteUrl
+if (!configuredSiteUrl) process.exit(0)
+const site = new URL(configuredSiteUrl)
+if (site.protocol !== 'https:' || site.pathname !== '/' || site.search || site.hash) {
+  throw new Error('SITE_URL must be the HTTPS origin only, such as https://portfolio.example')
+}
+const origin = site.origin
+const openGraphUrl = `<meta property="og:url" content="${origin}/" />`
+if (/<meta property="og:url" content="[^"]+"\s*\/>/.test(html)) {
+  html = html.replace(/<meta property="og:url" content="[^"]+"\s*\/>/, openGraphUrl)
+} else {
+  html = html.replace('</head>', `    ${openGraphUrl}\n  </head>`)
+}
+html = html.replace('</head>', `    <link rel="canonical" href="${origin}/" />\n  </head>`)
+await writeFile(htmlPath, html)
+const sitemap = '<?xml version="1.0" encoding="UTF-8"?>\n'
+  + '<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">\n'
+  + `  <url><loc>${origin}/</loc></url>\n`
+  + '</urlset>\n'
+await writeFile(resolve(outputDirectory, 'sitemap.xml'), sitemap)
+await writeFile(resolve(outputDirectory, 'robots.txt'), `User-agent: *\nAllow: /\nSitemap: ${origin}/sitemap.xml\n`)