Wondering what’s next for npm?Check out our public roadmap! »

    remote-styles
    TypeScript icon, indicating that this package has built-in type declarations

    0.0.9 • Public • Published

    remote-styles

    Load CSS from Firebase Remote Config

    Install

    npm i remote-styles firebase
    # OR 
    yarn add remote-styles firebase

    Basic Example

    Webpack/Module Bundler usage

    import { initialize } from 'remote-styles';
     
    async function importStyles() {
      // Be smart and lazy load. Dynamic styles
      // are not likely needed for page load.
      const firebase = await import('firebase/app');
      await import('firebase/analytics');
      await import('firebase/remote-config');
     
      const firebaseApp = firebase.initializeApp({ 
        /* config */ 
      });
      const getStyles = await initialize(firebaseApp);
      const styles = getStyles('dark_mode');
      styles.insert();
    }
     
    importStyles();

    Script Tags / Loader Version

    remote-styles has a sub-package that lazy loads Firebase. This is useful for sites that use script tags instad of module bundling.

    <body>
      <div class="text-main config-dark">This can be configured remotely!</div>
      <script src="https://unpkg.com/remote-styles/dist/remote-styles-loader.min.js"></script> 
      <script>
          (async function(window, remoteStyles) {
            const getStyles = await remoteStyles.initialize({
              /* config */
            });
            const styles = getStyles('dark_mode');
            styles.insert();
          }(window, window.remoteStyles));
      </script> 
    </body>

    Upload/Download CSS from Remote Config via the CLI

    To use the CLI you'll need to download a Service Account from the Firebase Console.

    Downloading CSS

    node_modules/.bin/remote-styles get --key="CSS" --sa="./sa.json" --out="styles.css"

    Uploading CSS

    node_modules/.bin/remote-styles put --key="CSS" --sa="./sa.json" styles.css

    Keywords

    Install

    npm i remote-styles

    DownloadsWeekly Downloads

    4

    Version

    0.0.9

    License

    Apache 2.0

    Unpacked Size

    26.2 kB

    Total Files

    15

    Last publish

    Collaborators

    • avatar