Hex
Hex
Explore posts from servers
PD🧩 Plasmo DevelopersTTCTheo's Typesafe Cult
PostsComments
TTCTheo's Typesafe Cult
Created by Hex on 3/11/2025 in #questions
Google Docs Clone Tech Stack
Its more efficient to store documents using a delta log but then access a historic version is O(n) as you need to apply every delta between your current version and the one you want to go to. Yeah I know that you can do SSR with Next.js and Sveltekit something about having a language that runs in the server and a language that runs in the client is nice tho imo. Idk I prolly am overthinking and should just use TS since thats what I know.
7 replies
TTCTheo's Typesafe Cult
Created by Hex on 3/11/2025 in #questions
Google Docs Clone Tech Stack
The plan is to use Tiptap which can handle most of the hyper text editing. While it might seem like with that 90% is already done the part that I am more intrested in storing the documents in a way such that I can access any previous version in O(1). I have taken a look at Next.js and it seems good however I really like the simplicity in Elixir where everything uses SSR. However it feels like I may be adding unneeded complexity.
7 replies
PD🧩 Plasmo Developers
Created by Hex on 11/9/2024 in #👾extension
Svelte imports not working
Thinking about just dropping svelte and going back to react
7 replies
PD🧩 Plasmo Developers
Created by Hex on 11/9/2024 in #👾extension
Svelte imports not working
does anyone have any experince using Plasmo with svelte shadcn UI
7 replies
PD🧩 Plasmo Developers
Created by Hex on 11/9/2024 in #👾extension
Svelte imports not working
Update like 3 hours later still got it working sort of still issues
7 replies
PD🧩 Plasmo Developers
Created by Hex on 11/9/2024 in #👾extension
Svelte imports not working
tsconfig.json 
 {
  "extends": "plasmo/templates/tsconfig.base",
  "exclude": ["node_modules"],
  "include": [".plasmo/index.d.ts", "./src/**/*.ts", "./src/**/*.svelte"],
  "compilerOptions": {
    "baseUrl": ".",
    "typeRoots": ["./node_modules/@types", "./src/types"],
    "paths": {
      "$lib": ["./src/lib"],
      "$lib/*": ["./src/lib/*"]
    },
    "types": ["svelte", "chrome"]
  }
}
 {
  "extends": "plasmo/templates/tsconfig.base",
  "exclude": ["node_modules"],
  "include": [".plasmo/index.d.ts", "./src/**/*.ts", "./src/**/*.svelte"],
  "compilerOptions": {
    "baseUrl": ".",
    "typeRoots": ["./node_modules/@types", "./src/types"],
    "paths": {
      "$lib": ["./src/lib"],
      "$lib/*": ["./src/lib/*"]
    },
    "types": ["svelte", "chrome"]
  }
}
Components.json 
 
{
    "$schema": "https://shadcn-svelte.com/schema.json",
    "style": "default",
    "tailwind": {
        "config": "tailwind.config.js",
        "css": "src/app.pcss",
        "baseColor": "slate"
    },
    "aliases": {
        "components": "src/lib/components",
        "utils": "src/lib/utils"
    },
    "typescript": true
}
 
{
    "$schema": "https://shadcn-svelte.com/schema.json",
    "style": "default",
    "tailwind": {
        "config": "tailwind.config.js",
        "css": "src/app.pcss",
        "baseColor": "slate"
    },
    "aliases": {
        "components": "src/lib/components",
        "utils": "src/lib/utils"
    },
    "typescript": true
}
svelte.config.mjs (I am trying to just use regular svelete not svelte kit. Do I need this?) 
import preprocess from "svelte-preprocess"

/**
 * This will add autocompletion if you're working with SvelteKit
 * https://github.com/sveltejs/svelte-preprocess/blob/main/docs/usage.md
 * @type {import('@sveltejs/kit').Config}
 */
const config = {
  preprocess: preprocess({
    // ...svelte-preprocess options
  }),
  compilerOptions: {
    css: "injected" // this is the default mode
  },
  kit: {
    alias: {
      $lib: "src/lib"
    }
  }
  // ...other svelte options
}

export default config
import preprocess from "svelte-preprocess"

/**
 * This will add autocompletion if you're working with SvelteKit
 * https://github.com/sveltejs/svelte-preprocess/blob/main/docs/usage.md
 * @type {import('@sveltejs/kit').Config}
 */
const config = {
  preprocess: preprocess({
    // ...svelte-preprocess options
  }),
  compilerOptions: {
    css: "injected" // this is the default mode
  },
  kit: {
    alias: {
      $lib: "src/lib"
    }
  }
  // ...other svelte options
}

export default config
7 replies