@solfacil/girassol 0.59.2 → 0.59.3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@solfacil/girassol",
   "description": "Girassol design system",
-  "version": "0.59.2",
+  "version": "0.59.3",
   "license": "MIT",
   "authors": [
     {
@@ -40,7 +40,6 @@
   },
   "types": "./dist/types/index.d.ts",
   "scripts": {
-    "postinstall": "node scripts/update-girassol-icons.mjs",
     "typecheck": "vue-tsc -p tsconfig.app.json --noEmit",
     "dev": "vite --port 3333 --host",
     "build:lib": "vue-tsc --noEmit && vite build",
@@ -61,7 +60,9 @@
     "prepare": "husky install",
     "commit": "cz",
     "pre-commit": "./.husky/run-staged-tests.js",
-    "semantic-release": "semantic-release"
+    "semantic-release": "semantic-release",
+    "postinstall": "./scripts/post-install.sh",
+    "prebuild:lib": "./scripts/prebuild.sh"
   },
   "dependencies": {
     "@tanstack/vue-virtual": "^3.7.0",

package/scripts/post-install.sh

@@ -0,0 +1,9 @@
+#!/bin/bash
+
+if [ ! -d "./node_modules/@solfacil/girassol" ]; then
+  mkdir -p ./node_modules/@solfacil/girassol
+fi
+
+cp ./icons.json ./node_modules/@solfacil/girassol/icons.json
+cp ./illustration.json ./node_modules/@solfacil/girassol/illustration.json
+

package/scripts/prebuild.sh

@@ -0,0 +1,9 @@
+#!/bin/bash
+
+if [ ! -d "./node_modules/@solfacil/girassol" ]; then
+  mkdir -p ./node_modules/@solfacil/girassol
+fi
+
+cp ./icons.json ./node_modules/@solfacil/girassol/icons.json
+cp ./illustration.json ./node_modules/@solfacil/girassol/illustration.json
+

package/vite.config.ts

@@ -11,12 +11,9 @@ import Inspect from 'vite-plugin-inspect'
 import WindiCSS from 'vite-plugin-windicss'
 
 import GirassolComponentsTypes from './vite-modules/generate-component-types'
-import GenerateIconsData from './vite-modules/generate-girassol-icons'
 
 const currentPath = path.resolve(__dirname)
 
-const girassolPath = path.join(__dirname, 'node_modules/@solfacil/girassol')
-
 // https://vitejs.dev/config/
 export default defineConfig({
   build: {
@@ -63,13 +60,12 @@ export default defineConfig({
       compiler: 'vue3',
       scale: 1.0,
       customCollections: {
-        girassol:  async () => JSON.parse(await readFile(`${girassolPath}/icons.json`, 'utf8')),
-        illustration:  async () => JSON.parse(await readFile(`${girassolPath}/illustration.json`, 'utf8')),
+        girassol:  async () => JSON.parse(await readFile('./icons.json', 'utf8')),
+        illustration:  async () => JSON.parse(await readFile('./illustration.json', 'utf8')),
       },
     }),
 
     GirassolComponentsTypes(),
-    GenerateIconsData(),
   ],
 
   optimizeDeps: {

package/scripts/girassol-icons.mjs

@@ -1,154 +0,0 @@
-import { access, constants, mkdir, readFile, writeFile } from 'fs/promises'
-import { dirname, join } from 'path'
-import crypto from 'crypto'
-import https from 'node-fetch'
-
-const COLORS = {
-  Reset: "\x1B[0m",
-  Bright: "\x1B[1m",
-  Dim: "\x1B[2m",
-  Italic: "\x1B[3m",
-  Underscore: "\x1B[4m",
-  Blink: "\x1B[5m",
-  Reverse: "\x1B[7m",
-  Hidden: "\x1B[8m",
-  Stroke: "\x1B[9m",
-
-  FgBlack: "\x1B[30m",
-  FgRed: "\x1B[31m",
-  FgGreen: "\x1B[32m",
-  FgYellow: "\x1B[33m",
-  FgBlue: "\x1B[34m",
-  FgMagenta: "\x1B[35m",
-  FgCyan: "\x1B[36m",
-  FgWhite: "\x1B[37m",
-  FgGray: "\x1B[90m",
-
-  BgBlack: "\x1B[40m",
-  BgRed: "\x1B[41m",
-  BgGreen: "\x1B[42m",
-  BgYellow: "\x1B[43m",
-  BgBlue: "\x1B[44m",
-  BgMagenta: "\x1B[45m",
-  BgCyan: "\x1B[46m",
-  BgWhite: "\x1B[47m",
-  BgGray: "\x1B[100m",
-}
-
-function log(styles, content) {
-  console.log(...styles, content, COLORS.Reset)
-}
-
-log([COLORS.Bright,COLORS.FgYellow], '======== [GIRASSOL_ICONS] =========')
-
-const dirname__ = dirname('./node_modules/')
-const girassolModules = join(dirname__, 'node_modules/@solfacil/girassol')
-
-const COLLECTIONS = [
-  { url: 'https://d1azc1qln24ryf.cloudfront.net/265413/Icons/selection-svg.json', filename: 'icons', collection: 'girassol' },
-  { url: 'https://d1azc1qln24ryf.cloudfront.net/265413/Ilustrations/selection-svg.json', filename: 'illustration', collection: 'illustration' },
-]
-  
-async function getIcon(url) {
-  try {
-    const data = await https(url, { method: 'GET' })
-    const response = await data.json()
-
-    const hash = crypto.createHash('md5')
-    hash.update(JSON.stringify(response))
-
-    response.hash = hash.digest('hex')
-
-    return response
-  }
-  catch (er) {
-    console.error('Error', er)
-  }
-}
-
-function transformIcons(collection, icons) {
-  const girassol = {
-    prefix: collection,
-    hash: icons?.hash,
-    width: 1024,
-    height: 1024,
-    icons: {},
-  }
-
-  icons.icons.forEach(({ icon, properties }) => {
-    const name = properties.name
-    const hasAttributes = icon.attrs.length
-
-    function transformAttribute(index) {
-      const currentAttributes = icon.attrs[index]
-
-      const style = () =>
-        Object.entries(currentAttributes)
-          .flatMap(([property, value]) => `${property}: ${value}`)
-          .join(';')
-
-      if (hasAttributes && Object.values(currentAttributes)) 
-        return `style="${style()}"`
-    }
-
-    function addPath(path, index) {
-      return `<path fill="currentColor" d="${path}" ${transformAttribute(index)} />`
-    }
-
-    const paths = icon.paths
-      .map(addPath)
-      .join('')
-
-    Object.assign(girassol.icons, {
-      [name]: {
-        body: paths,
-      },
-    })
-  })
-
-  return girassol
-}
-
-function createGirassolIconFiles(filename, collection, data) {
-  writeFile(`${girassolModules}/${filename}.json`, JSON.stringify(transformIcons(collection, data)))
-}
-
-export async function generateIcons() {
-  for (const collection of COLLECTIONS) {
-    try {
-      const icons = await getIcon(collection.url)
-
-      readFile(`${girassolModules}/${collection.filename}.json`)
-        .then(response => {
-          const cached = JSON.parse((response).toString())
-          const isDifferentHash = icons.hash !== cached.hash
-
-          log([COLORS.Bright,COLORS.FgCyan],
-              `${isDifferentHash ?  ' 💡' : ' ✅'} [${collection.filename}] ${isDifferentHash ? 'has new update' :  'is updated' }`)
-
-          if (isDifferentHash){
-            log([COLORS.Blink, COLORS.Bright, COLORS.FgCyan],`👷 [${collection.filename}] Updating...`)
-            createGirassolIconFiles(collection.filename, collection.collection, icons)
-            log([COLORS.Bright,COLORS.FgCyan],` ✅ [${collection.filename}] Updated!`)
-          }
-
-        })
-        .catch(() => {
-          createGirassolIconFiles(collection.filename, collection.collection, icons)
-          log([COLORS.Bright,COLORS.FgYellow],` 🧪 [${collection.filename}] Created!`)
-        })
-    }
-    catch(e) {
-      console.error('ERROR ', e)
-    }
-  }
-}
-
-export async function validateFolder() {
-  try {
-    await access(girassolModules, constants.R_OK | constants.W_OK)
-  }
-  catch {
-    await mkdir(join(dirname__, 'node_modules/@solfacil/girassol'), { recursive: true })
-  }
-}

package/scripts/update-girassol-icons.mjs

@@ -1,4 +0,0 @@
-import { generateIcons,validateFolder } from './girassol-icons.mjs'
-
-validateFolder()
-generateIcons()

package/vite-modules/generate-girassol-icons.ts

@@ -1,18 +0,0 @@
-import type { Plugin } from 'vite'
-
-import { generateIcons,validateFolder } from '../scripts/girassol-icons.mjs'
-
-export default (): Plugin => {
-  return {
-    name: 'vite-generate-girassol-icons-data',
-    apply: 'serve',
-
-    async buildStart() {
-      
-      await validateFolder()
-      await generateIcons()
-    
-      console.log('[Girassol icons generated!]')
-    },
-  }
-}