@solfacil/plasma-utils
v0.5.0
Published
- π [Nuxt 3](https://nuxt.com/) - Compatible with Nuxt 3 - π [BUN](https://bun.sh/) - A fast JavaScript all-in-one toolkit (runtime, bundler, test runner, package manager). - π [Keycloak](https://www.keycloak.org/) integration. - β‘οΈ Vite - Instant HMR.
Downloads
531
Maintainers
Readme
Features
- π Nuxt 3 - Compatible with Nuxt 3
- π BUN - A fast JavaScript all-in-one toolkit (runtime, bundler, test runner, package manager).
- π Keycloak integration.
- β‘οΈ Vite - Instant HMR.
- π¦ Multiples connections for Graphql and Rest APIs.
- πͺ Change environments on runtime.
- π Utilities loading, env, storage, etc.
- π¦Ύ TypeScript, of course.
IDE
We recommend using VS Code with Volar to get the best experience (You might want to disable Vetur if you have it).
Try it now!
Plasma requires Node >= 16.17.0
Quick start
# Clone the repository
git clone https://github.com/solfacil/plasma-utils
# Install dependencies
bun i
# Start development playground
bun dev
# Build for production
bun build:lib:ts
# Publish to npm
npm publish
How to use
Vue 3
import plasma from '@solfacil/plasma-utils';
import App from './App.vue'
const plasmaOptions = {
configuration: {
enableKeycloak: false,
hostProduction: 'https://my-host.com',
hostStaging: 'https://my-host.com'
},
connections: {
graphql: {
default: {
dev: {
url: 'https://rickandmortyapi.com/graphql'
},
prod: {
url: 'https://rickandmortyapi.com/graphql'
},
stg: {
url: 'https://rickandmortyapi.com/graphql'
}
}
},
rest: {
rickmorty: {
dev: {
url: 'https://rickandmortyapi.com/api'
},
prod: {
url: 'https://rickandmortyapi.com/api'
},
stg: {
url: 'https://rickandmortyapi.com/api'
}
}
},
keycloak: {
dev: {
url: 'https://my-keycloak.com',
realm: 'General',
client_id: 'ecommerce'
},
prod: {
url: 'https://my-keycloak.com',
realm: 'General',
client_id: 'ecommerce'
},
stg: {
url: 'https://my-keycloak.com',
realm: 'General',
client_id: 'ecommerce'
}
}
}
};
createApp(App)
.use(plasma, plasmaOptions)
.mount('#app');
Nuxt 3
import plasma from '@solfacil/plasma-utils';
export default defineNuxtPlugin(({ vueApp }) => {
const config = useRuntimeConfig().public;
vueApp.use(plasma, {
configuration: {
enableKeycloak: false,
hostProduction: config.HOST_PRODUCTION,
hostStaging: config.HOST_STAGING
},
connections: {
graphql: {
default: {
dev: {
url: 'https://rickandmortyapi.com/graphql'
},
prod: {
url: 'https://rickandmortyapi.com/graphql'
},
stg: {
url: 'https://rickandmortyapi.com/graphql'
}
}
},
rest: {
rickmorty: {
dev: {
url: 'https://rickandmortyapi.com/api'
},
prod: {
url: 'https://rickandmortyapi.com/api'
},
stg: {
url: 'https://rickandmortyapi.com/api'
}
}
},
keycloak: {
dev: {
url: 'https://my-keycloak.com',
realm: 'General',
client_id: 'ecommerce'
},
prod: {
url: 'https://my-keycloak.com',
realm: 'General',
client_id: 'ecommerce'
},
stg: {
url: 'https://my-keycloak.com',
realm: 'General',
client_id: 'ecommerce'
}
}
}
});
});