- @Svg.TrashSm
- Deleted
+
+
+{% endhighlight %}
+
+
+ {% for data in post-summary.small %}
+ {% render 'post-summary-item.html', data: data %}
+ {% endfor %}
- …
+
+
+
+{% header "h3", "Answers" %}
+
+
+ …
+
+
+{% highlight html %}
+
…
-
+
-
-
-
- {% icon "TackSm" %}
- Pinned
-
-
-
- 10
-
-
- votes
-
-
-
-
- 12
-
-
- views
-
-
-
-
- 1
-
-
- minute read
-
-
-
-
-
-
-
- I wanted to see how different tags related to each other. The below graph depicts associations between popular tags on our site. Description of analysis: I started looking at the 1000 most popular tags on questions in 2021. I created a list of tags cross joined by the question ID (so if a question contains tags for both Python and Numpy, it would show up in my list). I scaled up by the number of answers each question received (noting that some tag combos had 0 answers) -and then counted each distinct combination of each tag. Due to limitations in graphing, I only displayed the top ~2500 tag combinations - which accounts for tags combos that had more than 40 answers over the entire year.
-
-
-
-
-
-
-
-
-
-
- 10
-
-
- votes
-
-
-
- {% icon "CheckmarkSm" %}
-
- 2
-
-
- answers
-
-
-
-
- 10k
-
-
- views
-
-
-
-
-
-
- Sometimes after build and launch my MVC4 web app I got this error. It can dissapear after rebuild or not. Same issue I got after publish to Windows Azure. Does anybody know how to fix this error?
-
-
-
-
-
-
-
-
-
-
- 3
-
-
- votes
-
-
-
-
- 2
-
-
- answers
-
-
-
-
- 205
-
-
- votes
-
-
-
-
-
-
- I recently found this solution for doing php url variable to header location redirects. It's so much more manageable compared to htaccess for mass redirects, however one thing I want to next work out templates, guides, and links, see this article.
-
-
-
-
-
-
-
-
-
- {% icon "TrashSm" %}
- Deleted
-
-
-
- 0
-
-
- votes
-
-
-
-
- 0
-
-
- answers
-
-
-
-
- 5
-
-
- views
-
-
-
-
-
-
- I am working on a Spring Boot application with user authentication is based on Oauth2 2ith 2FA. Now, I would like to call the APIs in my application from the third-party client as well, say from another service.
-
-
-
-
-
-
-
-
-
- {% icon "PencilSm" %}
- Draft
-
-
-
- -3
-
-
- votes
-
-
-
-
- 541
-
-
- views
-
-
-
-
- 4
-
-
- comments
-
-
-
-
- 1
-
-
- min read
-
-
-
-
-
-
-
- Cloud SQL allows users to customize several flags that allow you to adjust options and configure and tune a database instance. In the case of the sql_mode flag, there are several options that are
-
-
-
-
-
-
-
-
-
- {% icon "EyeSm" %}
- Review
-
-
-
- 26
-
-
- votes
-
-
-
-
- 2k
-
-
- views
-
-
-
-
- 1
-
-
- comment
-
-
-
-
- 1
-
-
- min read
-
-
-
-
-
-
-
- In Android apps that use Firebase Authentication, you can always get the user who is currently signed in with code like: FirebaseAuth auth = FirebaseAuth.getInstance(); FirebaseUser user = auth.get
-
-
-
-
-
-
-
-
-
- {% icon "NotInterestedSm" %}
- Closed
-
-
-
- 0
-
-
- votes
-
-
-
-
- 12
-
-
- views
-
-
-
-
-
-
-
- In Android apps that use Firebase Authentication, you can always get the user who is currently signed in with code like: FirebaseAuth auth = FirebaseAuth.getInstance(); FirebaseUser user = auth.get
-
-
-
-
-
-
-
-
-
- {% icon "ArchiveSm" %}
- Archived
-
-
-
- -22
-
-
- votes
-
-
-
-
- 1k
-
-
- views
-
-
-
-
- 5
-
-
- comments
-
-
-
-
- 1
-
-
- min read
-
-
-
-
-
-
-
- We’re pleased to announce gcloud storage, a new set of Cloud Storage commands in Cloud SDK that includes a new approach to parallelization that can accelerate both small and large data migrations.
-
-
-
-
-
+
+ {% for data in post-summary.answered %}
+ {% render 'post-summary-item.html', data: data %}
+ {% endfor %}
diff --git a/packages/stacks-svelte/src/components/PostSummary/PostSummary.stories.svelte b/packages/stacks-svelte/src/components/PostSummary/PostSummary.stories.svelte
index 4c3c8b6519..82fb858911 100644
--- a/packages/stacks-svelte/src/components/PostSummary/PostSummary.stories.svelte
+++ b/packages/stacks-svelte/src/components/PostSummary/PostSummary.stories.svelte
@@ -4,8 +4,7 @@
import PostSummaryAnswer from "./PostSummaryAnswer.svelte";
import type {
ContentTypeName,
- ExcerptSize,
- Hotness,
+ ExcerptLines,
State,
} from "./PostSummary.svelte";
import Answer from "./PostSummaryAnswer.svelte";
@@ -18,12 +17,13 @@
userAvatar: "https://avatars.githubusercontent.com/u/1",
userName: "John Doe",
userProfileUrl: "#john-doe",
- userReputation: "1,000",
+ userReputation: 1000,
views: 100,
votes: 10,
title: "Network graph of popular tags on Stack Overflow",
excerpt:
"I wanted to see how different tags related to each other. The below graph depicts associations between popular tags on our site. Description of analysis: I started looking at the 1000 most popular tags on questions in 2021. I created a list of tags cross joined by the question ID (so if a question contains tags for both Python and Numpy, it would show up in my list). I scaled up by the number of answers each question received (noting that some tag combos had 0 answers) -and then counted each distinct combination of each tag. Due to limitations in graphing, I only displayed the top ~2500 tag combinations - which accounts for tags combos that had more than 40 answers over the entire year.",
+ tags: tags,
};
const answerArgs = {
excerpt: baseArgs.excerpt,
@@ -32,7 +32,7 @@
userAvatar: "https://avatars.githubusercontent.com/u/2",
userName: "Jane Smith",
userProfileUrl: "#jane-smith",
- userReputation: "1,000",
+ userReputation: 1000,
};
const contentTypeOptions = {
@@ -60,8 +60,7 @@
"knowledge-article",
"policy",
];
- const ExcerptSizeTypes: ExcerptSize[] = [undefined, "sm", "md", "lg"];
- const HotnessTypes: Hotness[] = [undefined, "warm", "hot", "supernova"];
+ const ExcerptLinesTypes: ExcerptLines[] = [0, 1, 2, 3];
const StateTypes: State[] = [
undefined,
"archived",
@@ -97,13 +96,9 @@
type: "select",
},
},
- excerptSize: {
+ excerptLines: {
control: "select",
- options: ExcerptSizeTypes,
- },
- hotness: {
- control: "select",
- options: HotnessTypes,
+ options: ExcerptLinesTypes,
},
state: {
control: "select",
@@ -113,28 +108,21 @@
});
+{#snippet tags()}
+
retrieval-augmented-generation
+
langchain
+
llm
+
vector-database
+
ai
+{/snippet}
+
{#snippet template(args)}
-
-
- data
- data-insights
-
-
+
{/snippet}
-
-
-
-
- data
- data-insights
-
-
-
-
-
+
@@ -145,18 +133,13 @@
- {#each ExcerptSizeTypes as excerptSize (excerptSize)}
+ {#each ExcerptLinesTypes as excerptLines (excerptLines)}
|
- {excerptSize || "default"}
+ {excerptLines}
|
-
-
- data
- data-insights
-
-
+
|
{/each}
@@ -165,85 +148,30 @@
-
-
-
-
- data
- data-insights
-
-
-
-
+
-
-
- data
- data-insights
-
-
+
-
-
- data
- data-insights
-
-
+
-
-
- data
- data-insights
-
-
+
-
-
-
-
- data
- data-insights
-
-
+
+
+
-
-
-
-
-
- | Hotness |
- Example |
-
-
-
-
- {#each HotnessTypes as hotness (hotness)}
-
- |
- {hotness || "default"}
- |
-
-
-
- data
- data-insights
-
-
- |
-
- {/each}
-
-
-
-
-
- data
- data-insights
-
-
+
|
{/each}
@@ -347,41 +272,19 @@
| answerPreviews |
-
-
-
+ |
+
+ {#snippet answerPreviews()}
-
-
- |
- |
-
- | actionMenu |
-
-
-
-
-
+ {/snippet}
|
| tags |
-
-
-
- data
- data-insights
-
-
+ |
+
|
diff --git a/packages/stacks-svelte/src/components/PostSummary/PostSummary.svelte b/packages/stacks-svelte/src/components/PostSummary/PostSummary.svelte
index b650312b5b..fcedff9a40 100644
--- a/packages/stacks-svelte/src/components/PostSummary/PostSummary.svelte
+++ b/packages/stacks-svelte/src/components/PostSummary/PostSummary.svelte
@@ -10,8 +10,7 @@
url: string;
}
| undefined;
- export type ExcerptSize = "sm" | "md" | "lg" | undefined;
- export type Hotness = "warm" | "hot" | "supernova" | undefined;
+ export type ExcerptLines = 0 | 1 | 2 | 3;
export type State =
| "archived"
| "closed"
@@ -23,205 +22,234 @@
-
- {#if state}
-
- {/if}
- {#if votes || votes === 0}
-
- {/if}
- {#if answers || answers === 0}
+
+
+ {#if Number(votes) > 0}+{/if}{votes || "0"}
+ {i18nVotesUnit}
+
+
{#if acceptedAnswer}
-
{i18nAcceptedAnswerIconTitle}
-
{:else}
-
+
{/if}
- {/if}
- {#if views || views === 0}
-
- {/if}
- {#if readTime}
-
- {/if}
+ {answers || "0"}
+
{i18nAnswersUnit}
+
{#if bounty}
-
+
+ +
+ {bounty}
+ {i18nBountyUnit}
+
{/if}
- {#if contentType}
-
- {/if}
-
- {#if activityIndicator}
-
-
{i18nActivityIndicatorText}
-
- {#if excerpt}
-
- {/if}
-
- {#if $$slots.tags}
-
-
-
-
+
+ {#if state && state !== "deleted"}
+
{/if}
- {#snippet time()}
-
- {/snippet}
- {#snippet blings()}
+
+
+ {#snippet userBling()}
{#if userReputation}
+
-
-
-
- {#if $$slots.actionMenu}
-
-
-
-
-
-
-
-
-
+ {#snippet time()}
+
+ {/snippet}
+
+
+
+
+ {votes || "0"}
+
+
+ {#if acceptedAnswer}
+
+ {:else}
+
+ {/if}
+ {answers || "0"}
+ {i18nAnswersUnit}
+
+ {#if bounty}
+
+ +
+ {bounty}
+
+ {/if}
+
+
+ {views || "0"}
+ {i18nViewsUnit}
+
+ {#if comments}
+
+ {comments}
+ {i18nCommentsUnit}
+
+ {/if}
+ {#if readTime}
+
+ {readTime}
+
+ {/if}
+ {#if state && state !== "deleted"}
+
+
+
+ {/if}
+
+
+ {#if gated}
+
+ {/if}
+
+
+ {title}
+
+
+ {#if excerpt}
+
+ {/if}
+ {#if contentType || tags}
+
+ {#if contentType}
+
+ {/if}
+ {#if tags}
+ {@render tags()}
+ {/if}
+
+ {/if}
+ {#if answerPreviews}
+
+ {@render answerPreviews()}
+
{/if}
diff --git a/packages/stacks-svelte/src/components/PostSummary/PostSummaryAnswer.svelte b/packages/stacks-svelte/src/components/PostSummary/PostSummaryAnswer.svelte
index 9e1055e0b6..3a1e4bc4be 100644
--- a/packages/stacks-svelte/src/components/PostSummary/PostSummaryAnswer.svelte
+++ b/packages/stacks-svelte/src/components/PostSummary/PostSummaryAnswer.svelte
@@ -5,114 +5,143 @@
-
-
-
- {#if accepted}
-
- {/if}
-
-
{excerpt}
-
-
{i18nViewAnswersText}
- {#snippet time()}
-
- {/snippet}
- {#snippet blings()}
- {#if userReputation}
-
- {/if}
- {/snippet}
+
+
+
+ >
+ {#snippet time()}
+
+ {/snippet}
+
+
+
+
+
+ {votes || "0"}
+
+ {#if accepted}
+
+
+ {i18nAcceptedAnswerText}
+
+ {/if}
+
+
diff --git a/packages/stacks-svelte/src/components/PostSummary/PostSummaryExcerpt.svelte b/packages/stacks-svelte/src/components/PostSummary/PostSummaryExcerpt.svelte
index add970f6e4..cd4cdb834b 100644
--- a/packages/stacks-svelte/src/components/PostSummary/PostSummaryExcerpt.svelte
+++ b/packages/stacks-svelte/src/components/PostSummary/PostSummaryExcerpt.svelte
@@ -1,5 +1,5 @@
-
-
-
-
-
- {#if variant === "bounty"}+{/if}{number}
-
- {#if variant !== "bounty"}
- {unit}
- {/if}
-
diff --git a/packages/stacks-svelte/src/components/PostSummary/PostSummaryStatsItem.test.ts b/packages/stacks-svelte/src/components/PostSummary/PostSummaryStatsItem.test.ts
deleted file mode 100644
index ac1d2f8cfa..0000000000
--- a/packages/stacks-svelte/src/components/PostSummary/PostSummaryStatsItem.test.ts
+++ /dev/null
@@ -1,73 +0,0 @@
-import { expect } from "@open-wc/testing";
-import { render, screen } from "@testing-library/svelte";
-import PostSummaryStatsItem from "./PostSummaryStatsItem.svelte";
-
-describe("PostSummaryStatsItem", () => {
- it("should render the unit and number", () => {
- render(PostSummaryStatsItem, {
- number: 123,
- unit: "views",
- variant: "views",
- });
-
- const itemText = screen
- .getByText("views")
- .closest(".s-post-summary--stats-item");
- expect(itemText).to.exist;
- expect(itemText?.textContent).to.equal("123 views");
- });
-
- it("should apply the correct class for variant", () => {
- render(PostSummaryStatsItem, {
- number: 50,
- unit: "",
- variant: "bounty",
- });
-
- const item = screen
- .getByText("+50")
- .closest(".s-post-summary--stats-item");
- ["s-badge", "s-badge__bounty"].forEach((className) => {
- expect(item).to.have.class(className);
- });
- });
-
- it("should apply the `has-answers` class when appropriate", () => {
- render(PostSummaryStatsItem, {
- number: 5,
- unit: "answers",
- variant: "answers",
- });
-
- const item = screen
- .getByText("answers")
- .closest(".s-post-summary--stats-item");
- expect(item).to.have.class("has-answers");
- });
-
- it("should apply the correct class for hotness", () => {
- render(PostSummaryStatsItem, {
- hotness: "hot",
- number: 123,
- unit: "views",
- });
-
- const item = screen
- .getByText("views")
- .closest(".s-post-summary--stats-item");
- expect(item).to.have.class("is-hot");
- });
-
- it("should apply emphasis to the votes variant", () => {
- render(PostSummaryStatsItem, {
- number: 5,
- unit: "votes",
- variant: "votes",
- });
-
- const item = screen
- .getByText("votes")
- .closest(".s-post-summary--stats-item");
- expect(item).to.have.class("s-post-summary--stats-item__emphasized");
- });
-});