ilikerobots

from decimal import Decimal

from django.db import models

class Color(models.Model):
    red = models.DecimalField(blank=False, null=False, decimal_places=2, max_digits=12)
    green = models.DecimalField(blank=False, null=False, decimal_places=2, max_digits=12)
    blue = models.DecimalField(blank=False, null=False, decimal_places=2, max_digits=12)
    alpha = models.DecimalField(blank=False, null=False, decimal_places=2, max_digits=12, default=Decimal(1.0))

ilikerobots

export const createSharedStore = (modules) => {
    return new createStore({
        plugins: [
            createPersistedState({
                paths: Object.entries(modules).map(
                    ([mName , m]) => 'persistentPaths' in m 
                        ? m.persistentPaths.map(path => mName + "." + path) 
                        : []
                ).flat(),
            })

ilikerobots

createPersistedState({
    paths: Object.entries(modules).map(
        ([mName , m]) => 'persistentPaths' in m 
            ? m.persistentPaths.map(path => mName + "." + path) 
            : []
    ).flat(),
})

ilikerobots

export default {
    state: {count: 0},
    mutations: {
        increment: state => state.count++,
        decrement: state => state.count--
    },
    persistentPaths: ["count", ]
}

ilikerobots

export const createAppInEl = (options, store, selector) => {
    const mountEl = document.querySelector(selector);
    const app = createApp(options, {...mountEl.dataset});
    app.use(store);
    // additional configurations here
    app.mount(selector);
    return app;
}

ilikerobots

const datasetDatatypePostfix = "Datatype";

const convertDatasetToTyped = (dataset) => {
   const keys = Object.keys(dataset);
   keys.forEach(function(key){
      let datatypeKey = key + datasetDatatypePostfix;
      if (datatypeKey in dataset) {
          let datatype = dataset[datatypeKey];
          switch (datatype) {
              case "String": //already string, do nothing

ilikerobots

<div id="hello_world_b" data-msg="{{ msg1 }}">
    <hello-world></hello-world>
</div>

ilikerobots

const selector = "#my_app_element";
const mountEl = document.querySelector(selector);
const app = createApp(AppComponent, {...mountEl.dataset});

ilikerobots

class _RainbowBoxState extends State<RainbowBox>
    with SingleTickerProviderStateMixin {
  AnimationController _controller;
  Animation<double> _anim;

  @override
  void initState() {
    super.initState();
    _controller = AnimationController(
      duration: const Duration(seconds: 5),

ilikerobots

 Animatable<Color> bgColor = RainbowColorTween([
    Colors.red,
    Colors.blue,
    Colors.green,
    Colors.yellow,
    Colors.red,
  ])